- Animate CC 2018中文版入门与提高
- 职场无忧工作室
- 7093字
- 2021-03-23 20:09:05
2.2 笔触工具
笔触工具通常用于绘制矢量线条。
2.2.1 线条工具
“线条工具”
专门用于绘制各种不同方向的矢量直线段。
（1）新建一个文档，选择绘图工具箱中的“线条工具”
。
（2）在属性设置面板中对线条的笔触颜色、线条宽度和风格、笔触样式和路径终点的样式进行设置，如图2-4所示。
笔触颜色：单击笔触颜色图标
中的色块，在弹出的颜色选择面板中选择线条的颜色。
对象绘制模式关闭：关闭／打开对象绘制模式。默认情况下关闭对象绘制模式，单击打开。
笔触：可以直接在文本框中输入线条的宽度值，也可以拖动滑块调节线条的宽度，如图2-5所示。
样式：用于设置线条风格。包括七种可以选择的线条风格，如图2-6所示。
图2-4 线条工具的属性面板
图2-5 设置笔触大小
图2-6 设置线条风格
图2-7 设置可变宽度的样式
宽度：设置可变宽度的样式。默认情况下，使用线条工具绘制的线条各部分的宽度是相同的，使用可变宽度选项，可以绘制笔触大小不均匀的线条。该选项的下拉列表中包括七种可变宽度样式，如图2-7所示，默认为“均匀”。
Animate CC 2018还可以精确地绘制笔触的接合点及端点。
缩放：设置在Flash Player中缩放笔触的方式。其中，“一般”指始终缩放粗细，是Animate CC 2018的默认设置；“水平”表示仅水平缩放对象时，不缩放粗细；“垂直”表示仅垂直缩放对象时，不缩放粗细；“无”表示从不缩放粗细。
提示：单击“提示”复选框，可以启用笔触提示，在全像素下调整线条锚记点和曲线锚记点，防止出现模糊的垂直或水平线。
端点：设定路径终点的样式。
接合：定义两条路径的相接方式。
尖角：当接合方式选择为“尖角”时，为了避免尖角接合倾斜而输入的一个尖角限制。超过这个值的线条部分将被切成方形，而不形成尖角。
知识拓展：
设置矢量线样式的更多属性
如果需要对矢量线进行更详细的设置，可单击属性面板中“样式”右侧的“编辑笔触样式”按钮
，打开“笔触样式”对话框，如图2-8所示。
图2-8 “笔触样式”对话框
4倍缩放：将预览区域放大4倍，便于用户观看设置属性后的效果。
粗细：定义矢量线的宽度，单位是“点”。
锐化转角：使直线的转折部分更加尖锐。
类型：设置线型。选择具体的线型后，会显示不同的选项，方便用户进一步设置各种线型的属性。注意，选择非实心笔触样式会增加文件的大小。
注意
用户对矢量线的线型、线宽以及颜色的修改结果都会显示在“笔触样式”对话框左上角的预览框内。如果在舞台上没有选择矢量线，则当前的设置会对以后绘制的直线、曲线发生作用，否则将只修改当前选择的矢量线。
（3）在舞台上按下鼠标左键拖动到线条的终点处释放鼠标，即可显示绘制的线条。
提示：
按住Shift键拖动鼠标可将线条方向限定为水平、垂直或斜向45°方向。
（4）在第一条线段的末尾按下鼠标左键，然后拖动鼠标直到达到想要的长度，然后释放鼠标，即可绘制另一条线段，如图2-9所示。
由于“视图”｜“贴紧”｜“贴紧至对象”命令默认开启，在绘制一条线段后，如果线段的端点连接到另一条线条的端点时，鼠标指针会变成圆形，并自动连接在一起，如图2-9所示。如果取消选中“贴紧至对象”命令，则线条和线条之间的节点连接会很不自然。
图2-9 绘制线条
2.2.2 铅笔工具
与“线条工具”相比，“铅笔工具”
可以绘制出更自然、柔和的直线或曲线。“铅笔工具”的使用方法与“线条工具”基本相同，设置铅笔属性后，在舞台上线条开始的位置按下鼠标左键拖动绘制需要的形状，完成后，释放鼠标即可。与“线条工具”类似，按住Shift键的同时拖动鼠标可将线条方向限制为45°的倍数。
在工具箱中选择“铅笔工具”后，在工具箱底部可以看到三种铅笔模式，如图2-10所示。
伸直：绘制出来的曲线趋向于规则的图形。选择这种模式后，使用铅笔绘制图形时，只要按事先预想的轨迹描述，Animate CC 2018会自动将曲线进行规整。若要绘制一个椭圆，只要利用铅笔工具绘制出一个接近椭圆的曲线，松开鼠标时，该曲线会自动规整成为一个椭圆，如图2-11所示。
图2-10 铅笔模式
图2-11 使用“伸直”铅笔模式
平滑：尽可能地消除图形边缘的棱角，使矢量线更加光滑，如图2-12所示。选择这种模式后，可以在“铅笔工具”的属性面板上设置具体的平滑值。平滑值越大，线越平滑。
墨水：对绘制的曲线不做任何调整，更加接近手工绘制的矢量线。例如，选择较粗的笔画，然后在舞台上拖动鼠标，即可得到如图2-13所示的矢量线效果。
图2-12 使用“平滑”铅笔模式
图2-13 使用“墨水”铅笔模式
教你一招：
选择的铅笔模式将在绘图时被应用到绘制的线条上，也可以选中画好的线条后，单击“伸直”或“平滑”按钮，对选中的线条进行相应的修饰。
2.2.3 上机练习——绘制冰淇淋
2-1 上机练习——绘制冰淇淋
练习目标
在学习“线条工具”和“铅笔工具”绘制线条的基础知识之后，接下来使用这两种工具绘制一个冰淇淋。通过绘制步骤的详细讲解，读者应能熟练掌握绘制线条、设置铅笔模式和编辑线条的方法。
设计思路
首先使用“线条工具”绘制甜筒外观，并使用“选择工具”修改线条弧度，然后使用“铅笔工具”绘制冰淇淋和樱桃。绘制过程中注意要根据需要切换铅笔模式，最终效果如图2-14所示。
操作步骤
（1）执行“文件”｜“新建”命令，在弹出的“新建文档”对话框中选择“常规”选项卡，在“类型”列表中选择“ActionScript 3.0”，然后单击“确定”按钮。
（2）在工具箱中选择“线条工具”，在属性面板上设置笔触颜色为黑色，笔触大小为1，在舞台上绘制三条线段，如图2-15所示。
图2-14 冰淇淋效果图
（3）打开工具箱，单击“选择工具”，将鼠标指针移到三角形顶端的线条上，当鼠标指针变为
时，按下鼠标左键向下拖动，调整线条的弯曲度，如图2-16所示。移到合适的位置时释放鼠标。
（4）切换到“线条工具”，在属性面板上设置笔触颜色为浅棕色（#996600），笔触大小为2，绘制一组线条，如图2-17所示。
图2-15 绘制线段
图2-16 调整线段弯曲度
图2-17 添加线条
（5）使用第（3）步同样的方法调整线条的弯曲度，效果如图2-18所示。
（6）使用第（4）步同样的方法添加一组斜线段，效果如图2-19所示。
（7）在工具箱中选择“铅笔工具”，设置笔触颜色为浅粉色（#FFCCFF），笔触大小为2，绘制3条曲线，如图2-20所示。
（8）在工具箱中将铅笔模式修改为“伸直”，笔触颜色修改为红色，在舞台上绘制一个近似的圆形，Animate CC 2018自动将图形规整为平滑的圆形。然后修改笔触颜色为黑色，铅笔模式为“平滑”，绘制两条曲线，效果如图2-21所示。
图2-18 调整线段弯曲度
图2-19 添加一组斜线段
图2-20 绘制冰淇淋
图2-21 绘制樱桃
（9）将绘制的樱桃进行适当的缩放，复制多个放在冰淇淋上面，效果如图2-14所示。
（10）执行“文件”｜“保存”命令，保存文件。
2.2.4 钢笔
“钢笔工具”
是创建自由形式的矢量样式的主要工具。利用钢笔工具可以对用户单击鼠标时创建的点和线进行Bézier曲线控制，从而可以随意修改线条的形状，绘制更加复杂、精确的曲线。
1. 绘制直线
使用钢笔工具绘制直线很简单。
（1）在绘图工具箱中单击“钢笔工具”按钮
，将鼠标指针移到舞台上，此时鼠标指针变成
。
（2）在如图2-22所示的属性面板上设置钢笔的笔触颜色、大小、线型、端点样式等。
（3）单击舞台上线条开始的位置，创建一个点，然后移动鼠标直到达到线条需要的长度，如图2-23（a）所示。
（4）单击鼠标定义线条的终点，如图2-23（b）所示。这样就创建了一条直线。
（5）在舞台上的其他位置单击，创建一个控制点，并在该控制点和上一个控制点之间产生一条线段，如图2-24（a）所示。
（6）按照第（5）步的方法创建其他控制点。绘制完成后，单击绘图工具箱中的“选择工具”按钮，结束绘制。此时的图形如图2-24（b）所示。
图2-22 钢笔工具的属性面板
图2-23 绘制直线
图2-24 绘制折线
2. 绘制曲线
绘制曲线才是钢笔工具真正强大的功能所在。使用钢笔工具绘制直线时，创建的是角点，角点被选中后显示为空的方块；绘制曲线时，创建的是曲线点。曲线点被选中后，将显示为空心的圆。
（1）在绘图工具箱中选中“钢笔工具”，并在“属性”面板上设置其颜色、线型等属性。
（2）单击舞台上曲线开始的位置，创建一个锚点，如图2-25（a）所示。
（3）将鼠标指针移到曲线的第二个点的位置，按下鼠标左键拖动添加第二个锚点，如图2-25（b）所示。
此时，在第一个点和第二个点之间出现一条曲线，如图2-25（b）所示。可以看到图中有一条经过第二个锚点并沿着鼠标拖动方向的直线，这条直线与两个锚点之间的曲线相切。释放鼠标后，绘制出的曲线如图2-25（c）所示。
图2-25 绘制曲线
拖动其中一个相切的手柄离锚点越远，曲线就越弯曲。
（4）在第三个点的位置按下鼠标左键并拖动，产生第三个锚点，如图2-26（a）所示。
（5）按照上述方法创建其他控制点。如果要结束开放的曲线，可以双击最后一个锚点，或再次单击绘图工具箱中的“钢笔工具”按钮。此时切线手柄会消失，并创建出一条很平滑的曲线，如图2-26（b）所示。
图2-26 绘制曲线
如果要结束封闭曲线，可以将鼠标指针放置在开始的锚点上，这时在鼠标指针上会出现一个小圆圈，单击就会形成一个封闭的曲线。
如果要调整曲线的形状，只需移动选定的相切手柄即可，如图2-27所示。
图2-27 调整曲线
3. 添加、删除锚点
使用钢笔工具绘制线条时，每单击一次，就会在路径上添加一个锚点。绘制曲线后，还可以在曲线中添加、删除以及移动锚点。
（1）选择“钢笔工具”，将鼠标指针在曲线上移动，当鼠标指针变成
时，单击鼠标左键，就会增加一个锚点，如图2-28所示。
图2-28 添加节点前后
（2）删除曲线上的锚点分为两个步骤。首先将曲线点转换为角点，然后删除角点。
①将钢笔工具移到要删除的点上方。此时鼠标指针变为
，如图2-29（a）所示。
②单击鼠标，将曲线点转换为角点。此时鼠标指针变为
，如图2-29（b）所示。单击鼠标，即可删除控制点，而曲线也重新绘制，如图2-29（c）所示。
图2-29 钢笔工具的属性面板
教你一招：
利用“部分选取工具”选择锚点后，向某一方向拖动鼠标，或按键盘上的方向键，可以改变锚点的位置。
2.2.5 上机练习——绘制路灯
2-2 上机练习——绘制路灯
练习目标
本节通过讲解路灯的绘制步骤，使读者掌握使用钢笔工具绘制、编辑直线段和曲线的方法。
设计思路
首先使用“钢笔工具”绘制路灯杆，然后绘制曲线形成路灯顶端。最终效果如图2-30所示。
操作步骤
（1）启动Animate CC 2018，执行“文件”|“新建”命令，在弹出的对话框中设置文档类型为ActionScript 3.0，其他保留默认设置，单击“确定”按钮新建一个Animate CC 2018文件。
（2）在绘图工具箱中选择“钢笔工具”，切换到“属性”面板，设置笔触颜色为深灰色（#333），笔触大小为1，在舞台上绘制路灯杆的形状，如图2-31所示。
图2-30 路灯效果图
图2-31 绘制路灯杆
提示：
如果绘制的路径不太理想，可以使用“部分选取工具”单击路径点，通过键盘上的方向键进行微调。
（3）使用“钢笔工具”绘制路灯灯罩的形状，如图2-32所示。
（4）选中路灯灯罩的形状，执行“编辑”｜“复制”命令和“编辑”｜“粘贴到当前位置”命令，制作一个灯罩的副本。然后选中副本，执行“修改”｜“变形”｜“水平翻转”命令，并将两个灯罩拖放到路径杆的两侧，效果如图2-30所示。
图2-32 绘制灯罩图形
2.2.6 宽度工具
宽度工具主要用于编辑曲线，可方便地修改笔触的粗细度，创建漂亮的花式笔触。与钢笔工具相比，宽度工具编辑曲线更便捷。
（1）使用前面介绍的绘图工具在舞台上绘制线条，例如使用铅笔工具绘制如图2-33所示的路径。
（2）在绘图工具箱中选择“宽度工具”
，将鼠标指针移到要修改的路径上时，鼠标指针变为
，路径变为选中状态，且当前鼠标指针所在位置显示宽度手柄和宽度点数。
（3）在宽度点数上按下鼠标左键拖动，可调整笔触粗细，如图2-34所示。释放鼠标，即可看到笔触修饰后的效果。
注意
在宽度点数的每一条边上，宽度大小限定在100像素。对于多个笔触，宽度工具仅调整活动笔触。如果想调整某个指定的笔触，可使用宽度工具将鼠标悬停在该笔触上。
（4）重复上面的步骤，对其他路径笔触进行修改，修改完成后的效果如图2-35所示。
图2-33 绘制路径
图2-34 修改笔触宽度
图2-35 修改后的笔触效果
教你一招：
选择一个已有的宽度点数，沿笔触拖动宽度点数，即可移动宽度点数；如果按住Alt键的同时，沿笔触拖动宽度点数，即可复制选中的宽度点数；按退格键（Backspace）或删除键（Delete）可删除宽度点数。
定义笔触宽度之后，还可以通过“属性”面板将笔触保存为可变宽度配置文件。
（1）选择要添加的可变宽度笔触，如图2-36所示的笔触。
（2）打开“属性”面板，单击“宽度”属性右侧的“添加到配置文件”按钮，弹出如图2-37所示的“可变宽度配置文件”对话框。
图2-36 可变宽度笔触
图2-37 “可变宽度配置文件”对话框
提示：
只有在除默认宽度配置文件以外，还在舞台上选中了可变宽度时，“添加到配置文件”按钮可用。同理，只有在“宽度”下拉列表中选中了自定义宽度配置文件时，“删除配置文件”按钮可用。
（3）在对话框中输入配置文件的名称，例如“花式01”，然后单击“确定”按钮关闭对话框。
此时，打开属性面板上的“宽度”下拉列表框，可以看到创建的花式笔触，如图2-38所示。
如果要恢复默认的宽度配置文件，可单击“属性”面板上的“重置配置文件”按钮
。
注意
重置配置文件时，将删除所有已保存的自定义配置文件。
图2-38 添加的可变宽度配置文件
2.2.7 艺术画笔
艺术画笔工具可以沿绘制路径应用所选的画笔图案，从而绘制出风格化的画笔笔触。
在绘图工具箱中选中“艺术画笔工具”
之后，在绘图工具箱底部可以设置画笔模式：伸直、平滑和墨水，如图2-39所示。
在如图2-40所示的“属性”面板上可以设置画笔的笔触颜色和大小、样式等属性。
图2-39 艺术画笔工具的画笔模式
图2-40 艺术画笔工具的属性面板
单击“样式”右侧的“画笔库”按钮
，可以打开Animate CC 2018的艺术画笔预设，如图2-41所示。双击画笔库中的任一图案画笔，即可将其添加到“属性”面板的“样式”下拉列表中，如图2-42所示。
图2-41 预设画笔
图2-42 添加笔触样式
单击“编辑笔触样式”按钮
，可以打开如图2-43所示的“画笔选项”对话框，设置画笔类型、压力敏感度和斜度敏感度。
图2-43 画笔选项
在Animate CC 2018中，画笔工具中的所有笔触样式支持“绘制为填充色”功能。选中“绘制为填充色”复选框，可将画笔生成的形状设置为填充区域，不选中则默认为笔触。
2.2.8 上机练习——变形的彩铅
2-3 上机练习——变形的彩铅
练习目标
前面介绍笔触工具的基本使用方法，本节练习将制作一个有趣的铅笔效果，通过对操作步骤的详细讲解，使读者熟练掌握钢笔工具的使用方法，以及创建新画笔的方法。
设计思路
首先新建一个Animate CC 2018文档，使用“钢笔工具”和“部分选取工具”绘制铅笔图形，然后将图形创建为画笔样式，通过为笔触工具指定画笔样式，创建有趣的铅笔效果。最后使用画笔库中预置的画笔添加装饰，最终效果如图2-44所示。
图2-44 最终效果
操作步骤
（1）执行“文件”｜“新建”命令，新建一个Animate CC 2018文件。
（2）选择“矩形工具”，在“属性”面板上设置笔触颜色“无”，填充色为“橙色”，在舞台上绘制一个矩形。然后复制、粘贴两个矩形，调整矩形的填充色和位置，如图2-45所示。
（3）使用“钢笔工具”分别在3个矩形的上边中点双击添加路径点，如图2-46所示。
（4）使用“部分选取工具”单击其中一个路径点，按下鼠标左键向上拖动到合适位置释放鼠标，修改路径形状。同样的方法，修改其他两个矩形的形状，如图2-47所示。
图2-45 填充色和排列位置
图2-46 添加路径点
图2-47 修改矩形的形状
（5）单击图层面板左下角的“新建图层”按钮
，新建一个图层，并在该图层上按下鼠标左键向下拖动到“图层1”下方后释放鼠标。然后使用第（2）~（4）步同样的方法绘制一个矩形，添加路径点调整矩形形状。
（6）使用“钢笔工具”在变形后的图形上绘制一条线段，如图2-48（a）所示。然后在工具箱中选择“颜料桶工具”，在“属性”面板上设置填充色为“橙色”，单击路径顶部的三角形区域进行填充，效果如图2-48（b）所示。
（7）重复（5）~（6）步的操作，在新图层中绘制一个矩形，然后添加两条线段，如图2-49（a）所示。然后使用颜色桶工具进行填充，如图2-49（b）所示。
（8）单击图层面板左下角的“新建图层”按钮
，新建一个图层，并将该图层拖动到最底层。然后选择“矩形工具”，在“属性”面板上设置无笔触颜色，填充色为“浅橙色”，矩形边角半径为20，在舞台上绘制一个圆角矩形。将矩形拖放到合适的位置，如图2-50所示。
图2-48 编辑图形的效果
图2-49 绘制并填充图形
图2-50 绘制图形
至此，铅笔图形绘制完毕，接下来将铅笔图形创建为画笔。
（9）使用“选择工具”拖动鼠标框选舞台上的所有图形，执行“修改”｜“合并对象”｜“联合”命令，将不同图层中的图形合并为一个矢量对象，如图2-51所示。
（10）选中合并后的对象，执行“修改”｜“分离”命令，将矢量对象打散为图形。选中打散后的图形，打开属性面板，单击“根据所选内容创建新的画笔”按钮
，弹出如图2-52所示的“画笔选项”对话框。
图2-51 合并对象
图2-52 “画笔选项”对话框
（11）在对话框左上角设置画笔类型为“艺术画笔”，选中“图像从下到上显示”按钮
，表示本例中将在路径起始点显示铅笔尾端的橡皮，结束点显示铅笔的笔尖；选中“在辅助线之间拉伸”选项，然后拖动辅助线到合适的位置，如图2-53所示。
（12）单击“添加”按钮，即可将绘制的图形创建为画笔。此时，在工具箱中选择“椭圆工具”，在“属性”面板上可以看到笔触的默认样式已修改为创建的画笔，如图2-54（a）所示。设置笔触大小为40，然后在舞台上按下鼠标左键拖动，绘制一个椭圆，如图2-54（b）所示。
图2-53 设置画笔选项
图2-54 使用创建的画笔样式绘图
（13）选择“钢笔工具”，设置笔触大小为40，在舞台上绘制一条折线，如图2-55所示。
（14）在图层面板左下角单击“新建图层”按钮，新建一个图层。然后在工具箱中选择“艺术画笔”工具，打开“属性”面板，单击“画笔库”按钮
，在打开的“画笔库”面板中双击需要的画笔样式，如图2-56所示。即可将选中画笔设置为笔触的当前样式。
图2-55 绘制折线
图2-56 添加画笔样式
（15）在“属性”面板上设置画笔的笔触大小，然后在舞台上绘制一条曲线，效果如图2-44所示。