欢迎来到福编程网,本站提供各种互联网专业知识!

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

发布时间:2011-11-19 作者:sou6 来源:互联网
好久没折腾PS了,今天看了psd+上的《CreateaCleaniPadInterfaceinPhotoshop》这篇文章,一时手痒,就截了一段,学习学习。先看看最终的效果:一、背景制作步骤背景制作相对没什么难度,具体顺序是:1、新建一600X600的文档;2、新建群组,并命名为background;3

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

先看看最终的效果:

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

一、背景制作步骤

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

1、新建一600X600的文档;

按此在新窗口浏览图片

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

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

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

按此在新窗口浏览图片

二、旋钮制作步骤

第一步

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

按此在新窗口浏览图片_ueditor_page_break_tag_

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

第二步

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

第三步

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

第四步

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

第五步

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

第六步

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

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

按此在新窗口浏览图片

第七步

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

具体操作效果见图。

按此在新窗口浏览图片

第八步

螺丝钉的制作;

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

相关推荐