Flash动画制作教程.ppt

1、Flash动画制作,动作补间动画 形状补间动画 引导线动画 遮罩动画,元件和实例,元件：是一个可以重复使用的图像、按钮或影片剪辑，保存在文档的库中，通过库面板来组织和管理。实例：如果将元件放置在工作区中就创建了该元件的一个实例,打开库面板： 菜单窗口库 或 按“F11” 或 “ Ctrl”+“L”,图形元件的创建,图形元件的创建 选取舞台上已经画好的图形 选菜单插入转换为元件或按F8键，将已有图形转换成元件 选择菜单插入新建元件，建立新元件。 返回场景，选菜单窗口库，拖拽元件到舞台上，即可使用创建该元件的实例,动画文件的保存和播放,保存动画文件 保存原文件：菜单文件另存为， flash文件是以

2、.fla为扩展名保存，可对它进行编辑和修改。 最终结果：菜单文件导出影片，将flash文件保存为影片发布格式，是以.swf为扩展名的文件，这种格式文件不能编辑修改。 播放动画 舞台上观看：按Enter键，再次按Enter键停止播放 播放器播放 按Ctrl+Enter键或选择菜单控制 测试影片项，打开独立播放器播放动画，同时产生一个扩展名为.swf格式的动画文件。,Flash动画,Flash动画分类 逐帧动画和补间动画 逐帧动画 逐帧动画：需要为动画的每一帧创建内容 补间动画： 动作补间动画：在起始帧和结束帧之间创建运动变化 形状补间动画：在起始帧和结束帧之间创建形状变化 补间动画的中间渐变过程

3、由flash自动完成,逐帧动画 例脚印,选择菜单文件新建 ，建立一个新动画 选取第1帧，使用画笔工具在舞台上画出一个小脚印 选定脚印，选“任意变形”工具，调整好大小和方向 选“箭头”工具，插入转换成元件（起名：右） 选“任意变形”工具，将脚印调整为左脚印。 选“箭头”工具，插入转换成元件（起名：左） 将时间轴的第1帧的左脚印调整好位置，在第5个帧上按F6键插入一个新关键帧，按F11键打开库面板，将“右”脚印元件拖入到适当位置。在第10帧上增加一个关键帧，从库中将“左”脚印元件拖入到适当位置。 使用上述同样方法在15、20、25帧分别插入关键帧，拖入左脚印和右脚印元件。 按Enter键或Ctrl

4、+Enter键，观看动画。,形状补间动画,形状补间主要适用于图形对象的形状变化 将两个不同形状的图形分别放在两个关键帧上，在两个关键帧之间可以制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变 对于组合图形、文本块、位图等要进行形状渐变，则必须先选择修改 -分离 ( Break Apart打散)命令使之变成分离的图形，才能进行变形,形状补间 例1,新建文件，背景选黑色 选择菜单文件导入到库，将“ flower.jpg”图片导入到库中，按“F11”，打开库面板，选中第1帧，将位图拖入到舞台。 选中图片，选择 修改分离，将位图打散。 选工具箱的“套索”工具

5、，利用“魔术棒”将花朵之外选取，删除。 在第50帧，按F6键，插入关键帧，选择“文本”工具，字体为“Webdings”,大小72，黄色，输入多个小写字母“L”，得到多个星形图案。 选择“箭头”工具，单击选定星形图案，选择 修改分离 两次，将文字分离成图形 选150帧的任意一帧，创建“形状”补间。 动画制作完成，按 Ctrl +Enter键，观看动画,填充变形,新建一个flash动画，300*300 选择工具箱中的椭圆工具 ，在下方的属性面板中设置参数的线框颜色设置成红色，线框宽度设置成 1，线形选虚线。按住Shift键，在舞台中间绘制无填充的圆形（矩形也可以） 在第50帧按F6键插入关键帧，用

