绘图工具及元件-现代教育技术

1.绘图工具

图形是动画的基本元素，绘制图形主要是通过绘图工具来实现的，下面介绍常见绘图工具的使用，主要有铅笔工具、矩形工具、线条工具以及钢笔工具等几种。

（1）箭头工具

“箭头工具”的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击“箭头工具”，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变直线的方向和长短，如图1-5-22所示。

图1-5-22　鼠标移到端点处

如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线，如图1-5-23所示。

图1-5-23　鼠标移到线条中间及更改后曲线

（2）部分选取工具

“部分选取工具”用于显示线条和形状轮廓上的锚记点，并通过调整这些锚记点来修改线条和轮廓。用部分选择工具单击锚记点会出现两个手柄，拖动手柄可以改变曲线的形状。按住Alt 键拖动手柄，可以不影响另一个手柄。拖动锚点可以改变节点的位置，如图1-5-24所示。

（3）任意变形工具

“任意变形”工具可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形。当在工具栏中选择“任意变形工具”后，工具栏的下面就会出现相应的“选项”，如图1-5-25所示。

图1-5-24　锚记点

图1-5-25　任意变形工具选项

（4）套索工具

“套索”工具是一种选取工具，使用的时候不是很多，主要用在处理位图方面。选择“套索”工具后，会在“选项”中出现“魔术棒”及其选项和“多边形模式”，如图1-5-26所示，用于创建不规则的选择区域。

在“选项”中单击多边形模式，然后单击并拖动鼠标以绘制多边形的各个边，当得到需要的图形时，双击鼠标自动封闭图形，如图1-5-27所示。

图1-5-26　套索工具选项

图1-5-27　多边形模式关和开所选区域

（5）钢笔工具

“钢笔”工具画直线是非常容易的。将指针定位在舞台上直线开始的地方，单击鼠标，在直线结束的位置再次进行单击即可；继续单击可以创建其他的直线线段，如果希望就此结束，那么双击最后一个点即可。

创建曲线也很简单，按下鼠标，向欲绘制曲线的方向拖动鼠标，在想要结束曲线的位置释放鼠标，再次按下鼠标左键，然后向相反的方向拖动，释放鼠标即可完成。如果觉得这条曲线不满意，可以用部分选取工具来进行调整。

（6）文本工具

“文本工具”用来创建静态文本、动态文本以及输入文本，并且可以在属性面板中设置字体、大小、文本颜色、修饰、对齐方式，以及字母间距、字符格式、文字方向、字体呈现方式等。

（7）线条工具

用鼠标单击工具栏中的“线条工具”，移动鼠标指针到舞台上，在希望直线开始的地方按住鼠标左键，拖动鼠标到结束点后释放鼠标左键，一条直线就画好了。按下鼠标左键的同时按下Shift 键时可以绘制直线球45°直线。

（8）矩形工具

“矩形”工具是一个复选按钮，单击旁边的下三角按钮可以选择多边形。使用该工具可以绘制矩形和多边形，在绘制矩形和多边形时可以按下Shift 键，绘制正方形或正多边形。选择选项区域中的“对象绘制”后，可以直接在舞台上创建形状，而不会干扰其他重叠形状。

长按“矩形”工具按钮可选择“椭圆”工具、“基本矩形”工具、“基本椭圆”工具、“多角星”工具，使用方法与矩形工具相同。

（9）铅笔工具

“铅笔”工具用来绘制任意线或形状。使用该工具时按下Shift 键可以绘制直线。“铅笔”工具的颜色、粗细、样式定义及属性面板和“线条工具”相同，但是增加了线条修饰3 个选项，如图1-5-28所示。

伸直模式：在伸直模式下画的线条，它把线条转成接近形状的直线。

平滑模式：它把线条转换成接近形状的曲线。和其他模式相比，平滑模式在属性面板中增加了平滑设置选项，平滑设置是指所绘制的曲线像素在设定值内进行平滑处理，超出设定范围不进行平滑处理。

墨水模式：不加修饰，完全保持鼠标轨迹的形状。

（10）颜料桶工具

图1-5-28　铅笔工具选项

