2023学年完整公开课版Flash动画的制作

第六章Flash动画的制作学习目标1.熟悉Flash8操作界面；2.掌握Flash8的基本工具和常用面板的基本操作；3.熟悉时间轴、图层、帧、关键帧、空白关键帧、库、元件等的概念及其基本操作；4.掌握逐帧动画、补间动画、引导动画和遮罩动画等各类动画的设计与制作；5.掌握声画同步动画的制作方法。内容提要第一节Flash基础知识第二节Flash8常用工具与面板的使用第三节Flash动画制作第四节

声画同步制作第五节

综合实例第一节Flash基础知识一、Flash8操作界面二、Flash的基本操作1.文件的新建、打开和保存2.设定文件属性3.文件的导入4.文件的测试与导出时间轴是Flash动画制作的核心，时间轴由图层、帧和播放头三部分组成。（一）时间轴三、Flash的基本概念1.图层（1）图层的概念图层是从上到下逐层叠加的，一个图层如同一张透明的玻璃纸，不同图层上的内容会叠加在一起，一个Flash影片中往往包含许多图层。它与Photoshop中的图层类似。图层从类型上可分为：普通图层、遮罩层和引导层。（2）图层的操作1）图层的创建和修改单击“图层”面板下方的“插入新建图层”按钮，可以创建一个新的图层并将其激活。图层上方的“眼睛”代表是否显示或隐藏图层；“锁”代表是否锁定图层；“线框”代表图层是否以线框模式显示，默认为预览模式。2）选取图层的方法

选中“时间轴”面板中的图层名称，可以选取图层。单击属于该图层时间轴上的任意一帧，也可以选取图层。在舞台编辑区中选择该层中的对象，可以选中图层。想要同时选区多个图层时，按“Shift”键的同时再单击所要选择的图层名称即可。3）删除图层的方法单击“时间轴”面板上的“删除图层”按钮，可将图层删除。将要删除的图层用鼠标拖动到“删除图层”按钮上，直接删除。在图层上单击鼠标右键，在弹出的快捷菜单中选择“删除图层”命令，可将图层删除。4）图层的属性设置双击某个图层图标时，会弹出“图层属性”对话框，可以调节图层属性。5）改变图层的次序按住鼠标左键可上下拖动图层来改变图层的位置。2.帧（1）帧的概念帧一般分为：关键帧、空白关键帧、结束帧（1）关键帧

（2）空白关键帧（3）结束帧（4）过渡帧关键帧是一个动作的起始画面和结束画面关键帧中的小黑点表示此帧中有内容。没有画面的关键帧每个图层的第1帧默认为一个空白关键帧，可以在上面创建内容，从而变成关键帧。结束帧代表一段相同内容帧的最后一帧。两个关键帧之间的部分。（2）帧的操作（1）插入新帧（F5）菜单“插入>时间轴>帧”鼠标右键单击时间轴，选择“插入帧”（2）插入关键帧（F6）菜单“插入>时间轴>关键帧”鼠标右键单击时间轴，选择“插入关键帧（3）插入空白关键帧：菜单“插入>时间轴>空白关键帧”鼠标右键单击时间轴，选择“插入空白关键帧”（4）删除帧（Shift+F5）选中需要删除的帧或关键帧，单击鼠标右键，选择“删除帧”。（5）移动帧

鼠标选中需要移动的帧，拖曳至目标位置释放。（6）复制、粘贴关键帧

选中关键帧，单击鼠标右键，选择“复制帧”，然后在待复制的位置单击鼠标右键，选择“粘贴帧”。（7）清除帧（Shift+F6）

“清除帧”命令用来清除帧和关键帧中的内容。被清除以后的帧内部将没内容。

操作：选中帧或关键帧，单击鼠标右键，选择“清除帧”，该帧将转换为空白关键帧，其后的帧将变成关键帧。（8）转换帧选中帧，单击鼠标右键，选择“转换为关键帧/转换为空白关键帧”。若转换多个帧，使用shift键或Ctrl键选择需转换的帧，单击鼠标右键，选择“转换为关键帧/转换为空白关键帧”。

（9）翻转帧选中帧，单击鼠标右键，选择“翻转帧”。帧操作的快捷键

<F5>：插入帧（非关键帧）

<F6>：插入关键帧，并复制前一关键帧的内容

<F7>：转换为空白关键帧

<Shift+F5>：删除帧

<Shift+F6>：清除关键帧

<Ctrl+Alt+C>：复制帧

<Ctrl+Alt+X>：剪切帧

<Ctrl+Alt+V>：粘贴帧（二）元件和库元件（符号）是Flash的重要功能也是最基本的元素，全部放在库中，通过库面板可以对元件进行管理和编辑。元件可以被重复利用，被调动的元件就形成一个元件实例。Flash中的元件有3种类型：图形、按钮、影片编辑。（三）舞台和场景1.舞台舞台是Flash动画的主要场所空间，Flash中的所有运动对象的动画表现都是在舞台上完成的，舞台也就是Flash的工作区，白色的区域就是Flash的舞台。2.场景场景就是动画中一个相应独立的场所，有背景衬托，动画对象就在这样一个场所中运动或表现出来的。第二节Flash8常用工具与面板的使用工具箱好比是一个百宝箱，包含绘制、编辑图形所需的大部分工具。使用工具箱中的工具可以使绘制的图形千变万化，满足教学需要。一、

