四、创建连接部和书脊
步骤 1
用矩形工具，创建一个30 x 380px 的矢量形状，位置如下。设置图层混合选项如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 2
接下来的步骤你需要5px的网格，所以需要重新设置网格大小，编辑>首选项>参考线，网格和切片，设置网格线间隔为5px。选择圆角矩形工具，将半径设为3px。将前景色设为#d11812, 创建一个25 x 380px 的圆角矩形，位置如下。保持红色圆角矩形为选中状态，选择矩形工具，按住 Alt键，创建一个 10 x 380px 的矢量形状，如下图。为红色形状图层添加渐变叠加，参数如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 3
接下来的步骤需要1px的网格，编辑>首选项>参考线，网格和切片，设置网格线间隔为1px。将前景色设为#6c1c07，选择矩形工具，创建一个 5 x 376px 的矢量形状，位置如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 4
为上一步的图层添加内阴影，参数如下。
步骤 5
将前景色设为#7c2d0c，选择圆角矩形工具，创建一个2 x 7px 的矢量形状，位置如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 6
复制上一步绘制的小圆角矩形（Command/Ctrl-J），把复制的图层向下移动13px。重复这项操作，再添加26个小圆角矩形。完成后，选中这些小圆角矩形，在图层面板中单击右键，合并图层。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 7
为上一步合并后的图层设置如下。
五、创建塑料薄片
步骤 1
将网格线间距调整为10px（编辑>首选项>参考线,网格和切片>网格线间隔 )。将前景色设为白色（#ffffff），选择矩形工具， 创建一个100 x 50px的矢量形状，位置如下。将该图层的填充调整为0%，设置图层混合选项如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 2
现在将网格线间距调整为5px。（编辑>首选项>参考线,网格和切片>网格线间隔）。选择矩形工具，创建一个90 x 40px 的矢量形状，位置如下。保持该图层选中状态，选择椭圆工具， 按住Alt键， 创建一个10px 的圆，位置如下。将该图层的填充调整为0%，按下图设置图层混合选项。 注意：渐变叠加中，黄色数据表示透明度，白色数据表示位置百分比。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 3
选择椭圆工具，创建一个10px的圆，位置如下。保持选中状态，选择矩形工具，按住Alt 键，创建一个5 x 10px的形状，如下图。 将该图层的填充调整为0%，设置图层混合选项如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
六、添加木纹背景
步骤 1
在图层面板中，选择所有的矢量形状，编成一组。（Command/Ctrl-G）。双击该文件夹，将其命名为通讯簿。按住Alt 键，双击背景图层解锁。将前景色设为#736357，选择油漆桶工具，给背景图层上色，如下图。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 2
为该图层设置如下混合选项。注意：在图案叠加中添加木纹图案。
七、添加阴影和高光
步骤 1
选择圆角矩形工具，将半径设为 5px。将前景色设为黑色 (#000000)创建一个280 x 380px 的圆角矩形，位置如下。
步骤 2
在图层面板中，右键上一步画出的圆角矩形，转化为智能对象。将该图层放置到通讯簿文件夹下方，将混合模式调整为叠加，然后选择 滤镜> 模糊 >高斯模糊，将半径设为 10px，点击确定。
步骤 3
复制通讯簿文件夹，（Command/Ctrl-J）。选择新的文件夹， 转化为智能对象。将新文件夹放置到通讯簿文件夹之下，将其填充调整为 0% ，设置混合选项如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
步骤 4
再次复制通讯簿文件夹，（Command/Ctrl-J），转化为智能对象，置于原有文件夹上方，把填充设为0%，设置混合选项如下。
步骤 5
复制上一步的智能对象，设置图层混合选项如下。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
大功告成！
下图是最终结果。希望你们能享受整个过程，能在具体工作中运用起来！
能坚持到这一步的同学不容易，看点励志的设计师故事先！
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