“颜料桶”工具可以对某一区域进行单色、渐变色或位图填充，但不能作用于线条。选择“颜料桶”工具后，在“工具栏”下边的“选项”中单击“空隙大小”按钮，会弹出4 个选项，如图1-5-29所示。封闭空隙指的是填充区域的缺口，这4 个选项顾名思义即可。

图1-5-29　颜料桶工具选项

“锁定填充”对当前图形填充渐变色或进行位图填充时，使填充看起来好像扩展到整个舞台，并且用该填充涂色的对象好像是显示下面的渐变或位图的遮罩，如图1-5-30所示。

图1-5-30　锁定填充

（11）刷子工具

“刷子”工具可以随意地画色块。单击工具栏中的“刷子”工具后，工具栏下面就会显示“刷子”工具的“选项”，以选定画笔的大小和样式，以及它的填色模式，如图1-5-31所示。在“刷子工具”的“选项”中单击“填充模式”按钮，则弹出填充模式下拉列表，如图1-5-32所示。

图1-5-31　刷子工具选项

图1-5-32　刷子的填充模式

标准绘画：刷子工具在绘制时把笔触色及填充色一起绘制。

颜料填充：刷子工具在绘制时只把填充色绘制，不影响笔触色。

后面绘画：刷子工具在绘制时，如果在原有的图形上绘制时，绘制的颜色只是在图形的后面，不会影响原有图形的笔触色及填充色。

颜料选择：刷子工具在绘制时，只有选中图形中的填充色被绘制，没有选中的填充色不影响。

内部绘画：只是在鼠标起始点的图形内部绘制，对其他图形没有影响。

刷子工具的属性面板只有填充色选择和平滑选择。这两项与其他工具一样，如图1-5-33所示。

图1-5-33　刷子模式效果

当选择“任意变形”工具后，“选项”中的按钮并不是马上都被激活，除了“对齐对象”按钮外，其他按钮都是灰色显示，只有在场景中选择了具体的对象以后，其他4 个按钮才变成可用状态。选择“任意变形”工具后，单击舞台上的图形，这时图形被一个方框包围着，中间有一个小圆圈（变形点），进行缩放旋转时，就会以它为中心，如图1-5-34所示。将光标移近变形点，光标下面会多一个圆圈，按住鼠标拖动可以移动变形点。

图1-5-34　变形点和拖动变形点

选择选项中的“旋转与倾斜”再把鼠标指针移到方框的4 个角，鼠标变成圆弧状，拖动鼠标，可以围绕控制点旋转图形，如图5-35所示。当把鼠标指针移到方框的4 个边的中间方点时，鼠标变成，拖动鼠标，图形以对边为基准进行倾斜，如图1-5-36所示。

图1-5-35　旋转图形

图1-5-36　倾斜图形

选择选项中的“缩放”再把鼠标指针移到方框的8 个控制点时，鼠标变成双箭头，拖动鼠标，图形以所选控制点的对点或对边为基准进行缩放，如图1-5-37所示。

选择选项中的“扭曲”再把鼠标指针移到方框的方点时，鼠标变成白色箭头，拖动图形以所选方点为基准进行扭曲，如图1-5-38所示。

图1-5-37　缩放图形

图1-5-38　扭曲图形(www.xing528.com)

选择选项中的“封套”，所选择的图形会在每个角和每个边的中间出现变形手柄，把鼠标指针移到方块的方点时，鼠标变成白色箭头，表示这时就可以进行封套操作。移动方形改变中心或角的位置，移动圆点改变该图形的边线的曲率，如图1-5-39所示。

图1-5-39　封套操作

（12）滴管工具

“滴管”工具用于从一个对象复制填充和笔触属性，然后立即将它们应用到其他对象。当选择“滴管”工具后，鼠标变成滴管工具图标，移动到填充色时鼠标变成，表示选择填充色属性，按下鼠标左键后，颜料桶工具被选中，鼠标也变成，可以对其他填充色进行填充。如果滴管选择的是笔触色，鼠标会变成，单击鼠标后，墨水瓶工具被选中，鼠标也变成了墨水瓶工具图标，可以对其他笔触色属性进行更改。

（13）橡皮擦工具

