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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

下面,我们来画U头。使用矩形工具画一个130X130像素的矩形,放置在“U盘身”图层下层,颜色的无所谓,我们一会会给它设置一个渐变叠加。

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

给U头图层设置一个渐变叠加。

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

将“U头”图层转换为智能对象,为其添加一个杂色,模拟U头的磨砂质感。

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

下面,我们来添加U头凹槽。设置前景色为# 2f2f2f,在“U头”图层上层,用矩形工具画两个矩形。

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

为“U头凹槽”添加一个图层样式。

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

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

下面,我们添加U头凹槽里面的金属片,设置前景色为#b09208,在“U头凹槽”图层上层画两个矩形,并创建剪贴蒙版。

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

 收藏