UI设计教程古典皮质电话簿UI图标教程(8)

来源:网络   作者:热心网友   发布时间:2016-12-03    浏览次数:134

26、在图层面板中,选择所有的矢量形状,编成一组。(Command/Ctrl-G)。双击该文件夹,将其命名为通讯簿。按住Alt键,双击背景图层解锁。将前景色设为#736357,选择油漆桶工具,给背景图层上色,如下图。

27、为该图层设置如下混合选项。注意:在图案叠加中添加木纹图案点这里下载。


28、选择圆角矩形工具,将半径设为5px。将前景色设为黑色 (#000000)创建一个280 x 380px 的圆角矩形,位置如下。

29、在图层面板中,右键上一步画出的圆角矩形,转化为智能对象。将该图层放置到通讯簿文件夹下方,将混合模式调整为叠加,然后选择滤镜> 模糊 >高斯模糊,将半径设为 10px,点击确定。

30、复制通讯簿文件夹,(Command/Ctrl-J)。选择新的文件夹,转化为智能对象。将新文件夹放置到通讯簿文件夹之下,将其填充调整为 0% ,设置混合选项如下。


31、再次复制通讯簿文件夹,(Command/Ctrl-J),转化为智能对象,置于原有文件夹上方,把填充设为0%,设置混合选项如下。


32、复制上一步的智能对象,设置图层混合选项如下。


最终效果:

12345678共8页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通