PhotoshopCS6.0实例教程：绘制卡通猫路径图

2.1　任务描述

效果位置：PS基础教程/效果/CH07/7-2卡通猫.psd。

任务描述：使用钢笔工具配合其他工具绘制卡通猫轮廓，最终效果如图7-2-1所示。

图7-2-1　卡通猫效果图

2.2　任务目标

1.了解路径类工具与路径。

2.掌握路径类工具的绘制方法。

3.掌握选取路径的方法。

2.3　学习重点和难点

1.钢笔工具组的使用方法。

2.直接选择工具和路径选择工具的使用方法。

2.4　任务实施

【关键步骤思维导图】

步骤1：设置背景颜色为RGB（117， 201， 172），然后接快捷键【CTRL+N】新建500 PX*300PX，颜色模式为“RGB颜色”，背景内容为“背景色”的文件，如图7-2-2所示。

图7-2-2　新建文件

步骤2：新建图层，选择工具箱中的钢笔工具，然后在选项栏中设置工具模式为“路径”。把鼠标光标移至图像窗口中，依次单击创建3个锚点，绘制猫的耳朵，如图7-2-3所示。

图7-2-3　绘制锚点

步骤3：在图7-2-4所示位置单击并按住鼠标左键不放向右拖动，拖出两个方向控制杆，这样小猫咪的左半边脸的轮廓就绘制出来了。

图7-2-4　绘制猫脸轮廓

步骤4：按快捷键【CTRL+R】在图像窗口中显示标尺，然后分别在第1、2和3个锚点处创建水平参考线，再将光标移至图7-2-5所示位置单击，绘制第5、6、7个锚点。

图7-2-5　创建其他锚点

步骤5：将光标移至起点，此时光标呈形状，单击，封闭形状，这样小猫的脸的轮廓就绘制好了，按快捷键【CTRL+；】隐藏参考线，如图7-2-6所示。

图7-2-6　绘制闭合点

步骤6：绘制完路径后，接着按快捷键【CTRL+ENTER】将路径转化为选区，并填充白色RGB（255，255，255），如图7-2-7图所示。填充完成后按快捷键【CTRL+D】取消选区。

图7-2-7　转化为选区并填充

步骤7：下面我们为小猫绘制尾巴。新建图层，选择工具箱中的自由钢笔工具，设置选项栏选择工具模式为“路径”。在图像中合适的位置按住鼠标左键并拖动绘制出猫尾巴，注意到绘制起点时，光标呈现形状，释放鼠标即可闭合图形并结束绘制，如图7-2-8所示。

图7-2-8　绘制猫尾巴

步骤8：将鼠标放在刚绘制的路径上方，按住【CTRL】键当鼠标变成形状时单击路径（此时进入直接选择工具），路径上自动生成锚点，如图7-2-9所示。保持按住【CTRL】不动，拖动锚点，调整路径使其平滑。

图7-2-9　编辑路径

步骤9：调整完成后，按快捷键【CTRL+ENTER】将路径转化为选区，并填充白色RGB（255，255，255），填充完成后按快捷键【CTRL+D】取消选区，如图7-2-10所示。

图7-2-10　填充路径

步骤10：新建图层，选择工具箱中钢笔工具，在选项栏中设置选择工具模式为“路径”，在图中位置绘制小猫左侧耳心（注意封闭路径）的大致轮廓，如图7-2-11所示。

图7-2-11　绘制耳心

步骤11：选择添加锚点工具，将鼠标移至图7-2-12所示位置，当其变成形状时，单击添加一个锚点。必须显示图形的轮廓并在轮廓上单击才能添加锚点。

图7-2-12　添加锚点

步骤12：将鼠标指针移至添加的锚点上方，当其变为形状时适当的向左上方拖动，效果如图7-2-13所示。由于系统默认情况下添加的是曲线锚点，因此直线变成了弧线曲线。

图7-2-13　移动锚点位置

步骤13：选择路径选择工具，单击耳心图形将其选中，然后按住【ALT】键同时拖动，释放鼠标后即可将其复制一份，如图7-2-14所示。

图7-2-14　复制耳心

步骤14：选择“编辑＞变换路径＞水平翻转”菜单，将复制的形状水平翻转，然后使用路径选择工具移动至合适的位置，如图7-2-15所示。

图7-2-15　翻转并调整位置(www.xing528.com)

步骤15：选择工具箱中直接选择工具，首先在蓝色背景区域单击，取消耳心选中状态，然后再单击该图形的轮廓将其选中，此时将显示空心锚点，将光标分别移动至右耳心下方的左右两个锚点上，单击并适当向内拖动，微调右耳心形状，如图7-2-16所示。

