Flash动画制作教程.ppt

《Flash动画制作教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

Flash动画制作动作补间动画形状补间动画引导线动画遮罩动画 元件和实例元件：是一个可以重复使用的图像、按钮或影片剪辑，保存在文档的库中，通过库面板来组织和管理。实例：如果将元件放置在工作区中就创建了该元件的一个实例打开库面板：菜单[窗口]→[库]或按“F11”或“Ctrl”+“L” 图形元件的创建图形元件的创建选取舞台上已经画好的图形选菜单[插入]→[转换为元件]或按F8键，将已有图形转换成元件选择菜单[插入]→[新建元件]，建立新元件。返回场景，选菜单[窗口]→[库]，拖拽元件到舞台上，即可使用创建该元件的实例 动画文件的保存和播放保存动画文件保存原文件：菜单[文件]→[另存为]，flash文件是以.fla为扩展名保存，可对它进行编辑和修改。最终结果：菜单[文件]→[导出影片]，将flash文件保存为影片发布格式，是以.swf为扩展名的文件，这种格式文件不能编辑修改。播放动画舞台上观看：按Enter键，再次按Enter键停止播放播放器播放按[Ctrl]+[Enter]键或选择菜单[控制]→[测试影片]项，打开独立播放器播放动画，同时产生一个扩展名为.swf格式的动画文件。 Flash动画Flash动画分类逐帧动画和补间动画逐帧动画逐帧动画：需要为动画的每一帧创建内容补间动画：动作补间动画：在起始帧和结束帧之间创建运动变化形状补间动画：在起始帧和结束帧之间创建形状变化补间动画的中间渐变过程由flash自动完成 逐帧动画例—脚印选择菜单[文件]→[新建]，建立一个新动画选取第1帧，使用画笔工具在舞台上画出一个小脚印选定脚印，选“任意变形”工具，调整好大小和方向选“箭头”工具，[插入]—[转换成元件]（起名：右）选“任意变形”工具，将脚印调整为左脚印。选“箭头”工具，[插入]—[转换成元件]（起名：左）将时间轴的第1帧的左脚印调整好位置，在第5个帧上按F6键插入一个新关键帧，按F11键打开库面板，将“右”脚印元件拖入到适当位置。在第10帧上增加一个关键帧，从库中将“左”脚印元件拖入到适当位置。使用上述同样方法在15、20、25……帧分别插入关键帧，拖入左脚印和右脚印元件。按Enter键或Ctrl+Enter键，观看动画。 形状补间动画形状补间主要适用于图形对象的形状变化将两个不同形状的图形分别放在两个关键帧上，在两个关键帧之间可以制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变对于组合图形、文本块、位图等要进行形状渐变，则必须先选择[修改]---[分离](BreakApart打散)命令使之变成分离的图形，才能进行变形 形状补间例1新建文件，背景选黑色选择菜单[文件]→[导入到库]，将“flower.jpg”图片导入到库中，按“F11”，打开库面板，选中第1帧，将位图拖入到舞台。选中图片，选择[修改]→[分离]，将位图打散。选工具箱的“套索”工具，利用“魔术棒”将花朵之外选取，删除。在第50帧，按F6键，插入关键帧，选择“文本”工具，字体为“Webdings”,大小72，黄色，输入多个小写字母“L”，得到多个星形图案。选择“箭头”工具，单击选定星形图案，选择[修改]→[分离]两次，将文字分离成图形选1～50帧的任意一帧，创建“形状”补间。动画制作完成，按Ctrl+Enter键，观看动画 填充变形新建一个flash动画，300*300选择工具箱中的椭圆工具，在下方的属性面板中设置参数的线框颜色设置成红色，线框宽度设置成1，线形选虚线。按住Shift键，在舞台中间绘制无填充的圆形（矩形也可以）在第50帧按F6键插入关键帧，用“箭头”工具选定圆形，[修改]—[形状]---[将线条转换为填充]选中第1～50任意一帧，在属性面板上设置补间为“形状”。新建一图层，绘一小圆(线形虚点，宽度5），将其转换成元件，在50帧插入关键帧，设置动作补间，旋转2次。 动作补间动画动作补间动画是给一个物体在两个关键帧分别定义不同的属性，如颜色、大小、方位、角度等性质。并在两关键帧之间建立一种变化关系（运动渐变关系），既只需定义引起变化的关键帧动作补间动画可以是位移、缩放、旋转等，还可以是颜色的渐变、或淡入淡出。 文字变大变小新建立flash动画，将舞台大小改为宽750，高300将“图层1”改名为“背景”，[文件]---[导入]，选“背景1.jpg”导入到舞台，选中图片，将图片属性的宽和高调整为舞台大小[修改]---[对齐]，打开对齐面板，分别“水平居中”“垂直居中”新建一“文字”图层，选“文字”工具（黑体，白色20），输入文字选定文字，复制、粘贴，将颜色改为蓝色，调整好位置选定两组文字，选择菜单[修改]→[组合]，组合图形。选定时间轴的第30帧，按F6键插入一关键帧。选择[窗口]---[变形]，打开变形面板，将文字宽度改为260%选定第50帧，插入关键帧，将文字宽度改为100%分别选第1帧和第30帧后的任一帧，设置补间为“动作” 播放动画舞台上观看按Enter键，再次按Enter键停止播放播放器播放按[Ctrl]+[Enter]键或选择菜单[控制]→[测试影片]项，打开独立播放器播放动画同时产生一个名为***.swf格式的动画文件，保存在与源文件***.fla相同的文件夹中 小球跳动（一）建立一个新的flash动画将时间轴上图层1的名字改为“地面层”选定第1帧，使用矩形工具绘制矩形作为地板选择菜单[插入]→[转换成元件]项，并将矩形转换为元件，放在舞台下部的左边合适位置选定第30帧，按F6插入关键帧，将第1帧复制过来的矩形，拖拽到舞台右下部合适的位置。选定第60帧，按F6键插入关键帧，将第30帧复制过来的矩形拖拽回到原来第1帧的位置在地面层的第1帧和第30帧上，分别单击鼠标右键，选择菜单[创建补间动画]，添加运动渐变，让矩形从左边运动到右边，再从右边运动回到左边。锁定将地面层 小球跳动（二）新建一个层，命名为“球层”选定球层的第1帧，选择椭圆工具，在舞台上画一个无边框的小球选定小球，将小球转换成为元件，拖动小球符号到舞台左边适当位置。选定球层的第30帧，按F6插入关键帧，将第1帧复制过来的小球图片拖动到舞台的右边适当的位置选定球层的第60帧，按F6插入关键帧，将第30帧复制过来的小球图片拖回到舞台的左边适当的位置 小球跳动（三）在球层的第1帧和第30帧上分别单击鼠标右键，选择菜单[创建补间动画]，在1到30帧之间和30到60帧之间添加运动渐变。在球层的第15帧处按F6键插入一个关键帧，选中第15帧，按住Shift键，将第15帧的小球在垂直方向拖动到贴近地面。同样在第45帧按F6插入一个关键帧，按住Shift键，将第45帧的小球在垂直方向拖动到贴近地面。动画制作完成，按Ctrl+Enter键，观看动画 文字翻转建立一个新的flash动画，文档大小400*300，背景黑色选文字工具，设置为隶书、40px、绿色粗体，输入文字并转换成元件。在第5帧处插入关键帧（延续文字初始状态）在时间轴的第30帧上插入关键帧，选择菜单[窗口]→[变形]，缩放为10%，在属性面板中设置颜色的Alpha选项为0%选定第5帧，在属性面板上设置补间为“动作”，旋转逆时针2次，添加运动渐变将第1帧复制到第60帧，选定第30帧，在属性面板上设置补间为“动作”，旋转顺时针2次，添加运动渐变完成动画制作，测试影片 由小变大的淡入动画bird从外部导入图片，则在符号库中就会保存有此图片。选定第1帧将图片放置在舞台左边适当位置，使用工具栏的缩放按钮，将图片缩小在时间轴的第1帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。选定时间轴的第20帧，按F6键插入一关键帧。选定第20帧，将第1帧复制过来的图片拖拽到舞台右边适当的位置，使用缩放工具将图片放大选定时间轴第1帧，在属性面板的颜色中选Alpha项，设置第1帧的透明度为20%,显示洋葱皮效果按Enter键，观看动画 遮罩效果为了得到特殊的显示效果，可以用遮罩层创建一个任意形状的“视窗”，在遮罩层下方层上的图象可以通过这个视窗显示出来，而视窗之外的图像将不会显示，这个视窗就是遮罩层遮罩层中可以包含形状、实例或字体对象。遮罩图形最终都显示为透明的“视窗”将某层设置为遮罩层后，遮罩层和被遮罩层自动锁定。若要对这些层作修改，需要解开锁定，编辑完成后要重新锁定。 文字遮罩(一)—文字视窗新建动画，并图层1命名为“椭圆”层选定第1帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆选定椭圆，选择菜单[插入]→[转换为元件]选定第1帧，拖动椭圆符号到舞台最左边的适当位置选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆图片拖动到舞台的最右边适当的位置在第1帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。然后锁定椭圆层。 文字遮罩（二）新建一个层，命名为“文字层”选择文字层时间轴的第1帧，选择文字工具，单击舞台右下角的文本图标，设置文字属性：黑体、60px、粗体、蓝色。输入文字“FLASH文字遮罩”，将文字放置在舞台上合适的位置，用它来产生视窗的透视效果选择时间轴的第30帧，按F6键插入一个关键帧，将文字层延长到此帧。在文字层上单击鼠标右键，选择菜单[遮罩层]项，此时文字层设置为遮罩层，并自动锁定遮罩层和被遮罩层在舞台上单击鼠标右键，选择菜单[文档属性]项，设置舞台背景为黑色动画制作完成，按Enter观看动画效果 图像遮罩(一)—图形视窗新建动画，将图层1命名为“图片层”选择第1帧，选择菜单[文件]→[导入]，导入一幅图片作背景选择时间轴的第60帧，按F6键插入一个关键帧，将图片延长到此帧。锁定图片层 图像遮罩（二）新建一个图层2，命名为“椭圆”层选定第1帧，使用椭圆工具在舞台上绘制一个渐变效果的填充椭圆。用它来产生视窗的透视效果。选定椭圆，将其转换为元件选定第1帧，拖动椭圆到舞台最左边的适当位置选择椭圆层时间轴的第30帧，按F6键插入一个关键帧。将第1帧复制过来的椭圆拖动到舞台的最右边适当的位置 图像遮罩（三）拷贝第1帧到第60帧处分别在第1帧和第30帧上单击鼠标右键，选择菜单[创建动画动作]，添加运动渐变。在椭圆层上单击鼠标右键，选择菜单[遮罩层]项，此时椭圆层设置为遮罩层，并自动锁定遮罩层和被遮罩层如果要修改，解开锁定即可动画制作完成，按Enter观看动画效果 添加向导层在向导层上绘制一些辅助图形，用来作为运动轨迹，让对象沿着某条路径运动变化。在运动过程中，可以改变物体的大小、颜色、方向等。这些辅助图形在播放动画时不显示出来。 气球的运动(一)—曲线运动新建flash动画文件从外部导入背景图片选定时间轴图层1的第1帧，将背景图片放入到舞台上，在第120帧按F6插入关键帧，将背景图片延伸到120帧。锁定图层1（背景图片层）。在图层1上增加一个新层图层2选图层2的第1帧，以库方式打开气球图片，导入一幅气球图片放置在舞台上。 气球的运动（二）选定图层2，单击鼠标右键，选菜单[添加引导层]，为图层2添加一个向导层选定引导层的第1帧，在引导层上绘制一条曲线，作为气球运动的轨迹。并在第120帧处按F6插入关键帧，曲线延伸到此帧。锁定向导层。选定图层2的第1帧，单击鼠标右键选择菜单[创建补间动画]，添加运动渐变，在120帧处插入关键帧，延伸到120帧。 气球的运动（三）选定图层2的第1帧，按下吸附工具，用鼠标拖动第1帧上的气球到轨迹曲线的起始点。在图层2的第60帧处添加一关键帧，将气球拖动到轨迹曲线的终点，并改变气球的大小。在图层2的第120帧处添加一关键帧，复制第1帧到第120帧动画制作完成，按Enter键，观看动画 圆周运动（一）新建FLASH文档，在图层1上导入地球图片建立新图层2，选定图层2的第1帧，绘制一个小圆形，选择菜单[插入]→[转换为元件]，将圆形设置成图片符号在图层2上，单击时间轴上的按钮[添加引导层]，增加一个引导层，命名为“圆”在引导层上绘制一个无填充的圆形框线，并在第20帧处按F6键插入关键帧，延伸图形到此。选定图层2，单击鼠标右键选择菜单[创建补间动画]，生成运动渐变 圆周运动（二）在图层2上，分别在第5、10、15、20帧处按F6插入关键帧单击工具栏的吸附工具，选定图层2的第1帧，拖动第1帧的圆形到圆周上的适当位置（左边）。在圆周上设置4个对称点，分别对应关键帧第5、10、15、20帧，把圆形分别放置在这4个对称点上。动画制作完成，按Enter键观看动画 图片移动动画设置新建FLASH文档，200*150导入几幅大小相同的图片到库中选图层1第1帧，将图片从舞台的左边开始依次排列对齐选定全部图片，选择菜单[修改]→[组合]，将全部图片组合成一个整体。在第10帧处插入关键帧。在第75帧处按F6键插入关键帧，将图形的右边与舞台的右边对齐，在85帧处插入关键帧。在第150帧处插入关键帧，复制第1帧到第150帧处。分别在第10帧和第85帧上单击鼠标右键选择菜单[创建补间动画]，生成运动渐变 动态文本通过文本框显示动态值：创建动态文本框，设置变量．再在动作面板中通过动作命令给变量赋值，并通过动态文本框显示出来 动态时间显示新建flash文件，设置背景为黑色选文字工具，输入静态文本，黄色文字和绿色文字的“现在时间”、“时”、“分”、“秒”等选择文字工具，在属性面板中选择动态文本，隶书、红色、单行，在静态文字“时”、“分”、“秒”前面拖拽出三个文本框线分别设置三个文本框的变量为：hour、minute、second选第１帧，在动作面板中的影片控制中添加脚本语句选第２帧，插入帧，测试影片 动作按钮的设置要设置影片中的交互式按钮。需先制作按钮元件，再创建按钮实例，并为按钮添加动作脚本。可以使用制作按钮元件的方法自己制作按钮也可以使用菜单[窗口]→[公用库]→[按钮]，打开按钮库，选择需要的按钮选定按钮，在动作属性面板的“影片控制”中，选择合适的脚本，添加相应的动作 使用按钮控制影片播放(一)新建FLASH文档在图层1的第1帧，绘制一个小圆形，选择菜单[插入]→[转换为元件]，将圆形设置成图片符号，并放置在舞台的左边在第30帧处按F6键插入关键帧，将小圆形放置在舞台的右边在第1帧上单击鼠标右键选择菜单[创建补间动画]，生成运动渐变然后选择第1帧，在动作属性面板右边的“影片控制”下双击stop命令，将脚本添加到右边的编辑区中 使用按钮控制影片播放(二)新建图层2选择菜单[窗口]→[公用库]→[按钮]，将按钮面板中“Playback”文件夹下的“gelRight”、“gelStop”、“gelLeft”三个按钮拖拽到舞台上合适的位置选定按钮“gelright”，在动作属性面板的“影片控制”中,将右边的窗口改成专家模式，输入脚本语句:on(press){play();} 使用按钮控制影片播放(三)同上方法，选定按钮“gelStop”，在动作属性面板的“影片控制”中,输入脚本语句：on(press){stop();}也可在左边窗口中分别双击on、press、stop这三个命令，脚本语句会自动添加到右边的编辑窗口中同上方法，选定按钮“gelLeft”，在动作属性面板的“影片控制”中,输入脚本语句：on(press){gotoAndStop(1);}测试影片 多个场景动画选择菜单[文件]→[打开]项，在场景一中建立新动画选择菜单[插入]→[场景]项，在场景二中建立新动画选择菜单[文件]→[导入影片]项，保存为.swf文件选择菜单[文件]→[保存]项，保存为.fla文件