flash动画制作第九课《运动动画接场效果》

太阳之子

1、准备3张100×100的图。
2、启动flash8软件，将准备好的图导入flash8软件的“元件库”中，然后新建3个元件，元件类型设为“影片剪辑”如图所示。

3、绘制3个100×100的无填充色的矩形，元件类型设“影片剪辑”矩形的坐标参数如图所示。
将矩形的参数宽100高100，X轴-50，Y轴-50。

4、将矩形拖入场景图层1中，将该图层命名为“矩形1”在该图层时间轴第10帧处，右击在弹出菜单中选择“插入关键”命令，然后选择第1至10帧任意一帧，右键在弹出菜单中选择创建移动补间动画，然后选择“矩形”图层第1帧处，单击“修改”、“变形”“缩放与旋转”命令，在弹出的对话框中设置参数为10%，如图所示。

场景图一

场景图二

5、新建2个图层，把矩形元件从“库”中拖入场景放在这2个新建图层各一次，选中第10帧，使用选择工具，选中舞台中所有的矩形，按ctrl+K打开对齐功能使3个矩形处于同一个水平线，如图所示。

6、选中图层2第1帧处，单击“修改”、“变形”、“旋转与缩放”命令，设置参数为10%，图层3的动画也是如此编辑，然后再次使用对齐功能。
7、新建图层把图片1放入新建图层，在新建图层第10帧处，右击然后再弹出的菜单中选择插入空白关键帧命令，然后把图片拖入场景方框内使用方向键可微调图片在舞台中的位置，也可把方框X与Y轴坐标参数值复制到图片的X与Y参数输入框内进行调整图片的位置。
8、选中图片层第10帧处在第20帧处插入关键帧，并创建移动补间动画，选中图片层第10帧处，选择“修改”、“变形缩放与旋转”命令，设置参数10%，选中方框图层2与方框图层3，然后右击在弹出的菜单中选择插入帧命令，如图所示。

9、新建图层2与图层3，然后将2图片放入方框内，此步骤与上面步骤7与步骤8的制作方法相同，故此此处不再赘述相同内容了。
10、选择方框1图层在第20帧处选择插入帧命令，如图所示。

11、分别选择图片图层的1、2、3图层，在第30帧处右击，在弹出的菜单中选择插入帧命令，如图所示。

12、选中图片1图层第10帧处，右击在弹出的菜单中选择复制帧命令，然后再选择图片图层的第30帧处，右击在弹出的菜单中选择粘贴帧命令，然后选中图片1图层第20至30帧处，任意一帧右击创建移动补间动画命令，如图所示。

制作完此步骤效果如图所示。

13、分别把图片的1、2、3、图层在第40帧处插入关键帧，并创建移动补间动画，如图所示。

14、选择图片图层2第40帧处，单击图片2元件，在属性面板中复制图片2的X轴坐标参数值，将此参数值复制到图片1元件的X轴坐标输入框内，图片图层3的动画也是如此编辑在此不再重述，如图所示。

15、选择图片2图层第50帧，右击在弹出的菜单中选插入关键帧命令并创建移动补间动画命令，如图所示。

然后单击 “修改”、“变形”“缩放与旋转”命令设置参数值为10%，如图所示。

图片元件缩放的还不够小，在使用任意变形工具将其缩放合适的大小为止，如图所示。

此为任意变形工具，如图所示。

16、新建一个元件命名为“线条”元件类型设“影片剪辑”新建一个图层命名为“线”如图所示。

17、在场景舞台“线”的图层第50帧处插入空白关键帧，如图所示。

在“线”的元件库里使用“直线工具”同时按住shift键在库里绘制一条直线，将库里的元件注册点使用任意变形工具调整至空心圈与十字重叠在一起如图所示。

18、返回至舞台中场景把库里“线”元件拖至“线”图层上单击第50帧处放好，如图所示。

红色方框为调整线条宽度参数的属性面板。
19、在线条图层第70帧处执行插入关键帧命令，并创建移动补间动画如图所示。

20、单击舞台线条元件，然后再单击图层第50帧处，将线条的宽度在属性面板里设置为10像素，并将注册点移动至舞台中央，如图所示。

21、新建一个图层，在第50帧处插入空白关键帧，然后，在新建一个元件命名为“矩形”，元件类型设为“影片剪辑”，在库里绘制一个无边框和线条一样宽度的矩形将此矩形填充的和背景相同的颜色即可，如图所示，（此处我把此矩形填充为蓝色）。

并使用任意变形工具调整此矩形的宽度。
22、新建图层命名为文字，然后在文字图层第70帧处插入空白关键帧，并新建元件命名为“文字”在文字元件库里输入文字内容，再将制作好的“文字”元件放入“文字”图层上，并将“文字”元件调整至合适的位置，如图所示。

然后将文字图层移动至矩形图层下方，在文字图层的第80帧处插入关键帧，并创建移动补间动画，将线与文字图层执行插入帧命令，单击文字图层第80帧处使用方向键将文字元件移动线条上方即可，如图所示。

保存文件并测试影片效果，收工了。
最终效果如下。
https://bbs.fevte.com/forum.php?mod=attachment&aid=MzI1NjN8MzViMGQ5NjA1MDZiNTNkOTBiMWViMzFlMjE4MDhmYjR8MTcxNjMxNzMwNg%3D%3D&request=yes&_f=.swf
运动动画接场效果.swf (27.02 KB, 下载次数: 1148)

2010-6-6 21:09 上传

点击文件名下载附件

牧童