打造Vista风格按钮

2016-01-29 23:39 9 1 收藏

打造Vista风格按钮,打造Vista风格按钮

【 tulaoshi.com - PS 】

本教程由中国 肥鱼 原创,转载请保留此信息。 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Windows Vista发布,趁着这个机会赶赶时髦。这是Vista的黑色任务栏按钮。

新建一张图,前景色选灰色(作为辅助色,可随意选一种较淡的颜色),用圆角矩形工具,设置圆角半径为 3 像素,画一个高 30 左右的矩形。




新建图层,用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上,按钮就越显得凸起。然后按住Ctrl+Alt+Shift,单击图层面板中第一步建立的形状图层,以选中按钮的上半部。




选择前景色 rgb(200,200,200),背景色 rgb(90,90,90),使用渐变工具由上至下在选区中填充渐变色。



按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层,选择按钮下半部分。
设置前景色为 rgb(24,24,24),按Alt+Del填充选区。




按Ctrl键单击图层面板中的形状图层,然后选择减淡工具,宽度5像素,曝光度设置为50%,加亮按钮的边缘。特别是圆角部分可以适当加大高光区。




保持前景色为 rgb(24,24,24),选择主菜单编辑-描边,居中1像素。然后选择前景色为rgb(200,200,200),再次选择主菜单编辑-描边,居外1像素。最后按Ctrl+D取消选区。




效果还不错吧?最后可根据需要隐藏背景层和形状图层,输出成png格式,便于在网页上使用。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

来源:http://www.tulaoshi.com/n/20160129/1514889.html

延伸阅读
最终效果图   1、新建一个文件500*500,用渐变工具,以右下角为中心,拉一个从绿到蓝的径向渐变,图中使用的颜色:颜色 1 - #2e5b15颜色, 2 - #103533(中间色),颜色 3 - #090e13。   使用渐变拉出来的效果图。   2、使用用文字工具,画出一个你喜欢字母,如 Q 。这里使用的字体是 Adobe Caslon Pro,颜...
最终效果 1.先新建一条绿色的弯曲路径,选择发光滤镜,设TuLaoShi.com置如图: 2.接着,在这个路径上方新建一个白色矩形,选择放射状渐变填充,不要边框, 3.将这个新建的矩形剪切,快捷键是Ctrl+X,然后粘贴为刚才做的那条曲线的蒙板。 4.将蒙板设置为灰度外观。 5.这时,路径就有了首尾渐隐的...
本教程介绍漂亮的光束效果制作方法。制作的方法基本上是用路径和画笔来做,先制作出优美的弧度选区,然后选择画笔工具,透明度设置比较低,然后顺着路径边缘涂抹,涂的时候手感要稳一点。 最终效果 1、打开一张素材图片,如下图所示。我们将用这张照片来制作“Vista效果”的背景。 2、执行【滤镜—模糊—高斯模糊】命令,模糊半径为75...
Vista系统横空出世,对于他的众多FANS来说是个记纪念的时刻,下面我们就制作一款Vista风格质感图标,制作过程中大量用到图层样式,看似简单的东西做出来真不容易! 最终效果 1)新建一个 256 × 256 像素的透明背景图像文档。将第一个图层名称重命名为“背景”。 2)使用白色 #ffffff 填充背景。 3)新建一个图层,重命名该图层为“圆...
最终效果图 www.Tulaoshi.com 最终效果图

经验教程

931

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部