FLASH蝴蝶飞舞动画制作实用教案

1、一.蝴蝶的分元件(yunjin)绘制 为了方便我们制作动画，需要把蝴蝶的每一个运动的部分，利用FLASH时间轴里面的图层，分解的出来。 如下图： 注意： 1.根据每一个分解部分，重命名图层名称(mngchng)； 2. 正确排列图层顺序，让蝴蝶看起来真是可信。第1页/共43页第一页，共44页。第2页/共43页第二页，共44页。蝴蝶(hdi)运动动画 观察，模仿真实蝴蝶的飞舞，制作一个(y )蝴蝶飞的动画。如下图 在时间轴上制作一个(y )四帧关键帧动画效果，做成一拍二，共八帧。第3页/共43页第三页，共44页。 第一步： 根据我们已经画好的蝴蝶，在时间抽第三(d sn)帧的位置插入一个关键帧。

2、方法如下： 全选时间轴三个图层里面的第三(d sn)帧第4页/共43页第四页，共44页。 按快捷键F6键，插入(ch r)关键帧第5页/共43页第五页，共44页。 第二步： 在舞台里面， 利用轴心点和任意(rny)变形工具。 调整第三帧关键帧的蝴蝶飞舞动画第6页/共43页第六页，共44页。第7页/共43页第七页，共44页。 完成第三(d sn)关键帧后的状态第8页/共43页第八页，共44页。 第三步 用前面的方法(fngf)继续在时间抽第五帧的位置插入一个关键帧。第9页/共43页第九页，共44页。 第四步 在舞台里面， 利用轴心点和任意变形工具。 调整第五帧关键帧的蝴蝶(hdi)飞舞动画 如下

3、图：第10页/共43页第十页，共44页。第11页/共43页第十一页，共44页。 第五步 用前面的方法(fngf)继续在时间抽第七帧的位置插入一个关键帧。第12页/共43页第十二页，共44页。 第六步 在舞台里面(lmin)， 利用轴心点和任意变形工具。 调整第七帧关键帧的蝴蝶飞舞动画 如下图：第13页/共43页第十三页，共44页。第14页/共43页第十四页，共44页。整体(zhngt)调整蝴蝶的位置 根据我们之前看到的图片调整每一个关键帧的位置，如下图：第三(d sn)关键帧最低，依次是第二，第一关键帧，第四关键帧最高，第15页/共43页第十五页，共44页。制作(zhzu)引导层动画 第一步：

4、 先把刚刚(gng gng)做好的蝴蝶动画做成一个图形元件。步骤如下： 1.鼠标左键拖动全选时间轴里面的帧第16页/共43页第十六页，共44页。第17页/共43页第十七页，共44页。 2.鼠标左键拖动全选时间轴里面的帧，在帧选中的状态，点击(din j)鼠标右键，找到“剪切帧”鼠标左键单击确定，时间轴上的所有帧被剪切第18页/共43页第十八页，共44页。 3.在“插入”菜单(ci dn)里面鼠标左键单击“新建元件-快捷键：Ctrl+F8”命令， 弹出新建元件对话框：填入名称：蝴蝶飞舞，类型选择：图形。点击确定。第19页/共43页第十九页，共44页。第20页/共43页第二十页，共44页。 4.在

5、蝴蝶(hdi)飞舞元件内部的时间轴上选择第一帧空白关键帧第21页/共43页第二十一页，共44页。 5.点击鼠标右键，找到“粘贴帧”命令，鼠标左键单击确认， 刚刚剪切的蝴蝶动画就粘贴到了“蝴蝶飞舞(fiw)”元件内部第22页/共43页第二十二页，共44页。 6.点击“场景(chng jng)1”，回到场景(chng jng)一舞台第23页/共43页第二十三页，共44页。 7.这个时候场景一舞台(wti)什么都没有，时间轴里面也没有关键帧，只有空白关键帧第24页/共43页第二十四页，共44页。 8.在“窗口(chungku)”菜单找到“库”，鼠标左键点击打开第25页/共43页第二十五页，共44页。

6、 9找到“蝴蝶飞舞”图形元件(yunjin)，鼠标左键点击拖动到舞台上第26页/共43页第二十六页，共44页。 10.到此为止，之前做得蝴蝶动画，作为一个单一的元件(yunjin)出现在舞台上第27页/共43页第二十七页，共44页。制作(zhzu)引导层动画 1.重新命名图层名称(mngchng)：蝴蝶飞舞， 延长时间轴上的帧数到60帧第28页/共43页第二十八页，共44页。 2.鼠标左键选中“蝴蝶(hdi)飞舞”这个图层第29页/共43页第二十九页，共44页。 3.鼠标左键选中“蝴蝶飞舞(fiw)”这个图层，同时按下鼠标右键，找到“添加引导层”，鼠标左键单击选中第30页/共43页第三十页，共

7、44页。 4.选择(xunz)引导层第一帧空白关键帧，用铅笔工具在舞台上画一条曲线第31页/共43页第三十一页，共44页。第32页/共43页第三十二页，共44页。 5.回到“舞蝶飞舞”图层，在第60帧的位置(wi zhi)插入一个关键帧第33页/共43页第三十三页，共44页。 6.制作一个从右往左飞舞的蝴蝶的补间动画 首先回到第一帧的位置，把蝴蝶的中心(zhngxn)轴点对准引导层线条的右侧端点第34页/共43页第三十四页，共44页。第35页/共43页第三十五页，共44页。 6.制作一个从右往左飞舞的蝴蝶的补间动画 首先回到第一帧的位置(wi zhi)，把蝴蝶的中心轴点对准引导层线条的右侧端点

8、 第二步，到第60帧的位置(wi zhi)，把蝴蝶的中心轴点对准引导层线条的左侧端点第36页/共43页第三十六页，共44页。第37页/共43页第三十七页，共44页。 6.制作一个从右往左飞舞的蝴蝶的补间动画 首先回到第一帧的位置，把蝴蝶的中心轴点对准(du zhn)引导层线条的右侧端点 第二步，到第60帧的位置，把蝴蝶的中心轴点对准(du zhn)引导层线条的左侧端点 第三步，鼠标左键选中第一关键帧，在“窗口”菜单里面找到“属性”，在“补间”里面选择“动画”，完成动画补间制作。第38页/共43页第三十八页，共44页。第39页/共43页第三十九页，共44页。 动画补间制作(zhzu)完成 引导层动画也完成。第40页/共43页第四十页，共44页。测试(csh)动画 在“控制”菜单，找到“测试影片(yngpin)”命令，鼠标左键单击，查看蝴蝶飞舞引导层动画制作效果第41页/共43页第四十一页，共44页。第42页/共43页第四十二页，共44页。感谢您的观看(gunkn)！第43页/共43页第四十三页，共44页。NoImage内容(nirng)总结一.蝴蝶的分元件绘制。根据我们(w men)已经画好的蝴蝶，在时间抽第三帧的位置插入一个关键帧。用前面的方法继续在时间抽第七帧的位置插入一个关键帧。弹出新建元件对话框：