UI设计教程 木箱子UI图标教程(2)

来源:网络   作者:热心网友   发布时间:2016-08-22    浏览次数:225


第三步

1、在图层"木板"上方,创建一个新层,命名为"黄色块02",用矩形工具(U),绘制一个矩形路径,如下图

2、按Ctrl+ Enter,将路径转成选区,并填充颜色 #d9c700

3、用选区工具(M),删除超出的区域

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第四步

1、新建一个图层,在最上方,命名为"黄色块03"

2、按住Ctrl键,鼠标点击图层"黄色块01"的缩览图,获得选区,接着"菜单> 选择 > 修改 > 收缩",输入 10px,填充颜色 #d9bb14

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第五步

1、用加深工具(O),在图层"黄色块01"不同点进行涂抹(如下图)

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第六步

1、用加深工具(O)涂抹"黄色块03",如下图

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第七步

1、用矩形工具(U),绘制一个路径,按Ctrl +Enter将路径转成选区,此选区把"黄色块03",分成2个区域

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第八步

1、选择图层"黄色块03",用加深工具(O)涂抹区域一,如图

2、按Ctrl + Shift + I 反选选区,用加深工具(O)涂抹区域二,如下图,通过对着2个区域明暗处理,产生立体效果。

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网

第九步

1、给"黄色块03"添加外发光样式

Photoshop设计质感的木箱子网页图标,PS教程,16xx8.com教程网


12345678共8页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4729.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通