常用工具箱绘图原理线条与填充色填充和笔触是不同的对象合并绘制模式重叠直线会在交叉点处分成线段对象绘制模式创建的形状会在图形上添加矩形边框，在同一图层互不干扰1.铅笔工具——绘制不规则曲线和直线●伸直：绘制的曲线相邻节点间是以直线段连接。●平滑：使用该模式可使绘制的线条变得平滑。●墨水：使用该模式绘制出的图形与绘制时的笔迹最接近。2.线条工具——绘制各种不同方向的矢量直线段（1）单击绘图工具面板中的“线条工具”按钮。（2）将鼠标移动到场景中绘制直线的起点处，光标将变为十字形状。（3）按住鼠标左键拖动到直线的终点即可绘制出一条直线。按住shift键可绘制水平、垂直或以450为角度增量倍数的直线3.矩形工具——绘制任意矩形、多边形和多角星形1）绘制矩形（圆角矩形）2）绘制多边形4.任意变形工具——用于变形●旋转与倾斜：对选取的图形进行旋转和倾斜处理。●缩放：对选取的图形进行缩小与放大处理。●扭曲：对选取的图形进行扭曲变形。●封套：单击该按钮，对象周围出现很多控制柄，拖动这些控制柄，可对对象进行更细微的变形。5.钢笔工具——绘制比较复杂、精确高的图形，也可作为选区工具使用（1）单击绘图工具面板中的“钢笔工具”按钮。（2）将鼠标移动到场景中要绘制直线的起点处，光标将变为一个钢笔头形状。（3）单击所绘线条的起点位置，移动鼠标至线条的下一个点位置处单击，相邻两点自动以直线段相连，绘出直线；继续单击其它点，将绘成一条直线段。6.颜料桶工具——用于填充颜色（1）单击绘图工具面板中的“颜料桶工具”按钮。（2）在颜料桶工具属性面板中对填充色进行设置。（3）单击选项栏中按钮,在选择列表中选择相应的填充模式。7.椭圆工具——绘制椭圆和圆8.选择工具1.选取对象2.移动对象3.修改图形9.刷子工具——给图形上色，绘制自定义形状、大小及颜色的图形1）刷子模式2）刷子大小3）刷子形状10.墨水瓶工具——给没有边框的矢量图添加边框，修改已有的线条或边框的颜色等属性（1）单击绘图工具面板中的“墨水瓶工具”按钮。（2）在墨水瓶工具属性面板中对笔触颜色、粗细等进行设置。（3）将墨水瓶工具移到需填充的线条上或图形的外边框上，单击鼠标完成线条填充。11.滴管工具滴管工具用于获取已有图形颜色以及类型等的属性，它能够对矢量线、矢量图、位图和文字的属性进行复制，并将它应用到场景上不同的对象。单击绘图工具面板中的“滴管工具”按钮后，单击图形边框或填色，可以使笔触颜色或填充颜色的设定与被单击图形中的颜色设定一样。并且，若单击的是填色，当前工具便会自动变成颜料桶工具，若单击的是笔触，则当前工具会自动变成墨水瓶工具。12.填充变形工具—可以对渐变色或分离后的位图进行编辑，可以调整填充颜色的范围、方向、角度等属性，达到特殊的色彩填充效果。（1）单击绘图工具面板中的“填充变形工具”按钮。（2）单击要调整图形的填充色,图形周围出现调整框控制点。（3）将鼠标指向渐变色调整框控制点，按住鼠标左键拖动渐变色调整框完成调整。13.部分选取工具部分选取工具是通过调整线条节点上的方向线来改变曲线对象的形状。单击部分选取工具后，单击或框选图形，在图形四周出现绿色的图像轮廓线，该图像轮廓线有很多控制点，通过对各控制点的调整来改变线条形状。如图2-27所示。14.套索工具——选择不规则的区域●魔术棒：用于在打散的位图中选择颜色相同或相近的所有区域。●魔术棒设置：单击该按钮打开“魔术棒设置”对话框。

阈值：用于定义选取范围内的颜色与单击处像素颜色的相近程度，输入的数值越大，选取的相邻区域范围就越大。平滑：用于定义所选区域的边缘的平滑度。●多边形模式：按下“多边形模式”按钮，鼠标移到场景中单击，画出一个多边形选择区域，双击则结束选择。15.橡皮擦工具——用于擦除图形的框线或填充1）擦除模式2）水龙头用于快速删除整个线条、整个填充图形或所有选定区域。3）橡皮擦形状16.文本工具——用于动画中文字的设置与输入单击绘图工具面板中的“文本工具”按钮，在场景中拖动或者单击出现文本框；在文本框中输入需要的文字，文字输入完成后，在场景的其它地方单击或者选择其它工具，结束文字输入，文本框消失。1.属性面板属性面板是一个智能化的面板,可以显示当前文档、文本、元件、组、帧或工具等的属性和参数，在属性面板中可对当前对象的一些属性和参数进行修改。当用户未选择任何工具或所选工具没有设置项时，在“属性”面板中将显示当前文档属性。属性面板的默认内容是关于整个文档的信息。二、常用面板2.混色器面板混色器面板可以对笔触和填充的颜色进行设置。可以直接输入RGB值、十六进制值、从“颜色拾取器”中拾取颜色来创建颜色，还可以使用色调滑块拾取所需的颜色。

