Photoshop高级鼠绘教程制作3D图标
2010-05-05 08:17:17 来源:WEB开发网图层样式中,添加渐变如下图(深蓝#004f7浅蓝#0072b6白)。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281726858.jpg)
Step 24
斜上方的光线,所以调整渐变角度为-45°。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281726229.jpg)
Step 25
添加描边,为了增加金属感,把描边的填充模式改为渐变,添加若干个深灰到浅灰的节点,直到你的描边看起来有金属的感觉。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281726754.jpg)
Step 26
加粗描边,更改渐变角度和缩放参数。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281726185.jpg)
Step 27
添加内阴影增加立体感,设置如下。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281727825.jpg)
Step 28
使用黑色内发光,继续增加立体感,设置如下。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281727792.jpg)
Step 29
添加斜面浮雕效果,样式改为浮雕,调整深度,大小,软化等参数如下图。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281728935.jpg)
Step 30
接下来把真个图像转化为智能对象(这样缩放就不会损失图像质量了),右键点击图层,选择转为智能对象。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281728951.jpg)
Step 31
再次添加斜面浮雕效果如下图。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729675.jpg)
Step 32
添加阴影如下图。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729594.jpg)
Step 33
添加文字如图。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729535.jpg)
Step 34
添加内阴影如图。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729127.jpg)
Step 35
再添加一些光泽,先用钢笔画一个下图形状的白色填充图层。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729715.jpg)
Step 36
为了方便图层管理,作者新建了一个透明图层,然后选中两层,ctrl+e与刚才的填充图层合并。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281729215.jpg)
Step 37
ctrl+单击按钮图层载入圆形选区。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281730737.jpg)
Step 38
反选(Ctrl+Shift+I)删除多余的部分。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281730151.jpg)
Step 39
更改混合模式柔光,降低透明度。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281731304.jpg)
Step 40
为了再强调立体感,在右上角再添加一个白色小光斑。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281731420.jpg)
Step 41
再用钢笔在外框上画一个白月牙(如果钢笔功力不好的话,用连个圆圈相减也是不错的选择)的反光,继续强调,适当降低透明度。
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281731191.jpg)
Step 42
当-当-当-当!图标华丽地完成了。(建议将按钮做好后ctrl+g打组,方便管理)
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281731690.jpg)
Step 43
更改颜色和文字,就能轻松制作出更多的图标了!
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281732652.jpg)
Step 44
接下来就考虑如何摆放这些图标了,按照作者的方式或者自己发挥,注意调整图层的前后秩序。
好了,大功告成,接下来让你的朋友们对你的作品进行围观吧!
![Photoshop高级鼠绘教程制作3D图标](http://tech.cncms.com/tech/UploadPic/2010912/201091281717114.jpg)