Photoshop制作非常有质感的彩色金属按钮

2016-02-02 12:31 53 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作非常有质感的彩色金属按钮,赶紧看过来吧!

【 tulaoshi.com - PS 】

本教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
最终效果

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

1、新建一个512 * 512像素的文档,背景填充淡蓝色。新建一个图层,用椭圆工具在画布中心画一个白色圆形。然后给圆添加图层样式,参数及效果如下图。

2、如下图所示绘制高光及反射的暗处,过程如下图。绘制好后吧暗处部分复制一份,应用垂直方向的动感模糊(滤镜 模糊 动感模糊),总体效果如下图。

3、绘制环形的反射暗处和亮处,具体方法是用圆形形状工具绘制圆形,之后用更小一些的圆形选区删除中间部分。得到类似环的形状;一些地方要配合使用模糊和橡皮工具,将不用的地方擦去。
另一块黑色的暗处使用钢笔工具勾勒出来填充黑色。

4、新建一个图层,用圆形工具绘制更小的圆形,位置居中,再添加下图所示的图层样式。

5、添加样式后,中间的小圆有了一些凹陷效果,接着用钢笔工具勾出简单的水平S型波浪画出中间小圆部分的明暗反射的界限,转化为选区并填充黑色。左边圆圈内的效果是用橡皮和涂抹工具制作出来的。最后选择小圆之外的部分,删除多出的黑色。

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

6、外围金属部分已经基本画好,现在继续绘制内嵌的部分。画一个略小一圈的黑色圆形,如下图所示设置图层样式。

7、内嵌的高光部分为白色,透明度为:50%;用钢笔勾出水平的S型选区,然后删除下半部分。
用更小的圆形绘制中间部分的镜头,因为镀膜的效果,所以是蓝色到紫色的渐变,如下图。

8、绘制镜头内侧的细节,也就是高光和阴影部分,图层样式设置如下图。

9、最后在里层绘制最后的镜头渐变,渐变颜色设置如下图。之后应用高斯模糊进行适度的模糊处理。

10、添加高光的细节,如图红圈部分,绘制椭圆然后应用水平的动感模糊和高斯模糊。

11、继续添加高光的细节,如图红圈部分,绘制椭圆然后应用水平的动感模糊、垂直的动感模糊和高斯模糊,图层混合为“叠加”。

12、最后绘制中间区域的大面积反光,用形状工具得到椭圆的路径,用路径选区工具选择下端的描点,往上移动就得到被压扁的椭圆形的形状。

最后略微调整一下曲线和颜色,完成最终效果。

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

来源:https://www.tulaoshi.com/n/20160202/1533758.html

延伸阅读
最终效果图 第1步:建一新黑底文件,新建图层Layer1,选用椭圆工具,按住Shift键绘制一正圆形,用渐层工具以Radial、从白到黑色进行填充; 第2步:新建一图层Layer2,再绘制一稍小正圆形,用渐层工具以Radial、填充方向和上一步相反; 第3步:再新建一图层Layer3,再绘制一稍小于上步的正圆形,用渐层工具以Radial...
标签: PS PS教程
最终效果 首先第一步,先在互联网上搜集一些韦德的图片作为绘画参考。 在纸上画草图,这是一个在找感觉的过程,可以多画几个,渐渐熟悉对象的特征。   将自己的草稿扫描进电脑,如果你有满意的草稿就可以直接画线稿。如果没有,有个小技巧:可以利用photoshop里的液化工具调整你的草稿,然后在调整后的图...
教程 本教程巧用素材制作非常艺术图片效果。教程可能是从国外翻译过来,部分参数及参照效果图都是英文的,制作的时候需要对照好中文版相应的工具。 原图 最终效果 1.打开原图,使用多边形套索工具将面膜部分选中。 2.复制面膜(包括眼睛鼻子和嘴巴)部分,复制并粘贴到新图层,原始图层可以删掉了~使用裁剪工具将工作区放大 ...
   先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色 用黑白圆形渐变绘制如图2所示渐变 图1 图2 2.选择滤镜 杂色 ...
本教程思路:把文字模糊,然后使用光照效果增强文字的金属质感,然后使用曲线来加强明暗对比,然后调成自己喜爱的颜色! 最终效果 1、打开一幅背景图片,效果如图01所示。 2、在工具箱的下方将前景色设置为灰色RGB分别为150、150、150。选择工具箱中的文字工具,在文件窗口中输入文字,效果如图1所示。在文字层上单击右键,在弹出的菜...

经验教程

802

收藏

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