Photoshop高级鼠绘教程制作3D图标
2010-05-05 08:17:17 来源:WEB开发网图层样式中,添加渐变如下图(深蓝#004f7浅蓝#0072b6白)。

Step 24
斜上方的光线,所以调整渐变角度为-45°。

Step 25
添加描边,为了增加金属感,把描边的填充模式改为渐变,添加若干个深灰到浅灰的节点,直到你的描边看起来有金属的感觉。

Step 26
加粗描边,更改渐变角度和缩放参数。

Step 27
添加内阴影增加立体感,设置如下。

Step 28
使用黑色内发光,继续增加立体感,设置如下。

Step 29
添加斜面浮雕效果,样式改为浮雕,调整深度,大小,软化等参数如下图。

Step 30
接下来把真个图像转化为智能对象(这样缩放就不会损失图像质量了),右键点击图层,选择转为智能对象。

Step 31
再次添加斜面浮雕效果如下图。

Step 32
添加阴影如下图。

Step 33
添加文字如图。

Step 34
添加内阴影如图。

Step 35
再添加一些光泽,先用钢笔画一个下图形状的白色填充图层。

Step 36
为了方便图层管理,作者新建了一个透明图层,然后选中两层,ctrl+e与刚才的填充图层合并。

Step 37
ctrl+单击按钮图层载入圆形选区。

Step 38
反选(Ctrl+Shift+I)删除多余的部分。

Step 39
更改混合模式柔光,降低透明度。

Step 40
为了再强调立体感,在右上角再添加一个白色小光斑。

Step 41
再用钢笔在外框上画一个白月牙(如果钢笔功力不好的话,用连个圆圈相减也是不错的选择)的反光,继续强调,适当降低透明度。

Step 42
当-当-当-当!图标华丽地完成了。(建议将按钮做好后ctrl+g打组,方便管理)

Step 43
更改颜色和文字,就能轻松制作出更多的图标了!

Step 44
接下来就考虑如何摆放这些图标了,按照作者的方式或者自己发挥,注意调整图层的前后秩序。
好了,大功告成,接下来让你的朋友们对你的作品进行围观吧!
