全部素材

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

升级会员,全站资源免费下载


第三步

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页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

ui图标教程
http://new.shejixf.com/shejijiaocheng/uisheji/4729.html
右侧广告

相关推荐