“橡皮擦”工具就和橡皮一样，可以擦除不需要的图形。双击“橡皮擦”工具，可以删除舞台上的所有内容。选择选项中的“水龙头”工具，单击需要擦除的填充区域或笔触段，可以快速将其擦除。如果只擦除一部分笔触或填充区域，就必须通过拖动进行擦除。

2.元件

元件是Flash 中一种比较独特的、可以重复使用的对象。在创建电影动画时，利用元件可以更容易地编辑动画及创建复杂的交互。如果要更改动画中的重复元素，只需对该元素所在的那个元件进行更改，Flash 就会更新所有实例。

在Flash 中，一共有三种类型的元件，它们的功能如下。

图形元件：该元件可用于创建链接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。另外，交互式控件和声音在图形元件的动画序列中不起作用。

按钮：该元件用于相应鼠标单击、滑过或其他动作的交互式按钮，可以定义与各种状态关联的图形，然后将动作指定给按钮实例。

影片剪辑：该元件用于创建可重用的动画片段。影片剪辑拥有各自独立于主时间轴的多帧时间轴。用户可以将多帧时间轴看作嵌套在主时间轴内，它们可以包含交互式控件、声音甚至影片剪辑实例，也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。此外，可以使用ActionScript 对影片剪辑进行改编。

（1）创建元件

在制作动画时，使用元件可以提高编辑动画的效率，使创建复杂的交互效果变得更加容易。如果想更改动画中的重复元素，只需要修改元件，Flash 将自动更新所有应用该元件的实体。

要创建元件，可以选择“插入”—“新建元件”命令（快捷键Ctrl＋F8）打开“创建新元件”对话框，如图1-5-40所示。

图1-5-40　“创建新元件”对话框

①创建影片剪辑

影片剪辑元件就是平时常说的MC（Movie Clip）。通常，可以把舞台上任何可以看到的对象，甚至整个“时间轴”内容创建为一个影片剪辑，而且可以将这个影片剪辑放置到另一个影片剪辑中，用户还可以将一段动画（如逐帧动画）转换为影片剪辑元件。

在Flash 中，创建影片剪辑元件可以通过两种方式。一种是执行“新建元件”命令，打开“创建新元件”对话框，在“名称”文本框中输入元件名称，在“类型”下拉列表中选择“影片剪辑”选项，即可创建影片剪辑元件。然后进入绘图环境，用工具箱中的工具来创建内容。

另一种是选择相关对象，执行“修改”—“转换为元件”命令（快捷键F8），打开“转换为元件”对话框，在“名称”文本框中输入元件名称，在“类型”下拉列表中选择“影片剪辑”选项，即可将该对象转换为影片剪辑元件。

②创建图形元件

创建图形元件的对象可以是导入的位图图像、矢量图像、文本对象以及用Flash 工具创建的线条、色块等。创建图形元件的方法与创建影片剪辑相似，不同是在“创建新元件”或“转换为元件”对话框中，在“类型”下拉列表中选择“图形”选项即可。

③创建按钮元件

创建按钮元件，可以在打开的“创建新元件”或“转换为元件”对话框中，选择“类型”下拉列表中的“按钮”选项，进入按钮元件的编辑环境。

按钮元件具有4 个状态帧：“弹起”“指针经过”“按下”和“点击”，它们各自功能如下。

a.弹起：该帧代表指针没有经过按钮时该按钮的状态。

b.指针经过：该帧代表当指针滑过按钮时，该按钮的外观。

c.按下：该帧代表单击按钮时，该按钮的外观。

d.点击：该帧用于定义响应鼠标单击的区域。此区域在swf 文件中是不可见的。

创建按钮的过程不同于前两种元件，在按钮元件的编辑环境中，可以使用绘图工具、导入一幅图形或在舞台上放置另一个元件的实例，以创建弹起、指针经过、按下和点击等状态下的图形效果。如图1-5-41所示。

图1-5-41　创建按钮元件

创建好按钮元件后，将该按钮元件放置在场景中，执行“控制”—“测试影片”命令，即可通过鼠标的指向与单击查看按钮的不同状态效果。

注意：可以在按钮中使用图形或影片剪辑元件，但不能在按钮中使用另一个按钮。如果要把按钮制作成动画按钮，可以使用影片剪辑元件。

（2）使用元件实例

