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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

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图标效果

 收藏