Photoshop制作漂亮前卫的web按钮

Photoshop制作漂亮前卫的web按钮的相关文章

• 
  Photoshop制作漂亮的左侧导航按钮

  标签：PS PS基础 PS效果

  本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。 最终效果 1、首先我们在PS里新建一文件，大小为 500x500px，白色背景。 2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。 3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉...[ 查看全文 ]

  Me兽人博士

  291
• 
  Photoshop制作漂亮的黑色质感按钮

  标签：PS PS基础 PS效果

  本教程介绍非常实用的导航按钮的制作方法。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。 最终效果 1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。 2、...[ 查看全文 ]

  天秤座的Medusa

  861
• 
  Photoshop制作漂亮的青色水晶雪花按钮

  标签：PS PS基础 PS效果

  本教程的按钮大致分为两个大的部分：第一部分是按钮部分的制作，用选区工具做出想要的按钮形状，然后添加图层样式和高光做出水晶质感。第二部分是雪花部分的制作，需要用到雪花形状或笔刷做出雪花，然后添加图层样式即可。 最终效果 1、打开下图所示的背景图片。 2、选择“椭圆”工具并在视图中进行绘制。 3、为“形状 1”添加图层样式。 ...[ 查看全文 ]

  15怪蜀黍

  141
• 
  Photoshop制作漂亮的绿色水晶导航按钮

  标签：PS PS基础 PS效果

  按钮是网页中不可缺少的部分，好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分，然后再复制组成导航栏。 最终效果 1、新建文件，大小500x 200px ，选择渐变工具(G)，(径向渐变)从#363636到#252525。 最左边拖动到右下角。 2、新建层， 选择选区工具(M)，固定大小为100 x 40px角。 3、填充线性渐变从 #68ad40和#4c8c2c。 4、选着图层...[ 查看全文 ]

  jinghang6

  91
• 
  Photoshop制作漂亮的蓝色圆形水晶按钮

  标签：PS PS基础 PS效果

  水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多，注意好每一个图层都需要用图层样式等添加光感，然后再根据光源方向设定好高光位置，这样做出的按钮不仅质感好，而且比较合逻辑。 最终效果 1、新建文档，800x600像素，背景白色，画2个矩形，分别添加样式。 2、底部矩形样式。 3、上部矩形样式。 4、在画面右侧添加一个白色椭圆，图层模式柔光。 5、建新层...[ 查看全文 ]

  csdnsa_keag

  121
• 
  Photoshop制作漂亮的蓝色透明玻璃按钮

  标签：PS PS基础 PS效果

  按钮分为两个大的部分来制作：中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同，只需要找出相应的高光部分并渲染出来即可。 最终效果 1、新建一个800 * 600像素的文档，背景填充暗紫色：#752874，如下图。 图1 2、先来制作中间的蓝色水晶部分，需要完成的效果如下图。 图2 3、新建一个组，选择椭圆选框工具，按住Shift键拉出一个合适的正圆选区，然后给组添加图层蒙版。...[ 查看全文 ]

  coolbreathe

  111
• 
  Photoshop打造漂亮的蓝色点击按钮

  标签：PS PS基础

  先看效果图 新建文档600x350像素，背景白色，建新层填充黑色，添加图层样式。 效果如下。 建新层，画一黑色圆角矩形，半径200像素。 添加图层样式。 效果如下。 同样方法，建新层画一黑色圆角矩形。 添加图层样式。 效果如下。 输入白色文字，最终效果如下。 [ 查看全文 ]

  a18731777116

  71
• 
  Photoshop打造时尚漂亮的下载按钮

  标签：PS PS基础

  先看效果图。 新建文档1280x1024像素，背景白色，建新层填充黑色，添加图层样式。 效果如下。 建新层，用钢笔画出下图所示按钮轮廓，填充黑色。 添加图层样式。 效果如下。 建新层，用钢笔画出下图所示形状，填充#f5f5f5。 建新层，画一正圆选区，填充#2d429d，右击变换选区，缩小一些，删除。 添加描边样式。 前景色#015496输入文字download，英语下载的意思。 ...[ 查看全文 ]

  程控交换机01

  21
• 
  Photoshop:打造漂亮蝴蝶琉璃按钮

  标签：PS PS教程

  琉璃是以各种颜色的人造水晶为原料，用水晶脱蜡铸造法高温烧结而成的艺术作品。这种流光溢彩、变幻瑰丽的琉璃效果也常常被应用到平面设计当中，下面我们就用PS来打造一款漂亮的蝴蝶琉璃按钮。 效果预览 1、新建一个宽度为12厘米，高度为10厘米，分辨率为300像素，模式为RGB，内容为白色的文件。 2、新建图层1，选择工具箱中的“自定形状工具”，在属性栏中选择蝴蝶形状，在画面中绘制蝴蝶路径，并...[ 查看全文 ]

  给女儿幸福

  21