创建元件后，可以在文档中的任何位置使用该元件的实例。当修改元件时，Flash 会自动更新该元件的所有实例。在创建了元件实例后，可以使用“属性”检查器来制订颜色效果、动作，以及设置图形的显示模式和更改实例的类型。

①创建元件实例

通常将一个元件应用到舞台时，即创建一个实例，在时间轴上只需一个关键帧就可以包含元件的所有内容，如按钮元件实例、动画片段实例及静态图片实例。

想要创建元件的实例，首先在时间轴上选择一帧，然后将该元件从库面板中拖动到舞台上。如果已经创建了图形元件的实例，可以执行“插入”—“时间轴”—“帧”命令（快捷键F5），来添加一定数量的帧，这些帧将会包含该图形元件。

在创建元件实例时，如果想要完全引入动态图片元件的内容，就必须将组件中的帧全部添加到舞台的时间轴上。因而，同样的内容使用影片剪辑实例要比使用图形元件实例占据的空间小得多。但影片剪辑实例的内容会在播放动画的同时不停地循环播放，而图形元件的内容只会在时间轴上播放一次。由此可见，影片剪辑实例与图形元件实例的区别还是很大的。

②设置实例属性

每个元件实例都具有属于该元件的独立属性。可以更改实例的色调、透明度和亮度，可以重新定义实例的类型，例如把图形元件更改为影片剪辑元件，可以设置动画在图形元件实例内的播放形式，还可以倾斜、旋转和缩放实例，这并不会影响元件。此外，可以给影片剪辑或按钮实例命名，这样就可以使用动作脚本更改它的属性。

③分离实例

如果要断开实例与元件之间的链接，并把实例放入未组合形状和线条的集合中，可以分离该实例。这对于充分地改变实例而不影响任何其他实例非常有用。如果在分离实例之后，修改该元件，则不会将所做的更改来更新该实例。

选择舞台上要分离的实例，执行“修改”—“分离”命令（快捷键Ctrl＋B）就会把实例分离成几个组件图形元素。

3.使用库

每个Flash 文档都有用于存放动画元素的库，可以存放元件、位图、声音以及视频文件等。利用“库”可以方便地查看和组织这些内容。例如，选择“库”中的一个文件项目时，在“库”顶部的预览框中可以预览该元件的内容。如果所选择项目为动画、声音或者视频文件，预览框中将出现控制按钮，可以单击播放按钮预览。

打开库面板的快捷键为F11，重复按F11 键可以快速切换库面板的“打开”和“关闭”状态。

（1）使用公用库

打开Flash CS6 界面，如图1-5-42所示，从窗口菜单中可以找到公用库工具，如果是完整安装的大师版，从菜单中可以看到有三项：一项是公用按钮库（Buttons），一项是类（Classes）库，一项是音效（Sounds）库。如果你安装的是精简版的，那么里面可能没有Sounds库。这三个当中我们常用的是按钮库，当然完整版里的Sounds 库也提供了很多小的音效，也是不错的选择。图1-5-42 中因使用的是精简版的，所以没有Sounds 库，有兴趣的，可以安装完整版，体验里面的音效。

图1-5-42　Flash CS6 界面

先看按钮库，从窗口菜单中选择公用库Buttons 库，如图1-5-43 和图1-5-44所示，可以打开公用按钮库面板，可以看到，在这个库里提供很多现成的按钮供大家使用。使用时，只需要选择相应的样式文件夹下的按钮，从库中拖放到舞台上即可使用。

如果既为从公用库中拖放到场景使用的按钮。按下Ctrl＋L 打开库面板，可以看到，从公用库中导入的按钮会自动将库文件夹路径等信息复制到文件库中。需要注意的是，对这个按钮进行更改，不会影响公用库按钮的样式。

Classes 库只使用在as2.0的文件中，基本没有什么特殊功能，也很少使用。

Sounds 库的使用也比较简单，打开后库里主要提供一些日常生活用的人声、动物声音、各种数码音效等。

（2）共享元件库

在Flash 中，共享元件库就是一个可以为任何Flash 文档使用的库，即该库中的元件资源可以被多个Flash 文档重复使用。它与元件库的区别是：元件库只供该库中存在的Flash 文档使用，不是共享的。

图1-5-43　公用库面板

图1-5-44　公用库按钮