图7-2-16　直接选择工具调整路径

步骤16：调整完成后，按快捷键【CTRL+ENTER】，将路径转化为选区，填充颜色为RGB（255，158，158），填充完成后按快捷键【CTRL+D】取消选区，如图7-2-17所示。

图7-2-17　填充耳朵颜色

步骤17：新建一个图层，选择工具箱中椭圆工具，选择工具模式为“形状”，设置填充颜色为RGB（255，158，158），接着将鼠标光标移至小猫的脸部，绘制两个圆形作为小猫的腮红，效果如图7-2-18所示。

图7-2-18　绘制腮红

步骤18：新建一个图层，然后设置填充颜色为黑色RGB（0，0，0），在图7-2-19所示位置继续使用椭圆工具绘制两个圆形作为小猫的眼睛。

图7-2-19　绘制小猫的眼睛

步骤19：新建一个图层，然后选择工具箱中钢笔工具，选择工具模式为“路径”，将鼠标移至眼睛和腮红之间合适的位置，绘制如图7-2-20所示的小猫的嘴巴。绘制完成后按快捷键【CTRL+ENTER】将路径转化为选区，并填充黑色RGB（0，0，0），按快捷键【CTRL+D】取消选区，如图7-2-21所示。

图7-2-20　绘制小猫嘴巴路径

图7-2-21　填充小猫嘴巴

步骤20：新建一个图层，选择工具箱中的自定形状工具，选择工具模式为“路径”。在“自定形状”下拉面板中将“自然”形状类型加载到“自定形状”面板中，然后选择“花4”形状，将鼠标光标移至合适的位置，按住鼠标左键并拖动绘制小花图形，如图7-2-22所示。绘制完成后将图像保存。

图7-2-22　绘制小花

步骤21：将前颜色设置为紫色RGB（216，34，167），选择路径选择工具，选中刚绘制的路径右键单击，在弹出的快捷菜单中选择填充路径，打开“填充路径”对话框，使用选择“前景色”，如图7-2-23所示。完成填充，卡通猫绘制完成，效果如图7-2-24所示。将图像另存即可。

图7-2-23　“填充路径”对话框

图7-2-24　卡通猫效果图

【课堂提问】

1.钢笔工具、自由钢笔工具、添加锚点工具的快捷键是什么，如何在其中切换？

2.直接选择工具和路径选择工具的快捷键是什么？

3.如何复制、翻转路径图形？

4.什么是锚点？

【随堂笔记】

_____________________________________________________________________________

_____________________________________________________________________________

2.5　知识要点

1.钢笔工具组

Photoshop钢笔工具可在图像窗口中单击会创建直线锚点，直线锚点之间的连线为直线；若单击鼠标并拖动，则会创建曲线锚点，曲线锚点的两侧有方向控制杆，拖动方向控制杆可调整曲线形状。钢笔工具选项栏如图7-2-25所示。

图7-2-25　钢笔工具选项栏

●　钢笔工具：可以通过创建直线锚点和曲线锚点来绘制连续的直线或曲线。

● 自由钢笔工具：可以想使用铅笔在纸上绘图一样来绘制图形。

●　添加锚点工具、删除锚点工具、转换点工具：用来添加、删除锚点或转换锚点类型，从而方便调整图形的形状。

2.路径选择工具组

● 直接选择工具：用来选择、移动锚点或锚点的方向控制杆，从而改变图形的形状。

● 路径选择工具：用来选择、移动或复制形状或路径。

3.直接选择工具和路径选择工具区别

使用“直接选择工具”可以选中图形上的单个或多个锚点（被选中的锚点为实心，未被选中的为空心），并可对所选锚点或锚点的方向控制杆进行拖动操作，从而自由调整图形；而使用“路径选择工具”选择图形时，实质是选中了图形上的所有锚点，因此可以对图形进行整体移动或变形。

使用“直接选择工具”选择锚点，首先需要在图形轮廓上单击以显示锚点，此时单击某个锚点即可将其选中；若要选择多个锚点，可按住【SHIFT】键依次单击，或拖出一个选取框进行选取。

2.6　拓展练习

使用钢笔工具和形状工具，绘制如图7-2-26所示花店标志。

制作提示：

1.“花盆”用钢笔工具绘制路径转换为选区并填色。

2.“花枝”用画笔调整合适的大小和硬度绘制并添加“描边”图层样式。

3.“花叶”“ 花瓣”和“花蕊”用钢笔工具绘制路径转换成选区填充相应的颜色，并根据图示情况添加“描边”图层样式。

图7-2-26　花店标志效果图