![Animate CC 2018中文版入门与提高](https://wfqqreader-1252317822.image.myqcloud.com/cover/755/26542755/b_26542755.jpg)
2.2 笔触工具
笔触工具通常用于绘制矢量线条。
2.2.1 线条工具
“线条工具”专门用于绘制各种不同方向的矢量直线段。
(1)新建一个文档,选择绘图工具箱中的“线条工具”。
(2)在属性设置面板中对线条的笔触颜色、线条宽度和风格、笔触样式和路径终点的样式进行设置,如图2-4所示。
笔触颜色:单击笔触颜色图标
中的色块,在弹出的颜色选择面板中选择线条的颜色。
对象绘制模式关闭:关闭/打开对象绘制模式。默认情况下关闭对象绘制模式,单击打开。
笔触:可以直接在文本框中输入线条的宽度值,也可以拖动滑块调节线条的宽度,如图2-5所示。
样式:用于设置线条风格。包括七种可以选择的线条风格,如图2-6所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P52_4743.jpg?sign=1734469060-n3bCZf90W2GXzxIgNtHF68U7GVXgoBbP-0-e1fc5076bd6f606df52b362dd416b622)
图2-4 线条工具的属性面板
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P52_4744.jpg?sign=1734469060-xGrjNvbPq5fbxUqrD2Xu2ArPDcwXWfjR-0-9f6e0d1272251a2daa1a86410b63b22d)
图2-5 设置笔触大小
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P52_4745.jpg?sign=1734469060-AYEUiQAaIA9kVrszxTEhNsNvFpzHkCCP-0-754574c308563a28a6de0cfda9d6febd)
图2-6 设置线条风格
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P52_4749.jpg?sign=1734469060-bCwsPfWrc20WNJcJfSXQGqAJbeoODfMf-0-55cff803b34d1dd3bf07571c0ffc70ae)
图2-7 设置可变宽度的样式
宽度:设置可变宽度的样式。默认情况下,使用线条工具绘制的线条各部分的宽度是相同的,使用可变宽度选项,可以绘制笔触大小不均匀的线条。该选项的下拉列表中包括七种可变宽度样式,如图2-7所示,默认为“均匀”。
Animate CC 2018还可以精确地绘制笔触的接合点及端点。
缩放:设置在Flash Player中缩放笔触的方式。其中,“一般”指始终缩放粗细,是Animate CC 2018的默认设置;“水平”表示仅水平缩放对象时,不缩放粗细;“垂直”表示仅垂直缩放对象时,不缩放粗细;“无”表示从不缩放粗细。
提示:单击“提示”复选框,可以启用笔触提示,在全像素下调整线条锚记点和曲线锚记点,防止出现模糊的垂直或水平线。
端点:设定路径终点的样式。
接合:定义两条路径的相接方式。
尖角:当接合方式选择为“尖角”时,为了避免尖角接合倾斜而输入的一个尖角限制。超过这个值的线条部分将被切成方形,而不形成尖角。
知识拓展:
设置矢量线样式的更多属性
如果需要对矢量线进行更详细的设置,可单击属性面板中“样式”右侧的“编辑笔触样式”按钮,打开“笔触样式”对话框,如图2-8所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P53_4777.jpg?sign=1734469060-kdtFBvu8au5UtAtDu1kuIAlvyppoHd7v-0-c9a62266c79f5e5a5956ae643d1d082f)
图2-8 “笔触样式”对话框
4倍缩放:将预览区域放大4倍,便于用户观看设置属性后的效果。
粗细:定义矢量线的宽度,单位是“点”。
锐化转角:使直线的转折部分更加尖锐。
类型:设置线型。选择具体的线型后,会显示不同的选项,方便用户进一步设置各种线型的属性。注意,选择非实心笔触样式会增加文件的大小。
注意
用户对矢量线的线型、线宽以及颜色的修改结果都会显示在“笔触样式”对话框左上角的预览框内。如果在舞台上没有选择矢量线,则当前的设置会对以后绘制的直线、曲线发生作用,否则将只修改当前选择的矢量线。
(3)在舞台上按下鼠标左键拖动到线条的终点处释放鼠标,即可显示绘制的线条。
提示:
按住Shift键拖动鼠标可将线条方向限定为水平、垂直或斜向45°方向。
(4)在第一条线段的末尾按下鼠标左键,然后拖动鼠标直到达到想要的长度,然后释放鼠标,即可绘制另一条线段,如图2-9所示。
由于“视图”|“贴紧”|“贴紧至对象”命令默认开启,在绘制一条线段后,如果线段的端点连接到另一条线条的端点时,鼠标指针会变成圆形,并自动连接在一起,如图2-9所示。如果取消选中“贴紧至对象”命令,则线条和线条之间的节点连接会很不自然。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P53_4858.jpg?sign=1734469060-rillc6q3shQ4sKhh6bDvvqNDDk9n6gyE-0-678ac614c35ae835e0810f75379017cf)
图2-9 绘制线条
2.2.2 铅笔工具
与“线条工具”相比,“铅笔工具”可以绘制出更自然、柔和的直线或曲线。“铅笔工具”的使用方法与“线条工具”基本相同,设置铅笔属性后,在舞台上线条开始的位置按下鼠标左键拖动绘制需要的形状,完成后,释放鼠标即可。与“线条工具”类似,按住Shift键的同时拖动鼠标可将线条方向限制为45°的倍数。
在工具箱中选择“铅笔工具”后,在工具箱底部可以看到三种铅笔模式,如图2-10所示。
伸直:绘制出来的曲线趋向于规则的图形。选择这种模式后,使用铅笔绘制图形时,只要按事先预想的轨迹描述,Animate CC 2018会自动将曲线进行规整。若要绘制一个椭圆,只要利用铅笔工具绘制出一个接近椭圆的曲线,松开鼠标时,该曲线会自动规整成为一个椭圆,如图2-11所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4873.jpg?sign=1734469060-aXAakEp1Ue3thMZzU8vmLBSu2qHJMS7E-0-b55de36e1b41c3a0beeb98b7ddb55ec2)
图2-10 铅笔模式
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4874.jpg?sign=1734469060-vw3vpV3Xx8TcRmEvznVrLQG5gEyt1Ix3-0-9493bccf426496bc4404ab602ec316e1)
图2-11 使用“伸直”铅笔模式
平滑:尽可能地消除图形边缘的棱角,使矢量线更加光滑,如图2-12所示。选择这种模式后,可以在“铅笔工具”的属性面板上设置具体的平滑值。平滑值越大,线越平滑。
墨水:对绘制的曲线不做任何调整,更加接近手工绘制的矢量线。例如,选择较粗的笔画,然后在舞台上拖动鼠标,即可得到如图2-13所示的矢量线效果。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4878.jpg?sign=1734469060-Q1Kt0LL8vlS79FeyvSziUBDterLmelLD-0-13c5acc2d6a9811625e6bde78eb089e6)
图2-12 使用“平滑”铅笔模式
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4879.jpg?sign=1734469060-K5Iz7ZN8164rH3iNGnZNiXjPH6K95QLe-0-333b4cb05147952fe00eb9e97de7daf2)
图2-13 使用“墨水”铅笔模式
教你一招:
选择的铅笔模式将在绘图时被应用到绘制的线条上,也可以选中画好的线条后,单击“伸直”或“平滑”按钮,对选中的线条进行相应的修饰。
2.2.3 上机练习——绘制冰淇淋
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4978.jpg?sign=1734469060-BxVilYvOSatl44Xe4Q3g675xvyd6xwxJ-0-84194b6bf18816521e02b5eca46a07cd)
2-1 上机练习——绘制冰淇淋
练习目标
在学习“线条工具”和“铅笔工具”绘制线条的基础知识之后,接下来使用这两种工具绘制一个冰淇淋。通过绘制步骤的详细讲解,读者应能熟练掌握绘制线条、设置铅笔模式和编辑线条的方法。
设计思路
首先使用“线条工具”绘制甜筒外观,并使用“选择工具”修改线条弧度,然后使用“铅笔工具”绘制冰淇淋和樱桃。绘制过程中注意要根据需要切换铅笔模式,最终效果如图2-14所示。
操作步骤
(1)执行“文件”|“新建”命令,在弹出的“新建文档”对话框中选择“常规”选项卡,在“类型”列表中选择“ActionScript 3.0”,然后单击“确定”按钮。
(2)在工具箱中选择“线条工具”,在属性面板上设置笔触颜色为黑色,笔触大小为1,在舞台上绘制三条线段,如图2-15所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P54_4975.jpg?sign=1734469060-hu1xmWkzdAJS5VCiUAFHxv90RUbhWWXT-0-b336d15aafba6110681e324d86b1be0d)
图2-14 冰淇淋效果图
(3)打开工具箱,单击“选择工具”,将鼠标指针移到三角形顶端的线条上,当鼠标指针变为时,按下鼠标左键向下拖动,调整线条的弯曲度,如图2-16所示。移到合适的位置时释放鼠标。
(4)切换到“线条工具”,在属性面板上设置笔触颜色为浅棕色(#996600),笔触大小为2,绘制一组线条,如图2-17所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_4996.jpg?sign=1734469060-YdnUj6ydV41C8ANOqBdVRccs7qpAJY3G-0-74f9f8ecf9f899e95df7c8bdbca30e8d)
图2-15 绘制线段
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_4997.jpg?sign=1734469060-ezn9iUYG0g6Ajd8QGHv54x3du5KmcOyn-0-fd4a7f2f5155ca88eb956e74bd8c1af6)
图2-16 调整线段弯曲度
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_4998.jpg?sign=1734469060-mdu4BPRyJipekk3aEfo91rKFWW7dFdvH-0-1b7df5e1523b5b373f0b2badcf26f1ce)
图2-17 添加线条
(5)使用第(3)步同样的方法调整线条的弯曲度,效果如图2-18所示。
(6)使用第(4)步同样的方法添加一组斜线段,效果如图2-19所示。
(7)在工具箱中选择“铅笔工具”,设置笔触颜色为浅粉色(#FFCCFF),笔触大小为2,绘制3条曲线,如图2-20所示。
(8)在工具箱中将铅笔模式修改为“伸直”,笔触颜色修改为红色,在舞台上绘制一个近似的圆形,Animate CC 2018自动将图形规整为平滑的圆形。然后修改笔触颜色为黑色,铅笔模式为“平滑”,绘制两条曲线,效果如图2-21所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_5002.jpg?sign=1734469060-kRRwVhvSV327eikFjKMHM8FGl4kqxQph-0-815f9a8cf2b8388122e669d06115342b)
图2-18 调整线段弯曲度
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_5003.jpg?sign=1734469060-FOT7ppRohx9u5S6zkOOI3lBDiPzZShC3-0-90f7b88c38d6d36e196deab9f545c075)
图2-19 添加一组斜线段
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_5004.jpg?sign=1734469060-qi5PAP2GYcUkVoIln5hpqoMqGVYGT01v-0-98e95a232e2116c7cfb2652763faaf0f)
图2-20 绘制冰淇淋
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P55_5005.jpg?sign=1734469060-fTSwLTMM8aS0lhiq9uYzMra4dqzz71M7-0-f2c2351dffb21472ae2a8b255d0d2b75)
图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)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P56_5029.jpg?sign=1734469060-DMI6fdMFcwfMsYFmDPz5r7fEhaxjsop8-0-668559ad4c7c16be2cdc138ee0e32db2)
图2-22 钢笔工具的属性面板
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P56_5030.jpg?sign=1734469060-8J2HZSh1SVRj4IWyhecaWbg6yXUFNJL6-0-96cd63a0d85d39027e6db8a9d510d838)
图2-23 绘制直线
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P56_5033.jpg?sign=1734469060-fiZuZjcAO7TFZfnwLaZAS7ESEKe5Butx-0-61ca92467d2062933907e5222e7aeb2c)
图2-24 绘制折线
2. 绘制曲线
绘制曲线才是钢笔工具真正强大的功能所在。使用钢笔工具绘制直线时,创建的是角点,角点被选中后显示为空的方块;绘制曲线时,创建的是曲线点。曲线点被选中后,将显示为空心的圆。
(1)在绘图工具箱中选中“钢笔工具”,并在“属性”面板上设置其颜色、线型等属性。
(2)单击舞台上曲线开始的位置,创建一个锚点,如图2-25(a)所示。
(3)将鼠标指针移到曲线的第二个点的位置,按下鼠标左键拖动添加第二个锚点,如图2-25(b)所示。
此时,在第一个点和第二个点之间出现一条曲线,如图2-25(b)所示。可以看到图中有一条经过第二个锚点并沿着鼠标拖动方向的直线,这条直线与两个锚点之间的曲线相切。释放鼠标后,绘制出的曲线如图2-25(c)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P56_5037.jpg?sign=1734469060-jDJqdx4lhr8pJkAMht62N4SAmCFV1VlG-0-87b9fe09f675ee58830945be5aeadb25)
图2-25 绘制曲线
拖动其中一个相切的手柄离锚点越远,曲线就越弯曲。
(4)在第三个点的位置按下鼠标左键并拖动,产生第三个锚点,如图2-26(a)所示。
(5)按照上述方法创建其他控制点。如果要结束开放的曲线,可以双击最后一个锚点,或再次单击绘图工具箱中的“钢笔工具”按钮。此时切线手柄会消失,并创建出一条很平滑的曲线,如图2-26(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P57_5055.jpg?sign=1734469060-PXGq05ruMt78lgSSYsKhPwVE53DJghd2-0-ae48d54f9da7c8b1ac74225029c73df4)
图2-26 绘制曲线
如果要结束封闭曲线,可以将鼠标指针放置在开始的锚点上,这时在鼠标指针上会出现一个小圆圈,单击就会形成一个封闭的曲线。
如果要调整曲线的形状,只需移动选定的相切手柄即可,如图2-27所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P57_5059.jpg?sign=1734469060-ooeQvj3EgbUznpyJEzLCovHAudSBpfwh-0-80c1bc6b1a75f271affda9e3aa0e2bb4)
图2-27 调整曲线
3. 添加、删除锚点
使用钢笔工具绘制线条时,每单击一次,就会在路径上添加一个锚点。绘制曲线后,还可以在曲线中添加、删除以及移动锚点。
(1)选择“钢笔工具”,将鼠标指针在曲线上移动,当鼠标指针变成时,单击鼠标左键,就会增加一个锚点,如图2-28所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P57_5066.jpg?sign=1734469060-CrtQeFTCvd9ClJGSDZnm8Z9mDbQRbA7U-0-6aaa0651efccf607560bb1c037912719)
图2-28 添加节点前后
(2)删除曲线上的锚点分为两个步骤。首先将曲线点转换为角点,然后删除角点。
①将钢笔工具移到要删除的点上方。此时鼠标指针变为,如图2-29(a)所示。
②单击鼠标,将曲线点转换为角点。此时鼠标指针变为,如图2-29(b)所示。单击鼠标,即可删除控制点,而曲线也重新绘制,如图2-29(c)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P57_5076.jpg?sign=1734469060-3fxUascsH1qXhq7ynLg6Q1HXVL3RtdOY-0-a5aa786dd9907f521151beb7f1e3f01d)
图2-29 钢笔工具的属性面板
教你一招:
利用“部分选取工具”选择锚点后,向某一方向拖动鼠标,或按键盘上的方向键,可以改变锚点的位置。
2.2.5 上机练习——绘制路灯
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P58_5222.jpg?sign=1734469060-uTVEt8UbRCo8yMvektCakGIifKwP9Cam-0-686ddb2b2d1bd0548cbf224e8249f13d)
2-2 上机练习——绘制路灯
练习目标
本节通过讲解路灯的绘制步骤,使读者掌握使用钢笔工具绘制、编辑直线段和曲线的方法。
设计思路
首先使用“钢笔工具”绘制路灯杆,然后绘制曲线形成路灯顶端。最终效果如图2-30所示。
操作步骤
(1)启动Animate CC 2018,执行“文件”|“新建”命令,在弹出的对话框中设置文档类型为ActionScript 3.0,其他保留默认设置,单击“确定”按钮新建一个Animate CC 2018文件。
(2)在绘图工具箱中选择“钢笔工具”,切换到“属性”面板,设置笔触颜色为深灰色(#333),笔触大小为1,在舞台上绘制路灯杆的形状,如图2-31所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P58_5179.jpg?sign=1734469060-FYA1ZjEHLfJg7Ke8PbSqWFiKBuuKbO4G-0-81665053d70cac0f698636a95320a5b3)
图2-30 路灯效果图
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P58_5180.jpg?sign=1734469060-OdIqD0Z4PXEFmMk04gCIl2ueXB6JICKQ-0-f79fe28fc1ee818d2adad82365dd7945)
图2-31 绘制路灯杆
提示:
如果绘制的路径不太理想,可以使用“部分选取工具”单击路径点,通过键盘上的方向键进行微调。
(3)使用“钢笔工具”绘制路灯灯罩的形状,如图2-32所示。
(4)选中路灯灯罩的形状,执行“编辑”|“复制”命令和“编辑”|“粘贴到当前位置”命令,制作一个灯罩的副本。然后选中副本,执行“修改”|“变形”|“水平翻转”命令,并将两个灯罩拖放到路径杆的两侧,效果如图2-30所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P58_5219.jpg?sign=1734469060-5Utb8FEqHFEI6EY2u4blCfmcH5kFuc2m-0-237372d326906838d4b66b9580ff05a6)
图2-32 绘制灯罩图形
2.2.6 宽度工具
宽度工具主要用于编辑曲线,可方便地修改笔触的粗细度,创建漂亮的花式笔触。与钢笔工具相比,宽度工具编辑曲线更便捷。
(1)使用前面介绍的绘图工具在舞台上绘制线条,例如使用铅笔工具绘制如图2-33所示的路径。
(2)在绘图工具箱中选择“宽度工具”,将鼠标指针移到要修改的路径上时,鼠标指针变为
,路径变为选中状态,且当前鼠标指针所在位置显示宽度手柄和宽度点数。
(3)在宽度点数上按下鼠标左键拖动,可调整笔触粗细,如图2-34所示。释放鼠标,即可看到笔触修饰后的效果。
注意
在宽度点数的每一条边上,宽度大小限定在100像素。对于多个笔触,宽度工具仅调整活动笔触。如果想调整某个指定的笔触,可使用宽度工具将鼠标悬停在该笔触上。
(4)重复上面的步骤,对其他路径笔触进行修改,修改完成后的效果如图2-35所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P59_5285.jpg?sign=1734469060-D7wTbx5mgrP7UqZv7ql55bK57TZ2vHH5-0-04aacdbf14a7e7027ea93b82d3f95779)
图2-33 绘制路径
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P59_5286.jpg?sign=1734469060-2e34UNtAtyFz0Rj2zlsvn25JOAu44rzF-0-b285f4ace8dda312235edae8178c7362)
图2-34 修改笔触宽度
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P59_5287.jpg?sign=1734469060-i9lXAld1VStoRQK1Cn9VB4xMDNQtvSRW-0-c4bd68971a9e1e9d70f470d2e25657d4)
图2-35 修改后的笔触效果
教你一招:
选择一个已有的宽度点数,沿笔触拖动宽度点数,即可移动宽度点数;如果按住Alt键的同时,沿笔触拖动宽度点数,即可复制选中的宽度点数;按退格键(Backspace)或删除键(Delete)可删除宽度点数。
定义笔触宽度之后,还可以通过“属性”面板将笔触保存为可变宽度配置文件。
(1)选择要添加的可变宽度笔触,如图2-36所示的笔触。
(2)打开“属性”面板,单击“宽度”属性右侧的“添加到配置文件”按钮,弹出如图2-37所示的“可变宽度配置文件”对话框。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P59_5295.jpg?sign=1734469060-XPlIj00qi4TEv1ca1t1EJJeCokMAuubq-0-8f56efbe0a146df6130c00bff1658b47)
图2-36 可变宽度笔触
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P59_5296.jpg?sign=1734469060-DQlcyBmx5GFdN4Fv5wbEFr7s6RgSy7de-0-c8706a6383c8520c4a53c9711c54dbb6)
图2-37 “可变宽度配置文件”对话框
提示:
只有在除默认宽度配置文件以外,还在舞台上选中了可变宽度时,“添加到配置文件”按钮可用。同理,只有在“宽度”下拉列表中选中了自定义宽度配置文件时,“删除配置文件”按钮可用。
(3)在对话框中输入配置文件的名称,例如“花式01”,然后单击“确定”按钮关闭对话框。
此时,打开属性面板上的“宽度”下拉列表框,可以看到创建的花式笔触,如图2-38所示。
如果要恢复默认的宽度配置文件,可单击“属性”面板上的“重置配置文件”按钮。
注意
重置配置文件时,将删除所有已保存的自定义配置文件。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P60_5379.jpg?sign=1734469060-z4gbPirziJikzaQWv8fQgEfFjShn8v1E-0-564b57351d16a68a94a53101a5f3d420)
图2-38 添加的可变宽度配置文件
2.2.7 艺术画笔
艺术画笔工具可以沿绘制路径应用所选的画笔图案,从而绘制出风格化的画笔笔触。
在绘图工具箱中选中“艺术画笔工具”之后,在绘图工具箱底部可以设置画笔模式:伸直、平滑和墨水,如图2-39所示。
在如图2-40所示的“属性”面板上可以设置画笔的笔触颜色和大小、样式等属性。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P60_5387.jpg?sign=1734469060-VZWoIxUjGHS0G97yhGOExNvDUKePZVVv-0-7a27956197bf571db7a13e47a294a10a)
图2-39 艺术画笔工具的画笔模式
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P60_5388.jpg?sign=1734469060-UozeFgM3IbqRKALoat8ffsiKxNIAGVxj-0-34dfee944f9247dafbd2074df44d611e)
图2-40 艺术画笔工具的属性面板
单击“样式”右侧的“画笔库”按钮,可以打开Animate CC 2018的艺术画笔预设,如图2-41所示。双击画笔库中的任一图案画笔,即可将其添加到“属性”面板的“样式”下拉列表中,如图2-42所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P61_5405.jpg?sign=1734469060-vwNzFyT9xKxc42DpnG46qdQW61TnEyCO-0-c113134e817f1ef682f8235d12f2ab21)
图2-41 预设画笔
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P61_5406.jpg?sign=1734469060-ksThsBGj16LxC98ZyfhLDaoJf5NiHsHp-0-a0004dfc30501b33a82e5ef595d7300a)
图2-42 添加笔触样式
单击“编辑笔触样式”按钮,可以打开如图2-43所示的“画笔选项”对话框,设置画笔类型、压力敏感度和斜度敏感度。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P61_5413.jpg?sign=1734469060-PwWj7mHD52Ouv7rhyy5uvhVItheBKyx9-0-075798fd2d27d6f72fa781e741b8ea03)
图2-43 画笔选项
在Animate CC 2018中,画笔工具中的所有笔触样式支持“绘制为填充色”功能。选中“绘制为填充色”复选框,可将画笔生成的形状设置为填充区域,不选中则默认为笔触。
2.2.8 上机练习——变形的彩铅
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P62_5524.jpg?sign=1734469060-ZhRes6tBHI8r4g0FhAGl6l3T7uYi2U2A-0-f6e25a4710f271b9bd2deeb8bc97920b)
2-3 上机练习——变形的彩铅
练习目标
前面介绍笔触工具的基本使用方法,本节练习将制作一个有趣的铅笔效果,通过对操作步骤的详细讲解,使读者熟练掌握钢笔工具的使用方法,以及创建新画笔的方法。
设计思路
首先新建一个Animate CC 2018文档,使用“钢笔工具”和“部分选取工具”绘制铅笔图形,然后将图形创建为画笔样式,通过为笔触工具指定画笔样式,创建有趣的铅笔效果。最后使用画笔库中预置的画笔添加装饰,最终效果如图2-44所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P62_5495.jpg?sign=1734469060-c61PYegHzPWj4lzIqlBWEKrzcYFlxXes-0-c5be9ee08fb64dd764adb7f0aed279f9)
图2-44 最终效果
操作步骤
(1)执行“文件”|“新建”命令,新建一个Animate CC 2018文件。
(2)选择“矩形工具”,在“属性”面板上设置笔触颜色“无”,填充色为“橙色”,在舞台上绘制一个矩形。然后复制、粘贴两个矩形,调整矩形的填充色和位置,如图2-45所示。
(3)使用“钢笔工具”分别在3个矩形的上边中点双击添加路径点,如图2-46所示。
(4)使用“部分选取工具”单击其中一个路径点,按下鼠标左键向上拖动到合适位置释放鼠标,修改路径形状。同样的方法,修改其他两个矩形的形状,如图2-47所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P62_5515.jpg?sign=1734469060-kkop2VFEqUhwiYE00Fbp0lgNogibnOQu-0-43326096240cdd29ebad7a4863263fd7)
图2-45 填充色和排列位置
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P62_5516.jpg?sign=1734469060-zsQVV9gX0nm2SsSCoKK5QofD8CY1hNX8-0-3b71ce3ddd07d0b673ea7587a932fe77)
图2-46 添加路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P62_5517.jpg?sign=1734469060-7cczbwKyEi9JItqN9OUP3XQxkIylNLt5-0-7ed2a0e20cbd8b9b342d2fcdfa30dbe6)
图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所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P63_5542.jpg?sign=1734469060-XqmC6pdECfmRiCtJttT0cgk3z5LsTG9F-0-7bd803e63e93677ba90ccb77c256b381)
图2-48 编辑图形的效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P63_5543.jpg?sign=1734469060-jdiQF3SU5WodAcY3KxfCWgtSzEtpaRwu-0-a306d3c3654aca7c0c9315d8234c1dce)
图2-49 绘制并填充图形
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P63_5544.jpg?sign=1734469060-yq0Vow5sXOrzcWBMihua08vpDWZE8HPV-0-c5c56267fc32bedc412bdde97876f6e7)
图2-50 绘制图形
至此,铅笔图形绘制完毕,接下来将铅笔图形创建为画笔。
(9)使用“选择工具”拖动鼠标框选舞台上的所有图形,执行“修改”|“合并对象”|“联合”命令,将不同图层中的图形合并为一个矢量对象,如图2-51所示。
(10)选中合并后的对象,执行“修改”|“分离”命令,将矢量对象打散为图形。选中打散后的图形,打开属性面板,单击“根据所选内容创建新的画笔”按钮,弹出如图2-52所示的“画笔选项”对话框。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P63_5551.jpg?sign=1734469060-iTDtphL5oogx61uxViSX5EUub7bBzA7b-0-4bec74a42f2da1d0191b75e15f4a45f3)
图2-51 合并对象
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P63_5552.jpg?sign=1734469060-rL2FMyXTlXeJe9g1tIF6z5IHNQ1dKvXT-0-68bd642e0c0be5b166dc796723da773e)
图2-52 “画笔选项”对话框
(11)在对话框左上角设置画笔类型为“艺术画笔”,选中“图像从下到上显示”按钮,表示本例中将在路径起始点显示铅笔尾端的橡皮,结束点显示铅笔的笔尖;选中“在辅助线之间拉伸”选项,然后拖动辅助线到合适的位置,如图2-53所示。
(12)单击“添加”按钮,即可将绘制的图形创建为画笔。此时,在工具箱中选择“椭圆工具”,在“属性”面板上可以看到笔触的默认样式已修改为创建的画笔,如图2-54(a)所示。设置笔触大小为40,然后在舞台上按下鼠标左键拖动,绘制一个椭圆,如图2-54(b)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P64_5567.jpg?sign=1734469060-EdWaul4OJqTl4ypSsnpjWj63Y3YCJP3G-0-4d2521fa570c03562334b849d2ee5df8)
图2-53 设置画笔选项
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P64_5568.jpg?sign=1734469060-UazTwEwP9lLPvzgIhY6R9TGfVqY4qibD-0-85ae73e02f43151d7d101ef5e171225d)
图2-54 使用创建的画笔样式绘图
(13)选择“钢笔工具”,设置笔触大小为40,在舞台上绘制一条折线,如图2-55所示。
(14)在图层面板左下角单击“新建图层”按钮,新建一个图层。然后在工具箱中选择“艺术画笔”工具,打开“属性”面板,单击“画笔库”按钮,在打开的“画笔库”面板中双击需要的画笔样式,如图2-56所示。即可将选中画笔设置为笔触的当前样式。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P64_5575.jpg?sign=1734469060-L1R13OgqhZHcy9C7EcAgtd7QpmeW4fJJ-0-a69dbf5677aee4fc7a3dc62a602b7053)
图2-55 绘制折线
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P64_5576.jpg?sign=1734469060-vsStHHl85lLbBrZZ3TSqRLpHopdxMiS3-0-5fe5d6deecd3fa977a13b1ef4ec4554a)
图2-56 添加画笔样式
(15)在“属性”面板上设置画笔的笔触大小,然后在舞台上绘制一条曲线,效果如图2-44所示。