1、第第7章章 Flash动画型课件制作动画型课件制作 本章阐述Flash 8的有关基本知识,包括图层与时间轴的概念、帧、元件与实例的操作、绘图工具的使用,详细介绍运动动画、变形动画、遮罩动画和逐帧动画的制作方法。 Flash是当今Internet上最流行动画作品的制作工具,也是网络课件制作的主要工具。它之所以在网上广为流传,其一是动画文件容量小,其二就是采用了流控制技术。简单地说,就是边下载边播放的技术,不用等整个动画下载完,就可以开始播放。第第7章章 Flash动画型课件制作动画型课件制作2022-5-112 7.1 Flash 8概述概述 7.1.1 Flash 8的操作界面的操作界面 20
2、22-5-113 7.1 Flash 8概述概述 7.1.1 Flash 8的操作界面的操作界面 1工具栏工具栏有15个按钮,如图所示。2022-5-114 7.1 Flash 8概述概述 7.1.1 Flash 8的操作界面的操作界面 1工具栏工具栏有15个按钮,如图所示。2022-5-115 7.1 Flash 8概述概述 7.1.2 控制面板控制面板1浮动面板浮动面板 使用浮动面板可以方便地编辑、调用对象,Flash 8为用户提供了多组控制面板,如对齐、信息、变形面板,颜色样本面板、库面板等。(1)颜色样本面板。颜色样本面板包括混色器和颜色样本,要创建和编辑纯色以及渐变填充,可以使用混色
3、器,如图所示。配合颜料桶工具可以将颜色填充到指定区域。如果已经在舞台中选定了颜色对象,则在混色器中所作的颜色更改会被应用到该对象。2022-5-116 7.1 Flash 8概述概述 7.1.2 控制面板控制面板(2)库面板。库面板是存储在Flash中创建的元件,以及导入的文件,如视频剪辑、声音剪辑、位图和导入的矢量插图。库面板中的素材如同参加演出的演员和背景道具。在影片的制作过程中,需要不时地从库面板中将素材拖到舞台中,按Ctrl+L组合快捷键可快速打开这个面板。2022-5-117 7.1 Flash 8概述概述 7.1.2 控制面板控制面板2属性面板属性面板 属性面板是一个非常有用的特殊
4、面板,单击选中不同的对象或工具箱中的工具时,会自动调出不同的属性面板。属性面板集中了相应的参数设置选项。例如:单击按下工具箱中的“文本工具”按钮,再单击舞台工作区,此时的属性面板如图所示,其中提供了用于设置文字字体、大小、颜色等工具选项。 2022-5-118 7.1 Flash 8概述概述 7.1.2 控制面板控制面板3动作脚本面板动作脚本面板 动作脚本是Flash MX的脚本撰写语言(ActionScript),如图所示。使用它可以向影片添加交互性。动作脚本提供了一些元素,例如动作、运算符以及对象,可将这些元素组织到脚本中,指示影片要执行什么操作;用户可以对影片进行设置,从而使单击按钮和按
5、下键盘键之类的事件可触发这些脚本。例如,可用动作脚本为影片创建停止按钮。2022-5-119 7.1 Flash 8概述概述 7.1.3 图层与时间轴图层与时间轴 1图层图层 图层就好比是一张透明的纸,把图像的不同部分画在不同的图层中,叠放在一起便形成了一幅完整的图像,而对每一个图层中的图像内容进行修改时,其他图层中的图像不会受到影响。这为用户修改、编辑图像提供了极大的方便。2022-5-1110 7.1 Flash 8概述概述 7.1.3 图层与时间轴图层与时间轴 2时间轴时间轴 时间轴是Flash进行动画创作和编辑的主要工具。时间轴就好像导演的剧本,它决定了各个场景的切换以及演员出场、表演
6、的时间顺序。Flash把动画按时间顺序分解成帧,在舞台中直接绘制的图形或从外部导入的图像,均可形成单独的帧,再把各个单独的帧画面连在一起,合成动画。每一个动画都有它的时间轴。图所示为一个Flash动画的时间轴实例。2022-5-1111 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 1绘制线条绘制线条 使用线条工具绘制直线的方法是利用属性面板设置线型和线颜色,再在舞台工作区内拖曳鼠标,即可绘制各种长度和角度的直线。按住Shift键,同时在舞台工作区内拖曳鼠标,可以绘制出水平、垂直和45角的线条(也适用于铅笔工具)。图 “铅笔模式”选项 使用铅笔工具绘制线条图形
7、时,可以绘制任意形状的曲线矢量图形。绘制完一条线后,Flash 8可以自动对其进行加工,例如变直、平滑等。单击工具箱中的铅笔工具,在属性面板中设置线型和线颜色。同时工具箱“选项”栏内会显示一个“铅笔模式”按钮。单击该按钮,可弹出3个按钮供选择,如图所示。 3个按钮是用来设置铅笔模式的,分别用于绘制规则线条、平滑曲线和接近徒手画出的线条。2022-5-1112 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 2线的属性面板线的属性面板 线属性包括线的形状、线的粗细和线的颜色等。单击工具箱内的“铅笔工具”、“线条工具”、“钢笔工具”、“椭圆工具”或“矩形工具”,线的
8、属性面板如图所示。2022-5-1113 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 3改变线条形状改变线条形状使用工具箱中的选择工具,将鼠标指针移到线、轮廓线或填充的边缘处,会发现鼠标指针右下角出现一个小弧线,用鼠标拖曳线,即可看到被拖曳的线形状发生了变化,如图左所示;指向直角线直角,用鼠标拖曳直角,即可看到被拖曳的直角形状发生了变化,如图右所示。 2022-5-1114 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 4将线转换为填充将线转换为填充 选中一个线条或轮廓线图形,然后单击菜单栏“修改/形状/将线条转换为填充”命
9、令。这时选中的线条或轮廓线图形就被转换为填充。以后,可以使用颜料桶工具,改变填充的样式。2022-5-1115 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 5墨水瓶工具墨水瓶工具 墨水瓶工具的作用是改变已经绘制线的颜色和线型等属性。在修改了线的颜色和线型后,单击工具箱内的墨水瓶工具,将鼠标移到舞台工作区中的某条线上,单击鼠标左键,即可修改线条颜色和线型。如果用鼠标单击一个无轮廓线的填充,则会自动为该填充增加一条轮廓线。2022-5-1116 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 5墨水瓶工具墨水瓶工具 墨水瓶工具的作
10、用是改变已经绘制线的颜色和线型等属性。在修改了线的颜色和线型后,单击工具箱内的墨水瓶工具,将鼠标移到舞台工作区中的某条线上,单击鼠标左键,即可修改线条颜色和线型。如果用鼠标单击一个无轮廓线的填充,则会自动为该填充增加一条轮廓线。2022-5-1117 7.2 绘图工具的使用绘图工具的使用 7.2.1 绘制与编辑直线绘制与编辑直线 7滴管工具滴管工具 滴管工具的作用是吸取舞台工作区中已经绘制的线条和填充的对象。单击工具箱中的滴管工具,然后将鼠标移到在舞台工作区内的对象之上,此时鼠标指针变成 (对象是线条)、 (对象是填充)或 (对象是文字)的形状。单击鼠标左键,即可将单击对象的属性赋给相应的面板
11、,相应的工具也会被选中。 在舞台中导入一幅图片,选择菜单“修改/分离”命令后,使得图片矢量化。用滴管工具滴取图片,在圆中单击鼠标就可以把图片填充到里面,如图所示。 2022-5-1118 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 绘制图形包括椭圆、矩形和多角星形工具绘图,使用前应先设置笔触属性。用椭圆、矩形和多角星形工具绘制出的有填充的图形由两个对象组成:一个是轮廓线,另一个是填充。这两个对象是独立的,可以分离,分别操作。例如绘制一个椭圆形图形后,单击工具箱中的选择工具,再将鼠标指针移到椭圆形图形内,拖曳鼠标,即可把填充移开,如图所示。 2022-5-11
12、19 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 1绘制椭圆绘制椭圆 单击工具箱内的椭圆工具,再在舞台工作区内拖曳鼠标,即可绘制出一个椭圆图形。如果在拖拽鼠标时,按住Shift健,即可绘制出圆形图形。 如果希望只绘制圆形轮廓线而不要填充,只需在设置填充颜色时,选中工具箱内颜色栏中的按钮,即没有填充颜色。如果希望只绘制填充不要轮廓线时,只需在设置轮廓线颜色时,选中工具箱内颜色栏中的按钮,即没有轮廓线颜色。2022-5-1120 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 2绘制矩形绘制矩形 单击工具箱内的矩形工具,再在舞台工
13、作区内拖曳鼠标,即可绘制出一个矩形图形。在单击工具箱内的矩形工具后,工具箱“选项”栏内会增加一个按钮。单击它,可调出“矩形设置”对话框,如图所示。在该对话框的“边角半径”文本框中输入圆角半径值。2022-5-1121 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 3绘制星形绘制星形 单击工具箱内的多角星形工具,单击属性面板内的“选项”按钮,可以调出“工具设置”对话框。 在“样式”下拉列表框中选择“多边形”或“星形”选项,用来设置图形样式;在“边数”文本框中输入多边形或星形图形的边数;在“星形顶点大小”文本框中输入星形图形顶点张角大小,该文本框的数据只在绘制星形
14、图形时有效。2022-5-1122 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 4切割图形切割图形 可以切割的对象有矢量图形、分离的位图和文字,不包括组合对象。切割对象时,可以采用用选择工具在舞台工作区内拖曳鼠标,如图上图所示,选中图形的一部分;可以在要切割的图形对象上边绘制一条细线,如图中图所示。再使用选择工具选中被细线分割的一部分图形,用鼠标拖曳移开选中的新图形;也可以在要切割的图形对象上边绘制一个图形,再使用选择工具选中新绘制的图形,并将它移出,如图下图所示。 2022-5-1123 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制
15、与编辑图形 5颜料桶工具颜料桶工具 颜料桶工具的作用是对填充属性进行修改。填充的属性有纯色(即单色)填充、线性渐变填充、放射状渐变填充、位图填充等,如图左所示。 使用颜料桶工具时,在“选项”栏中单击“空隙大小”按钮,弹出一个菜单,如图右所示。它用来选择对没有空隙和有不同大小空隙的图形进行填充。 2022-5-1124 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 7填充变形工具填充变形工具 对填充了的图形,单击填充变形工具,即可在填充之上出现一些控制柄,用鼠标拖曳这些控制柄,可以调整填充的填充状态。(1)放射状填充:用于放射状填充时会出现4个控制柄和1个中心标
16、记,如图(a)所示。调整焦点,可以改变放射状渐变的焦点;调整中心点,可以改变渐变的中心点;调整宽度,可以改变渐变的宽度;调整大小,可以改变渐变的大小;调整旋转,可以改变渐变的旋转角度。2022-5-1125 7.2 绘图工具的使用绘图工具的使用 7.2.2 绘制与编辑图形绘制与编辑图形 7填充变形工具填充变形工具(2)线性填充:线性填充时会出现2个控制柄和1个中心标记,如图(b)所示。用鼠标拖曳这些控制柄,可以调整线性填充的状态。(3)位图填充:位图填充时会出现7个控制柄和1个中心标记,如图(c)所示。用鼠标拖曳控制柄,可以调整填充的状态。2022-5-1126 7.2 绘图工具的使用绘图工具
17、的使用 7.2.3 绘制与编辑曲线绘制与编辑曲线 1钢笔工具钢笔工具利用钢笔工具可以绘制矢量直线与曲线。绘制直线,只要单击直线的起点与终点即可。单击工具箱中的钢笔工具,在舞台工作区中,绘制直线时单击直线的起点与终点即可。绘制曲线则单击要绘制的曲线的起点处,松开鼠标左键;再单击下一个节点处,则在两个节点之间会产生一条线段;在不松开鼠标左键的情况下拖曳鼠标,会出现两个控制点和两个控制点间的蓝色直线,再拖曳鼠标,可以改变切线的位置,以确定曲线的形状。当曲线需要多个节点时,依次单击下一个节点,并在不松开鼠标左键的情况下拖曳鼠标以产生两个节点之间的曲线,如图所示。直线或曲线绘制完后,双击鼠标,即可结束该
18、线的绘制。 曲线 切线 2022-5-1127 7.2 绘图工具的使用绘图工具的使用 7.2.3 绘制与编辑曲线绘制与编辑曲线 2部分选择工具部分选择工具 使用部分选择工具可以改变矢量图形的形状。单击工具箱中的部分选择工具按钮,再单击线条或轮廓线,可以看到,线的上边会出现一些绿色亮点,这些绿色亮点是矢量线的节点。或用部分选择工具拖曳出一个矩形框,松开鼠标左键后,会显示出矢量曲线的节点和节点的切线,如图所示。用鼠标拖曳节点或调整控制柄即可改变图形的形状。按住Alt键,同时用鼠标拖曳调整控制柄,就可以单独调整控制柄的一端。2022-5-1128 7.2 绘图工具的使用绘图工具的使用 7.2.4 编
19、辑文本编辑文本 1输入文本输入文本 单击工具箱内的文字工具按钮,在舞台工作区单击,即会出现一个矩形框,矩形框右上角有一个小圆控制柄,表示它是延伸文本,同时光标出现在矩形框内。这时用户就可以输入文字了。随着文字的输入,矩形框会自动向右延伸,如图所示。如果要创建固定行宽的文本,可以用鼠标拖曳文本框的小圆控制柄,即可改变文本的行宽度。2022-5-1129 7.2 绘图工具的使用绘图工具的使用 7.2.4 编辑文本编辑文本 2文本属性的设置文本属性的设置 文本的属性包括文字的字体、字号、颜色和风格等。设置文本的属性可以通过菜单命令或属性面板选项来完成。单击工具箱内的文本工具,在舞台工作区单击,即可调
20、出它的属性面板,如图所示。图7-30 文字分离与变形 在文本属性面板中可以设置文字的字体、文字的大小、文字颜色、改变文本方向、文字排列方式、字符间距、字符位置等内容。2022-5-1130 7.2 绘图工具的使用绘图工具的使用 7.2.4 编辑文本编辑文本 3文字分离文字分离 为了使文字扭曲和封套编辑操作,或使用选择工具来进行文字变形、切割等操作,可以通过文字分离来实现。具体操作的方法是:对于Flash中的文字,执行“修改/分离”菜单命令,将文字分解为独立的单个字符或汉字。如果是多个文字需要再次执行菜单中的“修改/分离”命令,直至它们不可再分离,分离的文字上面有一些小白点,最后通过使用选择工具
21、来进行文字变形和切割,如图所示。 2022-5-1131 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.1 时间轴上的帧时间轴上的帧 Flash把动画按时间顺序分解成帧,在舞台中直接绘制的图形或从外部导入的图像,均可形成单独的帧,再把各个单独的帧画面连在一起,合成动画。在时间轴上主要有以下几种帧,如图所示。(1)空白帧:该帧内是空的,没有任何对象,也不可以在其内创建对象。(2)空白关键帧:帧单元格内有一个空心的圆圈,表示它是一个没内容的关键帧,可以创建各种对象。如果新建一个Flash文件,则在第1帧会自动创建一个空白关键帧。单击选中某一个空白帧,再按F7键,即可将它转换为空白关键帧。2
22、022-5-1132 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.1 时间轴上的帧时间轴上的帧 (3)关键帧:帧单元格内有一个实心的圆圈,表示该帧内有对象,可以进行编辑。单击选中一个空白帧,再按F7键,即可创建一个关键帧。(4)普通帧:在关键帧的右边的浅灰色背景帧单元格是普通帧,表示它的内容与左边的关键帧内容一样。单击选中关键帧右边的一个空白帧,再按F5键,则从关键帧到选中的帧之间的所有帧均变成普通帧。(5)过渡帧:它是两个关键帧之间,创建补间动画后由Flash计算生成的帧,它的底色为浅蓝色(动作动画)或浅绿色(形状动画)。不可以对过渡帧进行编辑。(7)动作帧:该帧本身也是一个关键帧
23、,其中有一个字母“a”,表示这一帧中分配有动作脚本。当动画播放到该帧时会执行相应的脚本程序。有关内容将在7.4节介绍。2022-5-1133 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.2 帧的操作帧的操作 1帧的插入帧的插入(1)插入普通帧:单击选中要插入普通帧的帧单元格,然后按F5键。这时就会在选中的帧单元格中新增加一个普通帧,该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。(2)插入关键帧:单击选中要插入关键帧的帧单元格,然后按F7键或单击帧快捷菜单中的“插入关键帧”命令。(3)插入空白关键帧:单击选中要插入空白关键帧的帧单元格,然后按F7键或单击帧快捷菜单中的“插入空白关
24、键帧”命令。2022-5-1134 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.2 帧的操作帧的操作 2帧的删除和转换帧的删除和转换(1)删除帧:在时间轴窗口中选中要删除的一个或多个帧,然后单击帧快捷菜单中的“删除帧”命令。按住Shift+F5组合键,也可以删除选中的帧。(2)清除帧:单击选中要清除的帧,然后单击帧快捷菜单中的“清除帧”命令,可将选中的帧中的内容清除,使该帧成为空白关键帧。(3)清除关键帧:单击选中要删除的关键帧,然后单击帧快捷菜单中的“删除关键帧”命令。此时,原关键帧中的内容会被前面的关键帧内容取代。(4)转换为关键帧:单击选中要转换的普通帧,然后单击帧快捷菜单中的
25、“转换为关键帧”(或“转换为空白关键帧”)命令,即可将普通帧转换为关键帧(或空白关键帧)。2022-5-1135 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.2 帧的操作帧的操作 3帧的选取帧的选取 编辑帧以前应先选中要编辑的帧。在时间轴上帧可以用单击或拖选方式选取。对一个图层的所有帧选取可以单击控制区域内的某一图层;选择所有帧可以单击选中帧快捷菜单中的“选择所有帧”命令。4帧的移动帧的移动(1)调整关键帧的位置:用鼠标水平拖曳该帧单元格,即可调整关键帧的位置。如果要调整动画帧的长度,可以先选中起始或终止关键帧,然后调整关键帧的位置。(2)鼠标移动帧:选中若干帧,用鼠标拖曳选中的帧,
26、可以把它们移到目的位置。2022-5-1136 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.2 帧的操作帧的操作 5帧的复制和剪切帧的复制和剪切 复制帧和剪切帧的操作方法:选中要移动的帧,单击帧快捷菜单中的“复制帧”(或“剪切帧”)菜单命令,将选中的帧复制(剪切)到剪贴板内。再在时间轴窗口中单击选中一个帧单元格,然后调出“帧”快捷菜单,单击快捷菜单中的“粘贴帧”命令,即可把剪贴板中的若干帧粘贴到时间轴窗口选定的帧内,从而实现复制帧(移动帧)。2022-5-1137 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.3 元件与实例操作元件与实例操作 在制作动画或课件时,一些素材需要
27、反复使用。如果对重复的素材使用一次就绘制,会占用很多时间,而且制作出来的作品会占用很大容量。将素材转换成“元件”后,它将自动存储在库面板中,如图所示。它可以是图形、按钮、电影剪辑,而声音、位图等素材导入Flash后,也将自动存放在库面板里。将元件放置到舞台工作区上则称为实例,即实际用到的物体。元件可以重复使用,或作为单独个体存在,或与其他元件组成新元件:当元件应用到舞台中成为实例后,两者之间仍然保持镜像关系,即修改元件内容的同时也修改实例内容。元件的好处很多,除减少素材体积大小外,还可以制作出整体变色、变透明等特效。重要的是只有它可以执行Flash 8中的运动变形动画。2022-5-1138
28、7.3 帧、元件与实例操作帧、元件与实例操作 7.3.3 元件与实例操作元件与实例操作 1元件的分类元件的分类元件可以分为图形元件、影片剪辑元件和按钮元件。(1)图形元件:它可以是矢量图形、图像、声音或动画等。它通常用来制作电影中的静态图形,不具有交互性。声音元件是图形元件中的一种特殊元件,它有自己的图标。(2)影片剪辑元件:用来制作独立于主影片时间轴的动画。它可以包括交互性控制、声音甚至其他影片剪辑的实例。也可以把影片剪辑的实例放在按钮的时间轴中,从而实现动画按钮。为了实现交互性,单独的图像也可以做成影片剪辑。用两种元件创建的实例是不同的,影片剪辑实例只需要一个关键帧来播放动画,而图形实例必
29、须出现在足够的帧中。(3)按钮元件:可以在影片中创建按钮元件的实例。在Flash中,首先要为按钮设计不同状态的外观,然后为按钮的实例分配事件(例如:鼠标单击等)和触发的动作。2022-5-1139 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.3 元件与实例操作元件与实例操作 2创建元件与实例创建元件与实例元件的创建可以通过单击“插入/新建元件”菜单命令或单击“库”面板左下角的“新建元件”按钮,调出“创建新元件”对话框来实现,如图所示。2022-5-1140 7.3 帧、元件与实例操作帧、元件与实例操作 7.3.3 元件与实例操作元件与实例操作 3编辑元件与实例编辑元件与实例 在创建了
30、若干元件实例后,可能需要编辑修改。元件经过编辑后,F1ash会自动更新它在影片中的所有实例。编辑元件的一般方法是双击“库”面板中的一个元件,调出元件编辑窗口。在舞台工作区内,将鼠标指针移到要编辑的元件实例处编辑即可。元件编辑完后,单击该工作区右上角的按钮,即可回到原舞台工作区。 编辑实例,可以利用属性面板改变实例的位置、大小、颜色、亮度、透明度等属性,还可以改变实例的类型,设置图形实例中动画的播放模式等。实例属性的编辑修改,不会造成对相应元件和其他由同一元件创建的其他实例的影响。2022-5-1141 7.4 制作动画制作动画 7.4.1 编辑图层编辑图层 在制作一个Flash动画时,图层就相
31、当于舞台中演员所处的前后位置。我们可以根据图形和动画的需要在时间轴中建立多个图层。图层的多少,不会影响输出电影文件的大小。各个图层之间是完全独立的,一般不会出现相互的影响。图层中除了普通图层外,还有两种特殊的图层:一个是引导层,一个是遮罩层。引导层就是使物体沿着引导线中的路径来运动,当普通图层与引导层关联后,就成为被引导层;遮罩层也称蒙版层,起到局部显示的特殊效果,普通图层与遮罩层关联后,则成为被遮罩层。 在时间轴中,各种图层通过图层名称左边不同的图标来表示,如图所示。 2022-5-1142 7.4 制作动画制作动画 7.4.1 编辑图层编辑图层 1图层的选择图层的选择图层的选择就是指选中一
32、个或多个图层中的帧。操作方法是:在时间轴窗口中单击图层控制区的相应图层行,此时选中的图层行呈黑底色,并在图层名字的右边出现一个笔状图标。选中多个图层时则按下Shift键或Ctrl键,同时单击控制区内各相应图层行,即可选中多个图层。2改变图层的顺序改变图层的顺序改变图层的顺序时,用鼠标拖曳图层控制区域内的图层,即可将图层上下移动。3编辑、删除图层编辑、删除图层编辑、删除图层时,首先选中一个或多个图层,然后单击图标或者拖曳选中的图层到图标之上。4复制图层复制图层复制图层就是复制该图层中的帧,具体操作方法是:新建一个图层,选中要复制的帧,单击鼠标右键,弹出帧快捷菜单,单击该菜单中的“粘贴帧”命令,将
33、剪贴板中的内容粘贴到选中图层的各帧中。2022-5-1143 7.4 制作动画制作动画 7.4.2 运动补间动画运动补间动画 具体操作步骤如下。具体操作步骤如下。 用工具栏中的椭圆工具,在舞台中绘制一个小球。用工具栏中的椭圆工具,在舞台中绘制一个小球。 框选或单击图层该帧,全选小球,按下框选或单击图层该帧,全选小球,按下F8功能键,弹出功能键,弹出“转化为元件转化为元件”面板,命名后得到面板,命名后得到“小球小球”元件。元件。 单击时间轴单击时间轴25帧,按下帧,按下F7功能键,得到一个关键帧。功能键,得到一个关键帧。 拖动舞台中的小球到右边位置,单击时间轴拖动舞台中的小球到右边位置,单击时间
34、轴125帧中的任意帧,设置属帧中的任意帧,设置属性面板中的性面板中的“补间补间”为为“动画动画”,此时时间轴,此时时间轴125帧显示一条有箭头的线,帧显示一条有箭头的线,背景呈淡蓝色,如图背景呈淡蓝色,如图7-37所示。所示。 最后,按下最后,按下Ctrl+Enter组合键,观看动画演示。组合键,观看动画演示。2022-5-1144 7.4 制作动画制作动画 7.4.2 运动补间动画运动补间动画 引导层的概念:引导层是一种特殊的层,在引导层中你可以设计一条曲线路引导层的概念:引导层是一种特殊的层,在引导层中你可以设计一条曲线路径,然后将此路径与引导层下方的编辑层中的元素串联在一起,这样就可以径
35、,然后将此路径与引导层下方的编辑层中的元素串联在一起,这样就可以做出物体沿特定路径移动的动画效果来。做出物体沿特定路径移动的动画效果来。2022-5-1145 7.4 制作动画制作动画 7.4.3 形状变形动画形状变形动画 数字数字1变为数字变为数字2。具体操作步骤如下。具体操作步骤如下。 用鼠标单击绘图工具栏中的文字工具,在舞台中输入数字用鼠标单击绘图工具栏中的文字工具,在舞台中输入数字1,选择菜单,选择菜单“修改修改/分离分离”命令,将文字打散为色块。命令,将文字打散为色块。 单击时间轴的第单击时间轴的第25帧,按帧,按F7键插入一个空关键帧,这时会发现从键插入一个空关键帧,这时会发现从1
36、20帧均变成灰色,而且在时间轴的第帧均变成灰色,而且在时间轴的第25帧处有一个空心小圆圈。帧处有一个空心小圆圈。 用鼠标单击绘图工具栏中的文字工具,在舞台中输入数字用鼠标单击绘图工具栏中的文字工具,在舞台中输入数字2,选择菜单,选择菜单“修改修改/分离分离”命令,将文字打散为色块。命令,将文字打散为色块。 单击时间轴单击时间轴125帧中的任意帧,设置属性面板中的帧中的任意帧,设置属性面板中的“补间补间”为为“变形变形”,此时时间轴此时时间轴125帧显示一条有箭头的线,背景呈浅绿色,如图所示。帧显示一条有箭头的线,背景呈浅绿色,如图所示。2022-5-1146 7.4 制作动画制作动画 7.4.
37、4 遮罩层动画遮罩层动画 所谓遮罩层就是将位于它下面的那一层遮住,在遮罩层上可开出各种各样的“洞”(“洞”可以是矢量图、字符、符号及外部导入的各种素材),形成挖空区域,挖空区域将完全透明,其他区域都是完全不透明的。通过挖空区域,下面图层的内容就可以被显示出来,而没有对象的地方成了遮挡物,把下面的被遮罩图层的其余内容遮挡起来。因此,可以透过遮罩层内的对象(挖空区域)看到其下面的被遮罩图层的内容,而不可以透过遮罩层内没有对象的非挖空区域看到其下面的被遮罩图层的内容。通过对遮蔽层和被遮罩层上的对象编辑,使它们做出各种动作,产生令人炫目的动画效果。2022-5-1147 7.4 制作动画制作动画 7.
38、4.4 遮罩层动画遮罩层动画 文字“竹”的遮罩动画。具体操作步骤如下。 创建一个普通图层,并在其上创建一个对象,此处导入一幅图像。 在选中的普通图层的上边创建一个新的普通图层,在新建的图层上绘制图形与输入文字,以便作为遮罩层的挖空区域,如图左所示。 将鼠标指针移到遮罩层的名字处,单击鼠标右键,弹出图层快捷菜单,单击“遮罩层”命令。此时,选中的普通图层的名字会向右缩进,表示已经被它上面的遮罩层所关联,成为被遮罩图层,如图右所示。2022-5-1148 7.4 制作动画制作动画 7.4.5 逐帧动画逐帧动画 逐帧动画在Flash中的应用也比较常见,逐帧动画的每一帧都由制作者确定,而不是由Flash
39、通过计算得到,然后连续依次播放这些画面,即可生成动画效果,比如小鸟的飞翔、人的走动等。逐帧动画适于制作非常复杂的动画,Gif格式的动画就是属于这种动画。与过渡动画相比,通常逐帧动画的文件字节数较大。为了使一帧的画面显示的时间长一些,可以在关键帧后边添加几个与关键帧内容一样的普通帧,如图所示。 2022-5-1149 7.5 播放和导出动画播放和导出动画 7.5.1 播放和测试动画播放和测试动画 播放与测试Flash动画,可以反复看到Flash动画作品的制作效果。 执行菜单“控制/播放”命令或按Enter键,即可在舞台窗口内播放该动画。对于有影片剪辑实例的动画,采用这种播放方式不能够播放影片剪辑
40、实例。单击“控制/停止”菜单命令或按Enter键,即可使舞台窗口内播放的动画停止播放。再单击“控制/播放”菜单命令或按Enter键,又可以从暂停处继续播放。 执行“控制/测试影片”菜单命令或按Ctrl+Enter组合键,可在播放窗口内播放动画。这种方法可循环依次播放各场景。单击“控制/测试场景”菜单命令,可循环播放当前场景的动画。2022-5-1150 7.5 播放和导出动画播放和导出动画 7.5.2 导出动画导出动画 Flash导出包括导出图像和导出电影。 导出图像:单击“文件/导出图像”菜单命令,弹出“导出图像”对话框,“文件类型”下拉列表框内的文件类型只有图像文件的类型。利用该对话框,可将动画当前帧保存为扩展名为“*.jpg”、“*.gif”、“*.bmp”等格式的图像文件。 导出电影:单击“文件/导出/导出影片”菜单命令,弹出“导出影片”对话框,利用该对话框选择文件类型和输入文件名,单击“确定”按钮,保存的文件是“*.swf”和其他视频文件。2022-5-1151