FlashCS3动画制作基础：矩形工具vs铅笔工具

3.3.1　知识讲解

Flash CS3 将“矩形工具”“椭圆工具”与“多角星形工具”组合在一个工具组中，并新增了“基本矩形工具”和“基本椭圆工具”，如图3－23所示。使用“矩形工具”组的工具，可以创建比较规则的矢量图形。

1.矩形工具

“矩形工具”用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。

图3-23　矩形工具组

图3-24　工具栏底部

选择“矩形工具”，则在工具栏底部会出现笔触颜色和内部填充颜色的属性，如图3－24所示。

“矩形工具”的“属性”面板如图3－25所示，在其中可设置不同的边框颜色、边框粗细、边框线型和填充颜色。用户还可以在和数值框中设置矩形边角半径。如果输入负值，则创建的是反半径。若要重新设置，单击“重置”按钮即可。

提示

需要单独设置每个角半径，则要单击按钮。

图3-25　“矩形工具”的“属性”面板

使用“矩形工具”可以绘制如图3－26所示图形。

图3-26　绘制矩形、正方形和圆角矩形

技巧

选择“矩形工具”时，如果按住Shift键的同时拖曳鼠标，可以绘制正方形；如果按住Alt键的同时拖曳鼠标，可以绘制以起始点为中心的图形。

2.“椭圆工具”

“椭圆工具”用于绘制椭圆、正圆、圆环或圆弧。

选择“椭圆工具”，在舞台上单击鼠标，按住鼠标不放，向目标位置拖曳，松开鼠标，就可以绘制所需要的椭圆图形。

“椭圆工具”的“属性”面板如图3－27所示，在其中可以设置不同的边框颜色、边框粗细、边框线型和填充颜色。在“属性”面板的“起始角度”“结束角度”与“内径”文本框输入数值，即可绘制任意半径、角度的圆弧或圆环。

图3-27　“椭圆工具”的“属性”面板

使用“椭圆工具”可以绘制如图3－28所示图形。

图3-28　绘制椭圆、正园、圆环或圆弧

提示

选择“椭圆工具”时，如果按住Shift键的同时拖曳鼠标，可以绘制正圆；如果按住Alt键的同时拖曳鼠标，可以绘制以起始点为中心的圆形。

3.“基本矩形工具”

“基本矩形工具”用于绘制矩形、正方形、圆角矩形和多边形。

其“属性”面板同“矩形工具”的“属性”面板。“基本矩形工具”绘制的图形上会出现4个控制点，用“选择工具”，可以调整矩形4个角的角半径，如图3－29所示。

提示

若要对矩形的每个角度指定不同的角半径，可以单击位于矩形半径控件部分中的锁定图标，然后分别调整每个角半径，如图3－30所示。

图3-29　使用“选择工具”调整矩形角半径

图3-30　输入不同圆角半径绘制的图形

4.“基本椭圆工具”

“基本椭圆工具”用于绘制椭圆和圆环等矢量图形。其“属性”面板同“椭圆工具”的“属性”面板。“基本椭圆工具”绘制的图形上会出现2个控制点，用“选择工具”，可以调整控制点，得到如图3－31所示图形。

图3-31　使用“基本椭圆工具”绘制的图形

5.“多角星形工具”

“多角星形工具”用于绘制多边形和星形。其“属性”面板如图3－32所示。单击“选项”按钮，将弹出如图3－33所示的“工具设置”对话框，其中可以对多边形进行设置。使用“多角星形工具”，通过对“样式”“边数”和“星形顶点大小”设置，可以绘制如图3－34所示的图形。

图3-32　“多角星形工具”的“属性”面板

图3-33　“工具设置”对话框图

图3-34　使用“多角星形工具”绘制的图形

6.“铅笔工具”

选择“铅笔工具”（快捷键“Y”），在舞台上单击鼠标，按住鼠标不放并向右拖动到需要的位置，然后松开鼠标，绘制的曲线如图3－35所示。

提示

如果想要绘制出平滑或直线化形状，可以在工具箱下方的选项区域中为“铅笔工具”选择一种绘画模式，如图3－36所示。

图3-35　用“铅笔工具”绘制的线条

图3-36　“铅笔工具”的绘画模式

●“直线化”选项：可以绘制直线，并将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。(www.xing528.com)

●“平滑”选项：可以绘制平滑曲线。

●“墨水”选项：可以绘制不用修改的手绘线条。

“铅笔工具”的“属性”面板如图3－37所示，在其中可以设置不同的线条颜色、线条粗细、线条类型。设置不同的线条属性后，绘制的图形如图3－38所示。

图3-37　“铅笔工具”的“属性”面板

图3-38　使用“铅笔工具”绘制的图形

提示

选择“铅笔工具”，按住Shift键的同时拖曳鼠标，可以绘制限制在垂直或水平方向的直线。

3.3.2　课堂案例——绘制雪人

学习目标

使用不同的绘制工具绘制图形。

知识要点

使用“矩形工具”组、“铅笔工具”和“选择工具”完成图形绘制，最终效果如图3－39所示。

图3-39　雪人形象

源文件　提供下载文件中的\Chap3\效果\绘制雪人.fla。

案例分解　本案例可分解为以下任务：

任务1　绘制身体。

任务2　绘制帽子和鼻子。

任务3　绘制手。

任务1　绘制身体

操作步骤

新建一个Flash文档，保存为“绘制雪人”。按“Ctrl＋J”快捷键，打开“文档属性”对话框，设置舞台的宽度为400像素，高度为500像素。

选择“椭圆工具”，在对象绘制模式下，绘制如图3－40所示图形。

在绘制过程中，如果需要调节大小，切换到“任意变形工具”（快捷键“Q”进行调整）。

在绘制过程中，如果需要调节位置，可以切换到“选择工具”（快捷键“V”）。

任务2　绘制帽子和鼻子

操作步骤

选择“线条工具”（快捷键“N”）绘制鼻子，其中有一段线条需要用“选择工具”调整为曲线，效果如图3－41所示。

选择“椭圆工具”，在对象绘制模式下，绘制如图3－42所示图形。绘制过程中，需要切换到“任意变形”工具，进行旋转和调节大小。

选择“矩形工具”，在对象绘制模式下，绘制如图3－43所示图形。绘制过程中，需要切换到“任意变形工具”，进行旋转和调节大小。

图3-40　绘制身体部分

图3-41　绘制鼻子

图3-42　绘制帽子下沿

图3-43　绘制矩形

切换到“选择工具”（也可以按Ctrl键），将鼠标指针移到对象上，指针变为时，调节各条直线为曲线；将鼠标指针移到线段节点上，指针变为时，可以移动线段的节点位置，效果如图3－44所示。

选择“线条工具”，并将线条颜色设置为红色，绘制一段线条并将其调整为曲线，效果如图3－45所示。

图3-44　调整曲线和节点

3-45　绘制直线并调整

图3-46　使用“铅笔工具”绘制手

任务3　绘制手

操作步骤

选择“铅笔工具”（快捷键“Y”），并将绘画模式设为“平滑”，绘制如图3－46所示图形。

选择“编辑”→“全选”菜单（“Ctrl＋A”快捷键）全选所有图形。

选择“修改”→“分离”菜单（“Ctrl＋B”快捷键）分离图形；把笔触的颜色全部设置为黑色。

删除不必要的线条。切换到选择工具，选择不必要的线条，然后按Delete键将其删除，最终效果如图3－47所示。

图3-47　雪人线稿最终效果