PS打造漂亮的数码金属水晶按钮

2016-03-18 05:58 8 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享PS打造漂亮的数码金属水晶按钮吧。

【 tulaoshi.com - PS 】

编缉:poluooluo.com 来源:eNet 作者:涂健
本教程介绍金属按钮的制作方法。制作的时候需要注意好图层的位置及光的渲染。尤其要突出金属的光泽,装饰部分使用滤镜效果完成。整体感觉非常的精致。
最终效果


1、建立一新文档,用深灰色填充背景层。在文档的水平居中位置用椭圆工具建立一正圆选区并用白色填充选区再将其重命名为 B CircLe。

2、复制该图层并用自由变换工具将复制层图中的略微小一些。然后按住CTRL+点击该复制层载入其选区。下面选择 B CircLe并执行图层-图层蒙版-隐藏选区。


3、重复第1.2步骤用椭圆选框工具另外建立2个图层将2个图层的颜色分别设置成为绿色和红色。将这个2个图层分别重命名为M CircLe和S CircLe。


4、选中B CircLe双击该图层加入渐变叠加图层样式。

再加入斜面与浮雕图层样式。


5、复制B CircLe层然后改变之前的图层样式。将之前附加的渐变叠加和斜面与浮雕图层样式去除加入内阴影图层样式。(注意将填充不透明度也设置为0)。

6、选择M CircLe层加入渐变叠加和描边图层样式。



7、选择S CircLe层加入颜色叠加和描边图层样式。

8、建立一个名为Metels图层组的文件夹,将以上4个图层放置于该图层组中。



9、建立一新图层为Screen,再在文档中心位置用椭圆选框工具建立一正圆选区用白色填充。双击该图层加入渐变叠加图层样式。

10、建立一新图层,将前景色和背景色设置为白色和黑色。然后执行滤镜-渲染-云彩。设置图层混合模式为叠加。现在按CTRL+点击Screen层载入其选区,再回到云彩图层上来执行图层-图层蒙版-显示选区。


11、复制云彩层,将复制层命名为Twirl并将图层混合模式设置为颜色减淡。执行图层-图层蒙版-应用。之后再次按住CTRL+点击Screen层载入其选区,然后执行滤镜-扭曲-旋转扭曲。

12、执行滤镜以后不要区需要选择区,再接着执行滤镜-液化并选择褶皱工具。进一步加大扭曲度。


13、接着用橡皮擦工具载入Twirl层中的一些标注出来的位置。


14、建立一新图层并命名为S stars,用黑色填充后设置图层混合模式为颜色减淡。再执行滤镜www.tulaoshi.com-像素化-铜板雕刻。

15、执行滤镜-模糊-径向模糊,设置如下。下面再次按住CTRL+点击Screen层载入其选区,然后回到云彩层上执行图层-图层蒙版-显示选区。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
16、下面我们来制作一些星星。建立一新图层并用黑色填充再重命名为B Stars,设置图层混合模式为颜色减淡。之后选择画笔工具对其做一下设置在图中编辑出如下所示的星星。



17、重复第14步的方法用缩放模糊做出大一些的星星,但是这次数量设置为50就可以了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
18、复制Screen层并改变其图层样式,选择渐变叠加图层样式设置渐变色为白色到白色,但是透明度设置为100%-0%。现在选择椭圆选框工具建立建立一椭圆选区,然后执行图层-图层蒙版-显示选区,调整好渐变叠加图层的位置并改变图层不透明度为40%。


19、再用第1.2步的方法在边框上做出一些小圆。

再给它加入颜色叠加和描边图层样式。


20、在把做好的“小圆”复制几个按比例放置于按钮上的合适位置,最终效果如下。

来源:http://www.tulaoshi.com/n/20160318/1873936.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。 添加图层样式。 效果如下。 建新层,画一个小的黑色正圆。 添加图层样式。 效果如下。 建新层,用钢笔或直线套索画一个三角形,填充黑色。 添加图层样式。 效果如下。 建新层,用钢笔做如下选区...
标签: PS PS基础 PS效果
按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分,然后再复制组成导航栏。 最终效果 1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。 2、新建层, 选择选区工具(M),固定大小为100 x 40px角...
标签: PS PS基础 PS效果
水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部矩形样式。 4...
标签: PS PS基础 PS效果
本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分,用到的图层比较多,每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作,方法与前面的基本相近。 最终效果 1、打开photoshop,新建一图层,按Shift使用椭圆工具画一正圆形。 2、然后双击图层1,在图层1的混合属性中做如下设置: ...
标签: PS PS基础 PS效果
本教程的按钮大致分为两个大的部分:第一部分是按钮部分的制作,用选区工具做出想要的按钮形状,然后添加图层样式和高光做出水晶质感。第二部分是雪花部分的制作,需要用到雪花形状或笔刷做出雪花,然后添加图层样式即可。 最终效果 1、打开下图所示的背景图片。 2、选择“椭圆”工具并在视图中进行绘制。 3...

经验教程

973

收藏

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