Photoshop制作炫彩色金属按钮

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

下面是个简单易学的Photoshop制作炫彩色金属按钮教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

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


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



(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)2、如下图所示绘制高光及反射的暗处,过程如下图。绘制好后吧暗处部分复制一份,应用垂直方向的动感模糊(滤镜 模糊 动感模糊),总体效果如下图。



tulaoshi.com3、绘制环形的反射暗处和亮处,具体方法是用圆形形状工具绘制圆形,之后用更小一些的圆形选区删除中间部分。得到类似环的形状;一些地方要配合使用模糊和橡皮工具,将不用的地方擦去。

另一块黑色的暗处使用钢笔工具勾勒出来填充黑色。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)4、新建一个图层,用圆形工具绘制更小的圆形,位置居中,再添加下图所示的图层样式。



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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)6、外围金属部分已经基本画好,现在继续绘制内嵌的部分。画一个略小一圈的黑色圆形,如下图所示设置图层样式。



7、内嵌的高光部分为白色,透明度为:50%;用钢笔勾出水平的S型选区,然后删除下半部分。

用更小的圆形绘制中间部分的镜头,因为镀膜的效果,所以是蓝色到紫色的渐变,如下图。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)8、绘制镜头内侧的细节,也就是高光和阴影部分,图层样式设置如下图。



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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)10、添加高光的细节,如图红圈部分,绘制椭圆然后应用水平的动感模糊和高斯模糊。


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


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


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

来源:https://www.tulaoshi.com/n/20160318/1873840.html

延伸阅读
标签: PS效果 PS PS基础
本教程介绍非常绚丽的霓虹字制作方法。大致分为两个大的部分来做。首先是背景部分的制作,需要用自定义的画笔刷出斑斓的背景。并加上色调。然后就是文字部分的制作。文字选择非常重要,最好自己用钢笔勾出连写的字母,然后用画笔描边,再加上彩色渐变即可。 最终效果 1、新建800×500像素文档,使用径向渐变拖出下图色彩作为背景。 ...
标签: PS PS基础
先看看最终效果图 (1)运行Photoshop CS5,打开素材文件灰色背景.psd文件。 (2)选择圆角矩形工具设置并绘制。 (3)为形状 1图层添加图层样式。 (4)新建图层 1并与形状 1图层合并。 (5)为合并后的图层 1添加图层样式。 (6)选择矩形选框工具绘制出选区。 (7)复制选区内容到图层 2并删除其图层样式。 ...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。 添加图层样式。 效果如下。 建新层,画一个小的黑色正圆。 添加图层样式。 效果如下。 建新层,用钢笔或直线套索画一个三角形,填充黑色。 添加图层样式。 效果如下。 建新层,用钢笔做如下选区...
PS制作灰色金属质感按钮 教程向图老师的朋友们介绍利用PS制作灰色金属质感按钮。教程难度不大,适合中高级PS学习者学习。下面我们下来看看制作好的效果图。 终极效图 下面我们一起来学习制作过程: 1、打开photoshop,新建一图层并按Shift使用椭圆工具画Tulaoshi.Com一圆形。 2、然后双击图层1,在图层1的混合属...
标签: PS PS基础 PS效果
本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分,用到的图层比较多,每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作,方法与前面的基本相近。 最终效果 1、打开photoshop,新建一图层,按Shift使用椭圆工具画一正圆形。 2、然后双击图层1,在图层1的混合属性中做如下设置: ...

经验教程

619

收藏

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