12.1 制作直线伸长的动画(按钮制作)

《12.1 制作直线伸长的动画(按钮制作)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、12.1制作直线伸长的动画　　直线伸长动画是最简单一种动画效果，可以使用“动作”或“形状”补间动画生成，下面介绍使用“形状”补间动画制作的方法。　　（1）启动FlashMX2004，按“Ctrl＋N”组合键新建一个空白文档，在弹出的“新建文档”对话框中，选择“常规”选项卡下的“Flash文档”，如图12-1所示。单击【确定】按钮建立新文档。　　（2）单击“属性”面板中的“大小”按钮，弹出“文档属性”设置对话框，设置尺寸为550×400px，背景颜色为白色，帧频为12fps，如图12-2所示。单击【确定】按钮，关闭对话框。　　　　　　　　图1

2、2-1新建文档　　　　　　　　　图12-2设置文档属性　　（3）选择工具栏中的铅笔工具，设置填充颜色为黑色，选项为“伸直”，如图12-3所示。　　（4）在场景中绘制一小段直线段，设置线段长度为10像素，可以执行【窗口】→【设计面板】→【信息】菜单命令，打开信息面板，在该面板的“宽”文本框中输入长度数值，如图12-4所示。　　　　　　　　　　　　　　图12-3设置铅笔属性　　　　　　　图12-4设置线段长度25　　（5）在时间轴的第30帧上单击右键，选择“插入关键帧”，或按“F6”键，如图12-5所示。　　（6）在“信息”面板中设置第30帧上

3、线段的宽度为400，如图12-6所示。　　　　　　　　　　　　图12-5插入关键帧　　　　　　　　　　　　图12-6设置第30帧上的线段宽度　　（7）单击时间轴上的第一关键帧，然后在属性面板的补间下拉菜单中选择“形状”补间变化，其他参数默认，如图12-7所示。　　图12-7设置补间属性　　（8）此时时间轴上两个关键帧之间出现绿色箭头线，表示两帧之间成功生成形状变化动画，如图12-8所示。　　图12-8时间轴　　最后按“Ctrl＋Enter”组合键，预览动画，一个10px长的线段会渐渐伸长至400px长度。25　　12.2制作简单的几何变形（

4、形状补间动画）　　各种形状的几何图形都可以互相转换，以形成几何变形效果，主要利用了两个关键帧之间产生“形状”补间动作功能。　　（1）启动FlashMX2004，按“Ctrl＋N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮，弹出“文档属性”设置对话框，设置尺寸为550×300px，背景颜色为白色，帧频为12fps，如图12-9所示。　　图12-9设置文档属性　　（2）选择工具栏中的椭圆形绘图工具，在第一帧的场景左侧绘制一个黑色圆形，如图12-10所示。　　（3）在时间轴的第25帧和第50帧上按“F6”键插入关键帧，删除第25帧场

5、景中的圆形，然后在场景中央绘制一个红色矩形，如图12-11所示。25　　　　　　　　　　图12-10绘制圆形　　　　　　　　　　　　　图12-11在第25帧上绘制矩形　　（4）将第50帧上的圆形移动到场景的右侧，如图12-12所示。　　（5）分别在第1帧和第25帧的属性面板中设置补间属性为“形状”，如图12-13所示。　　　　　　图12-12设置第50帧　　　　　　　　　　　　　　　　图12-13设置补间属性25　　（6）在时间轴的关键帧之间会出现绿色箭头线，各个关键帧之间的几何变形情况如图12-14所示。　　图12-14几何变形效果　　1

6、2.3制作图像的放大与缩小　　图像的放大与缩小经常会在一些动画中看到，在网页Banner或其他地方也经常会使用这种最基本的动画技法。在制作这个效果之前，首先准备好一张图像以备导入到Flash中。　　（1）启动FlashMX2004，按“Ctrl＋N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮，弹出“文档属性”设置对话框，设置尺寸为600×400px，背景颜色为白色，帧频为12fps，如图12-15所示。图12-15设置文档属性　　（2）执行【文件】→【导入】→【导入到库】菜单命令，如图12-16所示。　　（3）在弹出的“导入到

7、库”对话框中，选择要导入的图片文件，单击“打开”按钮，将图像导入到Flash的库中，如图12-17所示。25　　　　　　　　　图12-16执行“导入到库”命令　　　　　　　　　　　图12-17导入到库　　（4）按“Ctrl＋L”组合键，打开库，将图片拖放到场景中，如图12-18所示。　　图12-18将图片拖放到场景中　　（5）此时的图片比工作区大很多。使用“缩放”工具适当地改变它的大小，使它适合工作区，如图12-19所示。　　（6）在时间轴的第50帧上按“F6”键插入关键帧，使用缩放工具缩小图片，如图12-20所示。　　（7）在时间轴的第1

8、帧上单击鼠标右键，选择“创建补间动画”，如图12-21所示。到此为止，就完成了图片缩小动画的制作。　　（8）下面继续制作图片放大的动画。在第100帧上按F6键插入关键帧，使用缩放