@葶蓂溪畔的幽灵公主 :在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧!
本次教程需要以下素材。开始之前可以先下载,当然也可以用其他素材代替。
木纹背景
皮质图案
一、新建文件,显示网格
打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。
![2](/UploadFile/jiaocheng/322011/3912121553/04/2439459175.jpg)
二、创建封面和封底
步骤 1
将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把 半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。
![3](/UploadFile/jiaocheng/322011/3912121553/04/833488214.jpg)
步骤 2
选择矩形工具。按住Alt 键,创建一个40 x 330px的矩形,如下图。
![4](/UploadFile/jiaocheng/322011/3912121553/04/1881516799.jpg)
步骤 3
选择圆角矩形工具,按住Shift 键,创建一个50 x 20px 的圆角矩形,如下图。
![5](/UploadFile/jiaocheng/322011/3912121553/04/635516607.jpg)
步骤 4
选择圆角矩形工具,按住Shift 键,创建一个20 x 340px 的圆角矩形,如下图。
![6](/UploadFile/jiaocheng/322011/3912121553/04/2620854011.jpg)
步骤 5
选择矩形工具,按住Alt 键,创建一个 10 x 380px的矩形,如下图。
![7](/UploadFile/jiaocheng/322011/3912121553/04/440333838.jpg)
步骤 6
双击矢量形状图层,打开混合选项面板,为矢量形状图层添加斜面和浮雕,等高线,内阴影,光泽, 渐变叠加和图案叠加,具体参数如下图。注意将素材中的皮质图案添加到图案叠加中。
![8](/UploadFile/jiaocheng/322011/3912121553/04/3985319736.jpg)
![9](/UploadFile/jiaocheng/322011/3912121553/04/681945148.jpg)
![10](/UploadFile/jiaocheng/322011/3912121553/04/2338052357.jpg)
![11](/UploadFile/jiaocheng/322011/3912121553/04/540338462.jpg)
![12](/UploadFile/jiaocheng/322011/3912121553/04/4280829316.jpg)
![13](/UploadFile/jiaocheng/322011/3912121553/04/428112332.jpg)
![14](/UploadFile/jiaocheng/322011/3912121553/04/3528325906.jpg)
步骤 7
选择你所绘制的矢量形状图层, Command/Ctrl-J 复制图层,单击右键,清除图层样式,把复制图层的填充调整为0% ,打开混合选项窗口。添加内阴影,参数如下。
![15](/UploadFile/jiaocheng/322011/3912121553/04/481541354.jpg)
![16](/UploadFile/jiaocheng/322011/3912121553/04/1955450298.jpg)
步骤 8
把前景色设为#384445,选择圆角矩形工具,创建一个40 x 380px 的矢量形状,并按如下位置摆放。选中该形状,将其移动到其他矢量形状图层下方 (Command/Ctrl-Shift-[) ,为该图层添加描边和内阴影,参数如下。
![17](/UploadFile/jiaocheng/322011/3912121553/04/3724377694.jpg)
![18](/UploadFile/jiaocheng/322011/3912121553/04/1150288607.jpg)
![19](/UploadFile/jiaocheng/322011/3912121553/04/3238814857.jpg)
三、创建标签
步骤 1
将前景色设为#c7baac,选择矩形工具,创建一个 20 x50px的矢量形状,位置如下,设置混合选项如下。
![20](/UploadFile/jiaocheng/322011/3912121553/04/2298913103.jpg)
![21](/UploadFile/jiaocheng/322011/3912121553/04/4096484130.jpg)
![22](/UploadFile/jiaocheng/322011/3912121553/04/1368963659.jpg)
![23](/UploadFile/jiaocheng/322011/3912121553/04/3766303305.jpg)
![24](/UploadFile/jiaocheng/322011/3912121553/04/1258974309.jpg)
步骤 2
将前景色设为#dbcec0,选择矩形工具, 创建一个20 x 50px 的矢量形状,位置如下。设置混合选项如下。
![25](/UploadFile/jiaocheng/322011/3912121553/04/2227592306.jpg)
![26](/UploadFile/jiaocheng/322011/3912121553/04/926203745.jpg)
![27](/UploadFile/jiaocheng/322011/3912121553/04/1258636202.jpg)
![28](/UploadFile/jiaocheng/322011/3912121553/04/968811596.jpg)
![29](/UploadFile/jiaocheng/322011/3912121553/04/672223626.jpg)
步骤 3
复制这两个标签,(Command/Ctrl-J),如下放置复制的图层。
![30](/UploadFile/jiaocheng/322011/3912121553/04/1436755890.jpg)
步骤 4
隐藏网格(视图>显示>网格)。选择文字工具(T),在标签上添加一些字母。选择Calibri 字体,大小为12pt,颜色黑色(#000000)。将文字图层的混合模式调整为叠加。为图层添加外阴影,具体参数如下。选择所有标签图层和文字图层,编成一组(Command/Ctrl-G)。将组文件夹移动到封面和封底图层下。
![31](/UploadFile/jiaocheng/322011/3912121553/04/1311439382.jpg)
![32](/UploadFile/jiaocheng/322011/3912121553/04/1861962514.jpg)
步骤 5
显示网格(视图>显示>网格)。将前景色设为#384445,选择圆角矩形工具,创建一个40 x 380px的矢量形状,如下图。 在图层面板中,按住Command/Ctrl 键,单击封面图层,得到一个选区,保持选区, 选择刚刚绘制的40 x 380px的矢量形状图层,按住Alt 键,单击添加图层蒙版按钮。效果如下。完成后, Command/Ctrl-D 取消选区。
![33](/UploadFile/jiaocheng/322011/3912121553/04/68138600.jpg)
步骤 6
将上一步绘制的图层填充调整为0%,添加内阴影,参数如下。
![34](/UploadFile/jiaocheng/322011/3912121553/04/2582898457.jpg)
![35](/UploadFile/jiaocheng/322011/3912121553/04/3326460559.jpg)