“纯色”类型：单纯的颜色“线性”类型：使用线性渐变。

（从起点到终点沿直线逐渐变化）“放射性”类型：使用放射性渐变（从起点到终点按照环形模式向四周逐渐变化）“位图”类型：使用计算机上的图像作为填充Alpha值表示透明度，0~100%渐变定义栏，下面有指针指示渐变中的每一种颜色3.颜色样本面板（1）单击混色器面板中“笔触颜色”或“填充颜色”按钮。（2）在颜色面板中单击目标颜色，单击处的颜色将被赋予给笔触颜色或填充颜色。4.对齐面板对齐面板操作步骤：（1）选择要对齐的对象。（2）单击“窗口”→“对齐”，打开对齐面板。（3）在对齐面板中，单击相应的对齐按钮。5.信息面板信息面板上显示当前选定对象的一些基本信息，例如高度、宽度和颜色等。通过信息面板可以对对象的大小和位置进行精确的编辑。选中对象后,可在该面板中,直接输入位置、大小信息，从而改变对象。6.变形面板变形面板可以对选定对象的大小、旋转、倾斜等进行精确变形处理。利用该面板中“复制并应用变形按钮”我们可以制作出一些有韵律的图案。7.公用库面板（1）单击“窗口”→“公用库”，然后从子菜单中选择一个库。（2）将项目从公用库中拖入当前文档的库或场景中。第三节Flash基本动画逐帧动画的设计与制作补间动画的设计与制作引导动画的设计与制作遮罩动画的设计与制作一、逐帧动画1.概念与特点 逐帧动画（FrameByFrame）是一种常见的动画形式，是由一幅幅内容相关的图像组成的连续画面，其原理是在“连续的关键帧”中分解动画动作，也就是逐帧逐帧在时间轴上绘制不同的内容，使其连续播放而成动画。 逐帧动画由于是逐帧逐帧绘制不同的帧内容，不仅增加制作负担，而且最终输出的文件量也很大，但其却具有非常大的灵活性，几乎可以表现任何想表现的内容，适合于表演很细腻的动画。2.基本创建方法在Flash中创建逐帧（FrameByFrame）动画的方法可分为两种，一种是在Flash中逐帧逐帧地制作矢量分解动作，由不同的帧内容形成动画，另一种方法是从外部导入在其它绘图软件中制作出来的分解动作的连续文件，如Gif序列图。下面我们结合案例来解释如何创建逐帧动画。一、逐帧动画二、补间动画补间动画是Flash最基本的一种动画形式补间动画包括形状补间动画和动画补间动画补间动画只需要绘制起始帧和结束帧，而中间的全部帧由补间来完成。二、补间动画1.形状补间动画技术

形状补间动画就是将对象变形的动画，形状补间动画只能用于属性为形状的对象，也就是说形状补间动画是针对形状变化的动画.创建方法：（1）开始帧创建一个对象的开始形状（2）结束帧创建要变成的终止形状（3）单击开始关键帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的下拉列表中选择“形状”。（或右击选择“创建补间形状”）2.动画补间动画技术动作补间动画就是在动画中只出现同一对象的移动、缩放、旋转或变色，就是针对同一对象的移动、缩放、旋转或变色的运动。创建方法：（1）开始帧创建一个对象（2）结束帧改变这个对象的大小、颜色、位置等（3）单击开始关键帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的下拉列表中选择“动画”。（或右击选择“创建补间动画”）动画补间创建好后，时间轴线的背景色变为淡紫色（淡蓝色），在起始帧和结束帧之间有一个长长的箭头。(如果创建动画补间动画没有成功，在时间轴上显示虚线)三、引导层动画引导层动画是物体按照一定的路径运动，而物体自身属性也可像前几种动画那样改变。引导层动画，至少设置一个引导层和一个被引导层，且引导层在上，被引导层在下。引导层只有一层，而被引导层可以有多层。被引导层上的对象，可以按照引导层上指定的路径运动。程序运行时，引导层是不可见的，只显示被引导的物体按照路径运动。四、遮罩动画遮罩动画，依字面而言，就是用一个物体遮住另一物体，通过添加补间形成的一种动画。这种动画至少需要一个遮罩层与一个被遮罩层。被遮罩层的对象只能显示遮罩层区域大小的图像。由于这种动画有一个遮罩层与一个被遮罩层，因此至少需要两层，当然被遮罩层可以有多层。遮罩动画的原理是：只有在遮罩层上编辑有图形的区域，才可以看到被遮罩层上的内容；如果是线条一定要将线