|
12.1 制作直线伸长的动画
直线伸长动画是最简单一种动画效果,可以使用“动作”或“形状”补间动画生成,下面介绍使用“形状”补间动画制作的方法。
(1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档,在弹出的“新建文档”对话框中,选择“常规”选项卡下的“Flash文档”,如图12-1所示。单击【确定】按钮建立新文档。
(2)单击“属性”面板中的“大小”按钮,弹出“文档属性”设置对话框,设置尺寸为550×400px,背景颜色为白色,帧频为12fps,如图12-2所示。单击【确定】按钮,关闭对话框。
图12-1 新建文档 图12-2 设置文档属性
(3)选择工具栏中的铅笔工具,设置填充颜色为黑色,选项为“伸直”,如图12-3所示。
(4)在场景中绘制一小段直线段,设置线段长度为10像素,可以执行【窗口】→【设计面板】→【信息】菜单命令,打开信息面板,在该面板的“宽”文本框中输入长度数值,如图12-4所示。
图12-3 设置铅笔属性 图12-4 设置线段长度
(5)在时间轴的第30帧上单击右键,选择“插入关键帧”,或按“F6”键,如图12-5所示。
(6)在“信息”面板中设置第30帧上线段的宽度为400,如图12-6所示。
图12-5 插入关键帧 图12-6 设置第30帧上的线段宽度
(7)单击时间轴上的第一关键帧,然后在属性面板的补间下拉菜单中选择“形状”补间变化,其他参数默认,如图12-7所示。
图12-7 设置补间属性
(8)此时时间轴上两个关键帧之间出现绿色箭头线,表示两帧之间成功生成形状变化动画,如图12-8所示。
图12-8 时间轴
最后按“Ctrl+Enter”组合键,预览动画,一个10px长的线段会渐渐伸长至400px长度。
12.2 制作简单的几何变形
各种形状的几何图形都可以互相转换,以形成几何变形效果,主要利用了两个关键帧之间产生“形状”补间动作功能。
(1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮,弹出“文档属性”设置对话框,设置尺寸为550×300px,背景颜色为白色,帧频为12fps,如图12-9所示。
图12-9 设置文档属性
(2)选择工具栏中的椭圆形绘图工具,在第一帧的场景左侧绘制一个黑色圆形,如图12-10所示。
(3)在时间轴的第25帧和第50帧上按“F6”键插入关键帧,删除第25帧场景中的圆形,然后在场景中央绘制一个红色矩形,如图12-11所示。
图12-10 绘制圆形 图12-11 在第25帧上绘制矩形
(4)将第50帧上的圆形移动到场景的右侧,如图12-12所示。
(5)分别在第1帧和第25帧的属性面板中设置补间属性为“形状”,如图12-13所示。
图12-12 设置第50帧 图12-13 设置补间属性
(6)在时间轴的关键帧之间会出现绿色箭头线,各个关键帧之间的几何变形情况如图12-14所示。
图12-14 几何变形效果
12.3 制作图像的放大与缩小
图像的放大与缩小经常会在一些动画中看到,在网页Banner或其他地方也经常会使用这种最基本的动画技法。在制作这个效果之前,首先准备好一张图像以备导入到Flash中。
(1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮,弹出“文档属性”设置对话框,设置尺寸为600×400px,背景颜色为白色,帧频为12fps,如图12-15所示。
图12-15 设置文档属性
(2)执行【文件】→【导入】→【导入到库】菜单命令,如图12-16所示。
(3)在弹出的“导入到库”对话框中,选择要导入的图片文件,单击“打开”按钮,将图像导入到Flash的库中,如图12-17所示。
图12-16 执行“导入到库”命令 图12-17 导入到库
(4)按“Ctrl+L”组合键,打开库,将图片拖放到场景中,如图12-18所示。
图12-18 将图片拖放到场景中
(5)此时的图片比工作区大很多。使用“缩放”工具适当地改变它的大小,使它适合工作区,如图12-19所示。
(6)在时间轴的第50帧上按“F6”键插入关键帧,使用缩放工具缩小图片,如图12-20所示。
(7)在时间轴的第1帧上单击鼠标右键,选择“创建补间动画”,如图12-21所示。到此为止,就完成了图片缩小动画的制作。
(8)下面继续制作图片放大的动画。在第100帧上按F6键插入关键帧,使用缩放工具放大图片,如图12-22所示。
图12-19 改变图片大小 图12-20 缩小第50帧上的图片
图12-21 创建补间动画 图12-22 放大第100帧上的图片
(9)在时间轴的第50帧上单击鼠标右键,选择“创建补间动画”,如图12-23所示。
(10)在第50帧和第100帧之间的时间轴上出现蓝色箭头线,表示在两个关键帧之间成功生成了补间动作。按“Ctrl+Enter”组合键预览动画,会看到图片由大到小再由小到大缩放的动画效果。
图12-23 创建补间动画
|