6、“箭头”工具选定圆形，修改形状-将线条转换为填充 选中第150任意一帧，在属性面板上设置补间为“形状”。 新建一图层，绘一小圆(线形虚点，宽度5），将其转换成元件，在50帧插入关键帧，设置动作补间，旋转2次。,动作补间动画,动作补间动画是给一个物体在两个关键帧分别定义不同的属性，如颜色、大小、方位、角度等性质。并在两关键帧之间建立一种变化关系（运动渐变关系），既只需定义引起变化的关键帧 动作补间动画可以是位移、缩放、旋转等，还可以是颜色的渐变、或淡入淡出。,文字变大变小,新建立flash动画，将舞台大小改为宽750，高300 将“图层1”改名为“背景”，文件-导入，选“背景1.jpg”导入到舞

7、台，选中图片，将图片属性的宽和高调整为舞台大小 修改-对齐，打开对齐面板，分别“水平居中”“垂直居中” 新建一“文字”图层，选“文字”工具（黑体，白色20），输入文字 选定文字，复制、粘贴，将颜色改为蓝色，调整好位置 选定两组文字，选择菜单修改组合，组合图形。 选定时间轴的第30帧，按F6键插入一关键帧。选择窗口- 变形，打开变形面板，将文字宽度改为260% 选定第50帧，插入关键帧，将文字宽度改为100% 分别选第1帧和第30帧后的任一帧，设置补间为“动作”,播放动画,舞台上观看 按Enter键，再次按Enter键停止播放 播放器播放 按 Ctrl+Enter键或选择菜单控制 测试影片项，打

8、开独立播放器播放动画 同时产生一个名为*.swf格式的动画文件，保存在与源文件*.fla相同的文件夹中,小球跳动（一）,建立一个新的flash动画 将时间轴上图层1的名字改为“地面层” 选定第1帧，使用矩形工具绘制矩形作为地板 选择菜单插入转换成元件项，并将矩形转换为元件，放在舞台下部的左边合适位置 选定第30帧，按F6插入关键帧，将第1帧复制过来的矩形，拖拽到舞台右下部合适的位置。 选定第60帧，按F6键插入关键帧，将第30帧复制过来的矩形拖拽回到原来第1帧的位置 在地面层的第1帧和第30帧上，分别单击鼠标右键，选择菜单创建补间动画，添加运动渐变，让矩形从左边运动到右边，再从右边运动回到左边

9、。锁定将地面层,小球跳动（二）,新建一个层，命名为“球层” 选定球层的第1帧，选择椭圆工具，在舞台上画一个无边框的小球 选定小球，将小球转换成为元件，拖动小球符号到舞台左边适当位置。 选定球层的第30帧，按F6插入关键帧，将第1帧复制过来的小球图片拖动到舞台的右边适当的位置 选定球层的第60帧，按F6插入关键帧，将第30帧复制过来的小球图片拖回到舞台的左边适当的位置,小球跳动（三）,在球层的第1帧和第30帧上分别单击鼠标右键，选择菜单创建补间动画，在1到30帧之间和30到60帧之间添加运动渐变。 在球层的第15帧处按F6键插入一个关键帧，选中第15帧，按住Shift键，将第15帧的小球在垂直方

10、向拖动到贴近地面。同样在第45帧按F6插入一个关键帧，按住Shift键，将第45帧的小球在垂直方向拖动到贴近地面。 动画制作完成，按Ctrl+Enter键，观看动画,文字翻转,建立一个新的flash动画，文档大小400*300，背景黑色 选文字工具，设置为隶书、40px、绿色粗体，输入文字并转换成元件。 在第5帧处插入关键帧（延续文字初始状态） 在时间轴的第30帧上插入关键帧，选择菜单窗口 变形，缩放为10%，在属性面板中设置颜色的Alpha选项为0% 选定第5帧，在属性面板上设置补间为“动作”，旋转逆时针2次，添加运动渐变 将第1帧复制到第60帧，选定第30帧，在属性面板上设置补间为“动作”

11、，旋转顺时针2次，添加运动渐变 完成动画制作，测试影片,由小变大的淡入动画bird,从外部导入图片，则在符号库中就会保存有此图片。 选定第1帧将图片放置在舞台左边适当位置，使用工具栏的缩放按钮，将图片缩小 在时间轴的第1帧上单击鼠标右键，选择菜单创建动画动作，添加运动渐变。 选定时间轴的第20帧，按F6键插入一关键帧。选定第20帧，将第1帧复制过来的图片拖拽到舞台右边适当的位置，使用缩放工具将图片放大 选定时间轴第1帧，在属性面板的颜色中选Alpha项，设置第1帧的透明度为20% , 显示洋葱皮效果 按Enter键，观看动画,遮罩效果,为了得到特殊的显示效果，可以用遮罩层创建一个任意形状的“视

12、窗”，在遮罩层下方层上的图象可以通过这个视窗显示出来，而视窗之外的图像将不会显示，这个视窗就是遮罩层 遮罩层中可以包含形状、实例或字体对象。遮罩图形最终都显示为透明的“视窗” 将某层设置为遮罩层后，遮罩层和被遮罩层自动锁定。若要对这些层作修改，需要解开锁定，编辑完成后要重新锁定。,文字遮罩(一)文字视窗,新建动画，并图层1命名为“椭圆”层 选定第1 帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆 选定椭圆，选择菜单插入转换为元件 选定第1帧，拖动椭圆符号到舞台最左边的适当位置 选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆图片拖动到舞台的最右边适当的位置 在第1

13、帧上单击鼠标右键，选择菜单创建动画动作，添加运动渐变。然后锁定椭圆层。,文字遮罩（二）,新建一个层，命名为“文字层” 选择文字层时间轴的第1帧，选择文字工具，单击舞台右下角的文本图标，设置文字属性：黑体、60px、粗体、蓝色。输入文字“FLASH文字遮罩”，将文字放置在舞台上合适的位置，用它来产生视窗的透视效果 选择时间轴的第30帧，按F6键插入一个关键帧，将文字层延长到此帧。 在文字层上单击鼠标右键，选择菜单遮罩层项，此时文字层设置为遮罩层，并自动锁定遮罩层和被遮罩层 在舞台上单击鼠标右键，选择菜单文档属性项，设置舞台背景为黑色 动画制作完成，按Enter观看动画效果,图像遮罩(一)图形视窗

14、,新建动画，将图层1命名为“图片层” 选择第1帧，选择菜单文件导入，导入一幅图片作背景 选择时间轴的第60帧，按F6键插入一个关键帧，将图片延长到此帧。 锁定图片层,图像遮罩（二）,新建一个图层2，命名为“椭圆”层 选定第1 帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆。 用它来产生视窗的透视效果。 选定椭圆，将其转换为元件 选定第1帧，拖动椭圆到舞台最左边的适当位置 选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆拖动到舞台的最右边适当的位置,图像遮罩（三）,拷贝第1帧到第60帧处 分别在第1帧和第30帧上单击鼠标右键，选择菜单创建动画动作，添加运动渐变。 在

15、椭圆层上单击鼠标右键，选择菜单遮罩层项，此时椭圆层设置为遮罩层，并自动锁定遮罩层和被遮罩层 如果要修改，解开锁定即可 动画制作完成，按Enter观看动画效果,添加向导层,在向导层上绘制一些辅助图形，用来作为运动轨迹，让对象沿着某条路径运动变化。在运动过程中，可以改变物体的大小、颜色、方向等。 这些辅助图形在播放动画时不显示出来。,气球的运动( 一)曲线运动,新建flash动画文件 从外部导入背景图片 选定时间轴图层1的第1帧，将背景图片放入到舞台上，在第120帧按F6插入关键帧，将背景图片延伸到120帧。锁定图层1（背景图片层）。 在图层1上增加一个新层图层2 选图层2的第1帧，以库方式打开气

16、球图片，导入一幅气球图片放置在舞台上。,气球的运动（二）,选定图层2，单击鼠标右键，选菜单添加引导层，为图层2添加一个向导层 选定引导层的第1帧，在引导层上绘制一条曲线，作为气球运动的轨迹。并在第120帧处按F6插入关键帧，曲线延伸到此帧。锁定向导层。 选定图层2的第1帧，单击鼠标右键选择菜单创建补间动画，添加运动渐变，在120帧处插入关键帧，延伸到120帧。,气球的运动（三）,选定图层2的第1帧，按下吸附工具，用鼠标拖动第1帧上的气球到轨迹曲线的起始点。 在图层2的第60帧处添加一关键帧，将气球拖动到轨迹曲线的终点，并改变气球的大小。 在图层2的第120帧处添加一关键帧，复制第1帧到第120

17、帧 动画制作完成，按Enter键，观看动画,圆周运动（一）,新建FLASH文档，在图层1上导入地球图片 建立新图层2，选定图层2的第1帧，绘制一个小圆形，选择菜单插入转换为元件，将圆形设置成图片符号 在图层2上，单击时间轴上的按钮添加引导层，增加一个引导层，命名为“圆” 在引导层上绘制一个无填充的圆形框线，并在第20帧处按F6键插入关键帧，延伸图形到此。 选定图层2，单击鼠标右键选择菜单创建补间动画，生成运动渐变,圆周运动（二）,在图层2上，分别在第5、10、15、20帧处按F6插入关键帧 单击工具栏的吸附工具，选定图层2的第1帧，拖动第1帧的圆形到圆周上的适当位置（左边）。在圆周上设置4个对

18、称点，分别对应关键帧第5、10、15、20帧，把圆形分别放置在这4个对称点上。 动画制作完成，按Enter键观看动画,图片移动动画设置,新建FLASH文档，200*150 导入几幅大小相同的图片到库中 选图层1第1帧，将图片从舞台的左边开始依次排列对齐 选定全部图片，选择菜单修改组合，将全部图片组合成一个整体。在第10帧处插入关键帧。 在第75帧处按F6键插入关键帧，将图形的右边与舞台的右边对齐，在85帧处插入关键帧。 在第150帧处插入关键帧，复制第1帧到第150帧处。 分别在第10帧和第85帧上单击鼠标右键选择菜单创建补间动画，生成运动渐变,动态文本,通过文本框显示动态值：创建动态文本框，

19、设置变量再在动作面板中通过动作命令给变量赋值，并通过动态文本框显示出来,动态时间显示,新建flash文件，设置背景为黑色 选文字工具，输入静态文本，黄色文字和绿色文字的“现在时间”、“时”、“分”、“秒”等 选择文字工具，在属性面板中选择动态文本，隶书、红色、单行，在静态文字“时”、“分”、“秒”前面拖拽出三个文本框线 分别设置三个文本框的变量为：hour 、minute、second 选第帧，在动作面板中的影片控制中添加脚本语句 选第帧，插入帧，测试影片,动作按钮的设置,要设置影片中的交互式按钮。需先制作按钮元件，再创建按钮实例，并为按钮添加动作脚本。 可以使用制作按钮元件的方法自己制作按钮 也可以使用菜单窗口公用库按钮，打开按钮库，选择需要的按钮 选定按钮，在动作属性面板的“影片控制”中，选择合适的脚本，添加相应的动作,使用按钮控制影片播放(