PS设计教程网欢迎你!

Photoshop详细绘制逼真的USB图标效果

文章来源于 优设,感谢作者 P大点S 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2015-04-13
今天这枚图标教程难度不大,重点也是图层样式的运用。作者P大点S微博同学讲解细致,通俗易懂,新手以此入门非常合适。

本教程主要使用Photoshop详细绘制逼真的USB图标效果,今天这枚图标教程难度不大,重点也是图层样式的运用。作者P大点S微博同学讲解细致,通俗易懂,新手以此入门非常合适。

教程源文件:立体逼真的U盘教程PSD源文件

最终效果:

Photoshop详细绘制逼真的USB图标效果

首先,我们来绘制背景。设置前景色为#c0c0c0,背景色为#a7a7a7,使用渐变工具,做一个从左上到右下的线性渐变。再添加一个1像素的杂色,添加杂色这里就不截图了。

Photoshop详细绘制逼真的USB图标效果

接下来,我们来画USB的身子。设置前景色为# e3e1e1,使用圆角矩形工具,画一个740X240像素的圆角矩形,设置圆角矩形的左上和左下的圆角为50度,右上和右下的圆角为80度。

Photoshop详细绘制逼真的USB图标效果

下面,我们为USB身子设置一个图层样式,来模拟USB上的立体效果,这里我没有用另外的图层,只是用了一个图层样式,因为我想做的是一个平放着的USB,我觉得图层样式就可以很好的达到我所需要的效果,当然你也可以尝试其他不同做法。

Photoshop详细绘制逼真的USB图标效果

Photoshop详细绘制逼真的USB图标效果

Photoshop详细绘制逼真的USB图标效果

Photoshop详细绘制逼真的USB图标效果

设置完图层样式,我们得到如下效果:

Photoshop详细绘制逼真的USB图标效果

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa