Flash动画制作教程(20210323004350)

1、Flash动画制作教程一、 Flash 介绍Flash是Macromedia公司的一个的网页交互动画制作工具。在Flash里我们把做成的动画文件称为电影， 实际上Flash中 的许多名词都与电影有关，包括帧、舞台和场景等。电影（包括 动画电影）放映时都是一帧一帧连续播放的，通常每秒 24帧。由 于视觉暂留的原因，我们看到的电影就是连续有动作的。Flash与 电影一样，也是要制成连续动作的图像，再输出播放就形成了电 影。输出的电影可以使用 Flash专有的电影格式，也可以输出成 其它图片格式，比如Gif动画。舞台Stage舞台是编辑电影的窗口，也就是文件窗口，你可以在里面作 图或编辑图像，也可以

2、测试播放电影。力 ktli ICT 匚tfXJi.MiL锄*»5和%皿皿出口 Fbah MKJ Htdi iEgLIbi.固 m。0 守葡31fc日述克津 Mfci=s，迪件削司-闫*1ee；F j*« G岳11 二±JAlpt*：f3DD> -二 Tuha'.hwScrlU u-时间轴Timeline每一块表示一帧。时间Flash将时间分割成许多同样的小块，轴上的每一小格就表示一帧，帧由左向右按顺序播放就形成了动 画电影。时间轴是安排并控制帧的排列及将复杂动作组合起来的 窗口。时间轴上最主要的部分是帧、层和播放指针。 ,_, T 1 一 - J .

3、u- "- 二1, I- J -二M-b , .- .帧 Frame关键帧Key Frame在电影制作中，通常是要制作许多不同的片断，然后将片断 连接到一起才能制成电影。对于摄影或制作的人来说，每一个片 断的开头和结尾都要做上一个标记，这样在看到标记时就知道这 一段内容是什么。在Flash里，把有标记的帧称为关键帧，它的作用与上面是一样 的。除此之外，关键帧还可以让 Flash识别动作开始和结尾的状 态。比如在制作一个动作时，我们将一个开始动作状态和一个结 束动作状态分别用关键帧表示，再告诉 Flash动作的方式，Flash 就可以做成一个连续动作的动画。对每一个关键帧可以设定特殊的

4、动作，包括物体移动、变形或做透明变化。如果接下来播放新 的动作，我们就再使用新的关键帧做标记，就象做动作的切换一 样。当然新的动作也可以用场景的方式做切换。场景Scene电影需要很多场景，并且每个场景的人物、时间和布景可能 都是不同的。与拍电影一样，Flash可以将多个场景中的动作组合 成一个连贯的电影。当我们开始要编辑电影时，都是在第一个场 景"Scene 1"中开始，场景的数量是没有限制的。对于简单的电影 是没有必要使用场景的。使用场景必须要学会使用Flash中的一 些命令场景1力场景1Al层 Layer层可以理解为一张张透明的胶片。我们可以在不同的层上做图，再叠放到一

5、起组成一个复杂的图片。 每个层本身都是透明的， 所以图像叠到一起时仍感觉象在同一个层上。当图像要重叠时， 排在时间轴的窗口中上面的层中的图像要覆盖排在下面层中的图 像。例如，鸟在云朵中飞翔，bird层中的图像要覆盖cloud层中的 图像，看起来就是鸟飞在云彩的前面，而不会隐藏到云彩的后面。使用过Photoshop的朋友会对层很熟悉。与 Photoshop一样，Flash中的层每个层中的图像与其它层中的图像都是不相关的；不同的地方是Flash中的层可以使用各自的时间轴，设定各自的动 作而互不干扰。朝 间 BT,65555053035打开Flash,舞台窗口将出现一个空白的电影。建立新的电影文件，

6、使用命令文件 > 新建。如果要对电影的尺寸进行修改，使用命令 修改 > 影片。你可以修改电影的尺寸、背景颜色。llv.Er vbc.1 a Fl 二h 工。关晶名一 1I ,一交件宴隔帽中 葺看9 拉入© 修改也 文本a婶0瞅麦看咀播A.R隹设电）lid）可副© bq（Ji蒂勤尔U二旦T1指强mqj坳散球融ifl+f2f* */ P。A SS 3/rrl|空吗拶ICIjH+J1干清西仲百的GJfflEs,工l匚0 / W E费 竹点 /少口Stt ft 口 mU klHSis *十二正状心*嗣1交友制定三工玉叵囹萼黑危困作气母观但一朝的烟那FW,解萼BE帧哂坦含

7、 ®Ctirl-KfE,讣至当皿Ctrl 4511 fc+5*E嘀分需墀1Ctrl+F分言望1 图 EClrl+ftufCtDc ilk?在电影中制作图形可以使用 Flash中提供的制图工 具，这些工具与其它做图软件提供的工具基本是一样的。 如果要在Flash中制作出好的电影，必须先花时间熟悉这 些工具的用法及特点，获得感性认识后就可以任意发挥你 的想象了。Flash也可以对其它格式的图片进行编辑。它可以打 开多种格式的图片文件，也可以导入动画文件，比如 Gif 动画及其它的动画图片的序列。动画制作1、 变形动画制作相关知识：帧、关键帧、空白关键帧1) 绘图工具的认识(画笔、椭圆、矩

8、形)2) 旋转工具的使用(面板 转换)位3) 一般变形动画制作步骤步骤1:新建一个文件;步骤 2:在屏幕上绘制一个任意图形；步骤3:在时间轴30帧处单击鼠标右键，插入“空白关键*EK事 交详切 室指用 Wii)立力切 后划1 口 BDil：i WiJ生pAdKco * / * Qznlg/帧”； 步骤4:在该空白关键帧中，绘制另一个任意图形;-耒命名T J步骤5:在时间轴1帧处单击鼠标左键，找到“属性”面板;*尸<</我感 k / A* O / ® /步骤6:在下方的“属性”窗口中的“补间”中选择“形状”；步骤7:按键盘Ctrl + Enter ,运行动画练习:4) 制作

9、简单变形动画5) 制作多关键帧动画6) 制作形状提示点动画(长方形平行四边形)注意：在使用提示点的时候，先要制作成变形动画，然后 再去设定提示点，最后调整第一帧和最后一帧中的提示点位置。（修改 转换 添加形状提示点）2、 移动动画制作相关知识：移动动画与变形动画有所不同，不能直接在舞台上绘制图形。要移动的物品，必须是一个组件（有时翻译成“元件”，本讲义后续章节都用“组件”）。新建 插入©修改通）文本©组建的方法为：菜单“插入新建元件”。 " 转换为元件也）.一 78新建元件皿）.一Ctrl+F组件（元件）：相当于一个零件。在制 i图层（U 作动画过程中，可以把整个

10、画面上的物品分别做成一个个小的 组件。往往动画的画面是通过调用不同的组件，拼装而成的。 其优点是，当动画制作完成后，可以对这些零件进行加工（如 颜色、线条等），而不需要作其他修改。同时，利用组件可以 使一张图形重复被使用。组件有三种类型：图形、影片剪辑、按钮1） 单层动画制作步骤步骤1:新建一个文件；步骤2 ：插入一个组件，命名为“ yuan ” ；名称如：打为Q）；片钮准高皴 | 帮助篡步骤3:在该组件中，绘制一个图形（图形尽量靠近中心点I irr sa«di « Fl axh. IX 1位置）；步骤4:单击“场景1”，回到场景；步骤5:单击菜单“窗口图库”；步骤6:选择

11、图库中的“ yuan”，将其拖曳到舞台左边;步骤7:在时间轴30帧处单击鼠标右键，选择“插入关键帧”；步骤8:把屏幕上的图形移动位置，至舞台的右边；步骤9:在时间轴1帧处单击鼠标右键;步骤10:在下拉的窗口中选择“创建补间动画”；Vheeqm di < n.nxhi 工f 茶 1As Z：J* / 二0>,分心/步骤11:按键盘Ctrl + Enter ,运行动画2） 多层动画制作制作多层动画，只是在原有的基础上，添加一个图层， 各层之间在动画的顺序上没有关联，各层动画独占一层， 只是在叠放层次上有所区别。层与层之间的叠放层次可以 调整。练习：1） 制作简单的移动动画1 （球上下弹

12、动）2） 制作简单的移动动画2 （天空中云朵在飘，小鸟在飞）3） 制作物体移动动画3 （移动几个方块到屏幕上，先移入一个方块，在屏幕上停留一会儿，再移出）4） 制作物体移入、停止、移出3、放大、缩小、扭曲、旋转动画制作相关知识：图片的导入与编辑。在 flash中，除了使用工具， 自己绘制相关图形外，还可以从外部把图片文件导入进去。对 于导入的图形，可以把它转换成图形组件，此后，就和其他的 组件一样使用。导入方法：文件 导入，选择相关的图形文件, 即可导入到flash中。导入后，根据需要可以把图片转换成组 件（如：制作移动动画，必须要使用组件）。1）放大、缩小动画制作步骤:步骤1 ：新建一个文件

13、；步骤2：插入一个组件，命名为“ fangkuai”;步骤3:在该组件中，绘制一个图形（图形尽量靠近中心点位置）；1*45 JI * T*电:刊刊 （0 /上Q! W：，拄BRHIH的即步骤4:单击“场景1”，回到场景;步骤6:选择图库中的“ fangkuai”，将步骤5:单击菜单“窗口 图库”；Z尹 。A O O其拖曳到舞台左边;步骤7:在时间轴30帧处单击鼠标右键，选择“插入关键帧”（注：此时，时间轴中，正好选中第30帧）；步骤8:使用箭头工具，选中30帧中的图形。'步骤9:选择工具中“任意变形工具”步骤10:用鼠标拖曳图形四周的小方块，调整其大小;工且，时同阴*文件如1郸

14、3;咽 宜春切 播人6 倬改叨 文本工）粒同口 由口切 帮助吸步骤11:在时间轴1帧处单击鼠标右键;步骤12:在弹出的窗口中“创建补间动画”；步骤13:按键盘Ctrl + Enter ,运行动画2) 扭曲动画的制作在选择箭头工具后(上面步骤 小方块上拖曳调整图形大小时,9) ' ,在图形四周出现的 可以使图形进行翻转(即调整过头)。其他步骤同上，即可产生物体翻转动画。3) 旋转动画的制作在flash中，可以控制物体根据某个轴心进行旋转,如旋转的风车。旋转动画制作步骤:步骤1:新建一个文件；步骤2：插入一个图形组件，命名为“leaf”; 步骤3:在该组件中，绘制一个圆形，并利用箭头工具调

15、整圆的边框，使其成为叶子状；步骤4:调整叶子位置，使其叶柄位置对准中心点位置；Fl<xbi H - L未命名-<步骤5:插入另一个图形组件，命名为“ windmill”; 步骤6:单击菜单“窗口 图库”； 步骤7：选择图库列表中的“ leaf”组件，将其拖曳至当前组件（即windmill ）中。共拖曳4次，拖曳出4片叶子。步骤8:使用任意变形工具进行旋转调整至风车样；步骤9:插入另一个影片剪辑 组件，命名为“rotate windmill”; 步骤10:从图库中，将windmill组件拖曳至舞台上，将其 中心点位置与当前组件的中心点位置对齐；步骤11:在时间轴30帧处单击鼠标右键，

16、选择“插入关键帧”（注：此时，时间轴中，正好选中第30帧）； DBedi*. Fl a 5 Ji. KX - 未命名 T文件的银珀岐 2S® 独入幻隹改® 文本9拄制口 里口/帮肋如步骤12:使用箭头工具，选中30帧中的图形。步骤13:选择工具栏中“任意变形工具”按钮选项。步骤14:用鼠标拖曳图形四周的小圆点，调整其旋转度数I »文件史）aeflg迓看年近AHJ修涉师文聿"控制冷时口如朝助比）上二步骤15:在时间轴1帧处单击鼠标右键;步骤16:在下拉窗口中选择“创建补间动画”；E*命名a 文件 safiui看看。蛇1 酶加文本g 超金© 苗口如

17、帮的如步骤17:按键盘Ctrl + Enter ,运行动画练习：1） 影子动画的制作1 （弹动的小球，加上影子）2） 影子动画的制作2 （青蛀走路，其地上的影子）3） 转动的风车动画制作，并为风车加上一个风车架遮罩动画制作 相关知识：自定义填充色、字体设置。除了系统默认提供的几种填充色外，用户可以自定义填充色（如定义一个彩色的圆环）CF .酒1法迎DH：,州3也叫edl（EI.向-此剧 百a：口二：;一"| 触 Hfi'Bi aq =5T应的填充方式，编辑对应的颜色使用文本工具 A ,输入字符后，在文字被选中的情况下，可以进行字体设置。可以从窗口下放“属性”中，设置字 体的颜

18、色、字体和大小 遮罩动画制作步骤：步骤1:新建一个文件；步骤2：插入一个图形组件，命名为“ yuan”; 步骤3:在该组件中，绘制一个圆形，使其填充色为渐变色;OId 15 2U ZS 30文件印曲强®叁看(D ®A1)能改也文本g控制口出咕助AcroiBcdi h Fl- l无机速一？步骤4：插入另一个图形 组件，命名为“ wenzi”; 步骤5:在该组件中使用文字输入工具，输入“ Flash动画 制作”(注意，选择文字输入工具后，在屏幕上用鼠标点击 后输入文字，不要使用鼠标拖曳一个矩形框后再输入，否则文字会自动换行)；文西E 金的（E） M '711：'

19、 HJ文本T g配口 亩口!1肥QDFlash动画制作步骤6:使用箭头工具，选中所输入的文字，选择菜单“窗 口面板字符”，调整文字的字体和大小；W: >198. & X: -131.1H. BD.O Y： =30.3A呆体T京叩 R 1之手姜善三外0 晨标准 W回自动箝进叁格式.工心小旦使用设计字体盘II 目标：步骤7:新建影片剪辑组件，命名为“ zhezhaS;步骤8:单击菜单“窗口 图库”； 步骤9:（此时，时间轴中只有一个图层）先将图库中的“yuan”组件拖曳出来（即拖曳到图层 1所在的舞台上）；-* x 卫倬切 值中 整鼻43 件节拿 了本g 在刷口 由口3 *器取工日

20、Fluh D步骤10:将该组件制作成一个左右移动的移动动画。（先调整组件的起始位置插入关键帧 调整该帧中的组件位置，即终点位置创建动画。K3bCBDBI：d.lM Fibril KI - L无标星-2J).回分. 如埠田1修仙0 5 义工I 通：|文木（D 拄电IQ luilj喀南卿步骤11:锁定第一个图层；步骤12:插入新的图层（图层2）;步骤13:从图库中，将“wenzi”组件拖曳至图层2所在的 舞台（注意，视觉上当前的两个图层在同一个平面上，事 实上，他们在不同的图层中。在动画的运行过程中，每个 图层各自逐帧运行本图层中的动画， 与其他层无关）,调整 其位置至“ yuan”组件的移动路径

21、上；K»ee Dai:ila m F n_rh KI |.而乩朗一打IS- pX.宜杵0 看招5 事*g *入.中直:聿炉iSMtJ询口司料卿步骤14:鼠标右键单击时间轴左边的图层的命名处，选择“遮罩”。步骤15：回到“场景1”，从图库中拖曳“ zhezhaS组件至舞台上，并运行动画遮罩动画说明：遮罩动画有两个图层组成，总是在上面一 层上作遮罩。上面一个图层是遮罩的轮廓，下面一层是实际显 示的物品，动画运行过程中，只显示轮廓所在位置后面的物品。练习:1） 先去除原先的遮罩（鼠标右键单击时间轴左边的图层的命名处，再次选择“遮罩”），调换两个图层的位置，再做 遮罩，观察动画运行结果。2）

22、 导入一张外部的图片，将其转换成组件。然后，按照上面的制作步骤，制作一个欣赏图片的遮罩动画。（提示：遮 罩的方式可以是移动动画、变形动画、放大缩小动画、旋 转动画）3） 制作一个类似开幕和闭幕的动画。（提示，要制作一个放大、缩小的动画）5、路径动画制作相关知识：在动画的制作工程，经常会有一些误操作，可以使用编辑菜单中的“撤销”、“重复”命令来恢复前面的操作结果在修改动画的过程中，可以灵活操作时间轴中的帧。用 户在选择相应的一个或多个帧后，在选中的帧上单击鼠标右 键，便可以对其进行操作。下面介绍几个操作：插入帧：就是在该层中，从前一个关键帧中，连续填充 中间的空白帧，起到延长该图层中物品在动画运行过程中的显 示时间的作用；移除帧：把选中的一个帧或多个帧中的物品全部清除， 如果被选中的帧不是该图层中的结尾的帧，则后面的帧自动向 前移动。清除关键帧：该命令只能清除关键帧。路径动画制作步骤：（树叶下落）步骤1:新建一个文件；步骤2：插入一个图形组件，命名为“ yuan”; 步骤3:在该组件中，绘制一个圆