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

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、复制上一步的智能对象，设置图层混合选项如下。


最终效果：