Animate CC 2018动画设计与制作
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

2.1 绘制线条

在Animate CC 2018中，运用工具箱中的绘图工具来绘制图形，是创作动画的主要步骤，是进行动画设计与制作的基础。利用Animate CC 2018工具箱中工具绘制的图形是矢量图形，图形具有可以任意放大和缩小而不失真的优势，同时，也能保证获得的动画文件体积较小。

2.1.1 线条工具

在使用Animate CC 2018制作动画时，需要用到线条工具绘制矢量图形。

线条是构成矢量图形的基本要素，单击工具箱中的“线条工具”按钮，将光标移动到舞台，当光标变为“+”形状时，按住鼠标左键拖动，拖动至适当的位置及长度后，释放鼠标即可绘制出一条直线。拖动鼠标绘制出的线条，如图2-1所示。

978-7-111-66006-4-Chapter02-1.jpg

图2-1 拖动鼠标绘制线条

使用线条工具绘制直线的过程中，按下<Shift>键的同时拖动鼠标，可以绘制出垂直和水平的直线，或者是45°的斜线，如图2-2所示。按下<Ctrl>键可以切换到选择工具，对工作区中的对象进行选取，当放开<Ctrl>键时，又会自动回到线条工具。

978-7-111-66006-4-Chapter02-2.jpg

图2-2 绘制出的线条

利用“属性”面板可对直线的笔触、样式、宽度、颜色、粗细等进行修改，具体操作步骤为：选择工具箱中的“线条工具”，再选择“窗口”→“属性”命令，打开“属性”面板，如图2-3所示。

“填充和笔触”选项组：主要用来设置线条的笔触颜色。

笔触：主要用于设置线条笔触的大小，即线条的宽度，用鼠标拖动滑块或在文本框中输入数值均可以调节笔触大小。

样式：可以设置线条的样式，如实线、虚线、点状线、锯齿线、点刻线和斑马线等。

宽度：主要用来设置线条的宽度。Animate CC 2018提供了多种宽度配置文件，通过选择不同宽度效果选项可以绘制多种样式的线条，如图2-4所示。

缩放：设置线条的缩放样式。缩放主要有4个选项，分别为“一般”“水平”“垂直”和“无”，右侧是“提示”复选框，若需要提示可以选中该复选框，如图2-5所示。

978-7-111-66006-4-Chapter02-3.jpg

图2-3 线条工具的“属性”面板

978-7-111-66006-4-Chapter02-4.jpg

图2-4 “宽度”下拉列表中的选项

978-7-111-66006-4-Chapter02-5.jpg

图2-5 “缩放”下拉列表中的选项

端点：设置线条的端点样式。可以选择“圆角”“方形”“无”端点样式。

接合：用来设置两条线段相接处的拐角端点样式。可以选择“尖角”“圆角”“斜角”样式。若选择“尖角”，应设置“尖角”的数值。

2.1.2 自定义笔触样式

在如图2-3所示的线条工具“属性”面板中单击“样式”右侧的“编辑笔触样式”按钮978-7-111-66006-4-Chapter02-6.jpg，打开“笔触样式”对话框。在该对话框中可以自定义笔触样式，包括线条的粗细、类型和点距，如图2-6所示。设置好笔触样式后，单击“确定”按钮，即完成自定义笔触样式。

978-7-111-66006-4-Chapter02-7.jpg

图2-6 “笔触样式”对话框

2.1.3 用滴管工具和墨水瓶工具快速套用线条属性

在Animate CC 2018中，可以利用滴管工具978-7-111-66006-4-Chapter02-8.jpg和墨水瓶工具978-7-111-66006-4-Chapter02-9.jpg快速地将任意线条的属性套用到其他的线条上，具体操作步骤如下。

1.利用滴管工具快速套用线条属性

在舞台上绘制两条不同样式的线，单击工具箱中的“滴管工具”按钮，单击第一个样式的线条，查看“属性”面板。该面板显示的是该线条的属性，此时，滴管工具自动变成了墨水瓶工具，如图2-7所示。

2.利用墨水瓶工具快速套用线条属性

在显示为墨水瓶工具时，单击右侧的线条，此时，右侧线条的样式变为左边线条的样式，即被单击的右侧线条的属性与左侧线条的属性一样，如图2-8所示。

978-7-111-66006-4-Chapter02-10.jpg

图2-7 快速套用线条属性

978-7-111-66006-4-Chapter02-11.jpg

图2-8 快速套用线条属性后的效果

2.1.4 用选择工具改变线条形状

在Animate CC 2018中，“选择工具”命令主要用于选择和移动舞台上的对象，改变对象的大小和形状等，利用选择工具还可改变线条的方向和长短。在工具箱中选择“线条工具”，在舞台上绘制一个线条，将鼠标指针停留在线条右边端点，此时，鼠标指针右下角会出现直角标志，如图2-9所示。按住鼠标左键上下移动即可改变线条方向，按住鼠标左键向左移动或向右移动即可实现线条长短的改变。

978-7-111-66006-4-Chapter02-12.jpg

图2-9 改变线条方向和长短

将鼠标指针移到线条上，当鼠标指针右下角出现弧线标志后，拖拽鼠标即可改变线条的轮廓，可以使直线变成各种形状的弧线，如图2-10所示。

978-7-111-66006-4-Chapter02-13.jpg

图2-10 改变线条为弧线状

2.1.5 线条的端点和接合

1.线条的端点

端点是独立笔触的末端。在“属性”面板中对端点样式进行设置，可以绘制出圆角或方形形状的线条效果。在Animate CC 2018中，端点样式选项主要有3个，分别为“圆角”“方形”和“无”。单击“端点”按钮，在下拉列表中可以看到系统默认的端点样式是圆角，如图2-11所示。用户可根据不同的需求来选择端点的样式。

选择工具箱中的“线条工具”，单击“工具箱”面板中的“对象绘制”按钮，选择“窗口”→“属性”命令，打开“属性”面板，将“笔触”设置为15.10。单击“属性”面板中的“端点”按钮，在下拉菜单中分别选择“无”“圆角”“方形”样式在舞台上绘制线条，绘制出的效果图如图2-12所示。

978-7-111-66006-4-Chapter02-14.jpg

图2-11 端点样式设置

2.线条的接合

线条的接合是指两条线段相接处，也就是拐角的端点形状。选择工具箱中的“线条工具”，打开“属性”面板，将“笔触”设置为10.00；单击“接合”按钮，在弹出的下拉菜单中分别选择“尖角”“圆角”“斜角”样式在舞台上绘制线条，绘制出的效果图如图2-13所示。

978-7-111-66006-4-Chapter02-15.jpg

图2-12 不同的端点样式设置效果

978-7-111-66006-4-Chapter02-16.jpg

图2-13 线条的不同接合效果

a）尖角接合 b）圆角接合 c）斜角接合

上一章目录下一章