• 
  巧用图层样式制作漂亮水晶按钮

  标签：PS PS基础 PS效果

  本教程介绍使用图层样式来制作水晶按钮，教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了！ 最终效果 1.新建一个500 * 300像素的文件，背景填充为白色，新建一个图层命名为“按钮”，用矩形选框工具画一个长条的矩形填充为黑色。    2.双击“按钮”层，弹出图层样式对话框，选择渐变叠加参数设置如下图 3.设置渐变...[ 查看全文 ]

  神经小破孩

  381
• 
  Photoshop制作简洁的网页按钮

  标签：PS PS基础

  先看效果图。 新建文档500x300像素，背景黑色，新建图层，画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层，再画一个小的白色圆角矩形，图层不透明度50%。 下面制作倒影，复制大的圆角矩形图层，新建图层1，然后合并2个图层得到图层1，ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变，图层不透明度80%左右，输入白色文字，效果如下。 如果你觉得蓝色不好...[ 查看全文 ]

  程_程

  61
• 
  Photoshop：制作“苹果风格按钮”

  标签：PS PS教程

    这个按钮纯粹是我看着MAC的按钮模仿出来的，自我感觉已经比较象了！废话不多说，开始了。 [ 查看全文 ]

  风沐邯语

  691
• 
  Photoshop制作清新的立体网页按钮

  标签：PS PS基础

  [ 查看全文 ]

  沉默de鲨鱼123

  31
• 
  Photoshop制作精致的透明玻璃按钮

  标签：PS PS基础 PS效果

  作者寄语：本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档，背景填充蓝色：#106D98。 1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。 2、把当前图层复制一层，得到图层副本，隐...[ 查看全文 ]

  491208464代购

  121
• 
  Photoshop制作白边水晶按钮

  标签：PS PS基础 PS效果

  本教程介绍网页常用水晶按钮的制作方法，思路：制作方法跟平时做的水晶按钮一样，需要注意光感及细节的调节，颜色及背景可以按照自己的喜好选用。 最终效果 1.新建一个500 * 300像素的文件，背景填充颜色：#827E22。 2.选择圆角矩形工具，半径设置为25，前景颜色设置为白色，绘制图1所示的圆角矩形，然后删格化图层。 图1 3.把圆角矩形复制一份，回到原圆角矩形这层，双击图层调出图层样式，选...[ 查看全文 ]

  Olong王雪蕊

  261
• 
  Photoshop制作小巧的网页红色按钮

  标签：PS PS基础

  先看效果图 新建文档350x230像素，背景填充浅灰色#dddddd，之后建新层，前景色#f00000画一个圆角矩形。 添加图层样式。 效果如下。 建新层，画一矩形选区，白到透明径向渐变。 去掉选区，调出圆角矩形选区，添加蒙版，图层模式改为柔光。 输入白色文字添加内阴影样式，效果如下。 最后添加倒影，最终效果如下。 [ 查看全文 ]

  维尼纳祯

  41
• 
  Photoshop制作简单的水晶导航按钮

  标签：PS PS基础 PS效果

  本教程的按钮制作比较简单。大致的过程：先画好想要的按钮形状，可以使任意图形。然后设置一些图层样式，后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色，再创建一个新图层，在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5px的下拉阴影，如下图: 2、新建一图层，起名”深色”，用深兰...[ 查看全文 ]

  lxdnb450

  111
• 
  Photoshop制作简单的蓝色导航按钮

  标签：PS PS基础 PS效果

  本教的按钮部分制作比较简单，用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来，做出的按钮更漂亮。 最终效果 1、新建一文件，大小自定，这里是600*400为例。设置前景色：＃1592d7，背景颜色：＃136da2，选择径向渐变工具。从中间拖动得到下面效果： 2、添加散射光条文。新建一层，左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状，如果没有...[ 查看全文 ]

  未央静晴

  321
• 
  Photoshop制作立体绚丽的网页按钮

  标签：PS PS基础

  最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状，请不要做太多奇形怪状，不要忘记按钮本身的作用吸引用户点击。 2、颜色 设计师应该具备审美能力。 3、实验 不断的练习会让你学习到更多的东西，请不要给自己太多压力，你的付出不会仅仅只让你原地踏步，要坚持。 4、教程 下面是我自己随意做的东西。 5、分层图 6、混合选项 加上其它细节，完成最终效果。如...[ 查看全文 ]

  你成他的新娘了

  01
• 
  Photoshop制作晶莹水晶按钮教程

  标签：PS PS基础

  最终效果 图00 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 图01 2.复制圆角矩形图层并缩小 图02 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 图03 4.这是是具体的简便颜色设置 图04 5.给上边的矩形添加样式 图05 6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图 图06 ...[ 查看全文 ]

  Fortunate帅帅

  01