您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps鼠绘教程 >> 正文

PS绘制逼真不锈钢金属螺旋钮图标教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  好久没折腾PS了,今天看了psd+上的《Create a Clean iPad Interface in Photoshop 》这篇文章,一时手痒,就截了一段,学习学习。

  先看看最终的效果:

PS绘制逼真不锈钢金属螺旋钮图标教程 三联教程

  一、背景制作步骤

  背景制作相对没什么难度,具体顺序是:

  1、新建一600X600的文档;

按此在新窗口浏览图片

  2、新建群组,并命名为background;

  3、新建图层,以#C2C2C2填充,并增加“渐变叠加”和“光泽”的图层样式效果。

  4、新建图层,填充任意颜色,执行“滤镜 -> 杂色 -> 添加杂色”,具体选项和效果如图:

按此在新窗口浏览图片

  二、旋钮制作步骤

  第一步

  利用椭圆工具(Ellipse Tool(U))画出一个底色为黑色的正圆(按住Shift键),并将该图层填充调整为8%;如图:

按此在新窗口浏览图片

  利用钢笔工具依示例构出路径并制成选区,然后将此选区添加至当层图层的图层蒙版。最后给当前图层应用一些图层样式效果。

  如何用钢笔工具构出图中路径,让我折腾了半天,平时练习得太少了,制作过程截图如下:

按此在新窗口浏览图片

  添加“斜面与浮雕”和“光泽”的图层样式效果:

按此在新窗口浏览图片

  第二步

  利用椭圆工具,按图示新绘一同心圆(或者直接复制第一个圆,并通过变形,缩小至65%),填充色为#141414。

按此在新窗口浏览图片

  添加“投影”和“渐变叠加”:

按此在新窗口浏览图片

  第三步

  按图示,利用椭圆工具再新建一圆,以#cfcfcf填充。注意该圆应向上偏移5px

按此在新窗口浏览图片

  添加“描边”和“渐变叠加”的图层样式

按此在新窗口浏览图片

  第四步

  再次增加一个新圆,填充为#414141,如图:

按此在新窗口浏览图片

  添加“描边”和“渐变叠加”的图层样式

按此在新窗口浏览图片

  选择钢笔工具,按图示绘制色块,并创建“剪贴蒙版”:

按此在新窗口浏览图片

  第五步

  新增一圆,填充白色,注意该圆大小。

按此在新窗口浏览图片

  添加“内发光”、“斜面与浮雕”、“描边”和“渐变叠加”:

按此在新窗口浏览图片

  选择笔刷工具,并调整适当的笔刷大小,笔刷硬度调整为0,按图示描绘;在该图层上右键,选“创建剪贴蒙版”;

 

按此在新窗口浏览图片

  接下来,新建图层,并填充任意颜色,执行“滤镜 -> 杂色 -> 添加杂色”,然后执行“滤镜 -> 模糊 -> 径向模糊”,详细参数如下图:

按此在新窗口浏览图片

  最后以旋钮中心点为准,调整风眼的位置,效果如上图。

  第六步

  给表面添加些纹理,新增圆,将图层面板右上方填充值调整为0,添加图层样式“描边”;

  接着通过重复复制和改变大小,来达到图中所示的效果,最后群组后修改透明度至15%。

按此在新窗口浏览图片

  第七步

  绘制辅助箭头,这部分的操作主要还是通过钢笔工具,构出箭头后,应用一些图层样式。并对未梢进行些渐变蒙版处理。

  具体操作效果见图。

按此在新窗口浏览图片

  第八步

  螺丝钉的制作;

  1、利用椭圆工具绘制一个正圆,填充为黑色。接着依图示应用图层样式,包括“投影”与“斜面和浮雕”效果。

按此在新窗口浏览图片

  2、新增如图所示的内圆,填充色为#494949;并添加“斜面与浮雕”、“渐变叠加”、“光泽”。效果如图:

按此在新窗口浏览图片

  3、选择文字工具,录入“+”符号,并设置字体为“Britannic”;我系统里没有,就随便选了个“Verdana”,感觉效果还是有的。呵呵!

  添加图层样式后的效果如图:

按此在新窗口浏览图片

  最后复制产生另一螺丝钉,大功造成!

按此在新窗口浏览图片