Flash基本动画制作分析
从图1.2可以看出,动画播放一次的时间为0.7 s,而在
延伸帧后,动画播放一次的时间为2.4 s,即通过延伸帧,可
以延长动画的播放时间。 技巧:用户还可以在按住“Alt”键的同时,拖曳某帧到 需要延伸到的那一帧上,对该帧进行延伸。
2 逐帧动画的制作
逐帧动画由许多关键帧组成,例如,要制作一个20帧的
Flash提供渐变动画的制作方法,即用户只需制作几个主要
的关键帧,然后由Flash通过插值计算自动生成中间各帧。 3.1 运动渐变动画 运动渐变动画是渐变动画的一种,在Flash中可以制作 丰富多彩的运动渐变动画效果。例如,使对象移动、缩放、 旋转、变色或变形等。制作运动渐变动画的前提是关键帧中 的对象必须是元件,将舞台中的对象转换为元件的操作步骤
致。要添加关键帧,可以执行下列操作之一。
图1.1 制作动画各帧
(1)在时间轴上选择某帧,按“F6”键。
(2)在时间轴上选择某帧,选择“插入”→“时间轴”
→“关键帧”命令。 (3)在时间轴上选择某帧,然后单击鼠标右键,在弹 出的快捷菜单中选择“插入关键帧”命令。 在添加关键帧时,前面关键帧中的内容自动出现在舞台 上,如果在新关键帧中不希望有前面关键帧中的内容,可执 行下列操作之一插入空白关键帧。空白关键帧在时间轴中以
2.1 卡通头像逐帧动画各帧
注意:要学好逐帧动画,必须有一定的绘画能力,需要
用户经常锻炼,逐步提高。
下面以“矩形旋转”动画为例,来学习如何利用逐帧动 画表现对象的运动,操作步骤如下: (1)选择“文件”→“新建”命令,将会创建一个新 的动画文件。 (2)选择工具箱中的矩形工具,在属性面板中设置笔 触颜色为“无”,填充颜色为“灰色”,在舞台上绘制一个
1.3 延伸帧
当用户为动画制作背景时,通常需要制作一幅跨越许多 帧的静止图像,这就要在该层中将帧进行延伸,操作的步骤 如下: (1)在时间轴上选择需要延伸到的那一帧。
(2)选择“插入”→“时间轴”→“帧”命令或按“F
5”键即可。延伸帧在时间轴上以灰色方格显示,如图1.2所
示。
图1.2 延伸帧前后的效果
动画的制作过程实际上是改变连续帧中内容的过程,不
同的帧对应着不同的时刻。实际上,用户在舞台上看到的每
一帧都是静止的画面,只有当播放头以一定的速度沿各帧移 动时,才能在舞台上看到动画效果。 1.2 关键帧 关键帧是用来定义动画变化的帧,在时间轴中以实心圆 点显示,逐帧动画的每一帧都是关键帧。在Flash动画中, 关键帧的多少决定了动画的细致程度,关键帧越多动画越细
完成矩形另一侧面的旋转。
(10)按“Ctrl+Enter”键预览动画效果,如图2.9所示。
图2.9 效果图
7.2.2 直接导入逐帧动画
在制作逐帧动画时,除了可以在舞台上逐帧绘制图形以
外,还可以直接导入一组图片生成逐帧动画。下面结合实例
进行介绍,操作步骤如下:
(1)选择“文件”→“新建”命令,将会创建一个新 的动画文件。 (2)选择“文件”→“导入”→“导入到舞台”命令, 弹出“导入”对话框,选中图片组中的第一张图片,如图2.
空心圆圈显示,如果在其中加入内容,它将转变为关键帧。
(1)在时间轴上选择某帧,按“F7”键。
(2)在时间轴上选择某帧,然后选择“插入”→“时
间轴”→“空白关键帧”命令。 (3)在时间轴上选择某帧,单击鼠标右键,在弹出的 快捷菜单中选择“插入空白关键帧”命令。 如果要删除关键帧,首先将其选中,然后单击鼠标右键, 在弹出的快捷菜单中选择“清除关键帧”命令即可。
(7)选中“图层2”的第1帧,然后在其中绘制矩形,如
图2.7所示。
注意:为了使用户能看清楚,“图层1”中的矩形是用线
框形式来表示的。
(8)在第2帧中插入关键帧,并使用选择工具将该帧中 的矩形稍微变形,如.2.8所示。
图2.7 在“图层2”的第1帧中绘制矩形
图2.8 变形“图层2”第2帧中的矩形
(9)同样,插入其他各帧并对其中的矩形做变形处理,
逐帧动画,必须创建20个关键帧。创建逐帧动画非常费时,
因为它的每一帧都是关键帧,用户需要将每一帧的内容都制 作出来。逐帧动画文件往往比较大,下载速度也很慢。下面 介绍两种制作逐帧动画的方法。 2.1 绘制逐帧动画 绘图是逐帧动画的基础,例如要制作一个卡通头像逐帧 显示的动画,需要在各帧绘制图形,如图2.1所示。
10所示。
图2.10 “导入”对话框
注意:图片组中的图片要遵循一定的命名规范,即它们
必须是以数字结尾的,并且组中的其他图片都位于相同的文
件夹中。 (3)单击“打开”按钮,弹出如图7.2.11所示的提示框, 询问用户是否导入所有图片。
图2.11 提示框
(4)如果单击“是”按钮,将导入图片组中的所有图 片;如果单击“否”按钮,将只导入选中的图片;如果单击
变形为如图2.4和图2.5所示的形状。
第16帧中的矩形
图2.4 变形第9帧中的矩形
图2.5 变形第16帧中的矩形
(5)选中第20帧,选择“插入”→“时间轴”→“帧”
命令或按“F5”键,插入帧(见图2.6),至此,完成矩形一
个侧面的旋转。
图2.6 插入帧
(6)单击时间轴面板中的“插入图层”按钮,新建 “图层2”,并将其拖至“图层1”的下面。
“取消”按钮,则取消导入操作。这里单击“是”按钮,导
入图片组中的所有图片,如图2.12所示。 导入的图片将被存储在库面板中,以便在场景或元件中 多次使用。
图2.12 图片组中的所有图片
(5)按Ctrl+Enter键预览动画效果,如图2.13所示。
图2.13 效果图
3 渐变动画的制作
制作逐帧动画的过程是非常烦琐的,工作量也大。因此
如下:
(1)选中舞台中的对象。
(2)按“F8”键,弹出如图3.1所示的“转换为元件”
对话框,对其中各项说明如下: 1)名称:输入元件的名称。 2)类型:选择元件的类型,有影片剪辑、按钮和图形3 个选项。
矩形,如图2.2所示。
(3)选中第2帧,按“F6”键插入关键帧。此时,在第2
帧中就有了和第1帧完全相同的内容,使用选择工具将该帧
中的矩形稍微变形,如图2.3所示。
图2.2 在第Leabharlann 帧中绘制矩形图2.3 变形第2帧中的矩形
(4)重复第(3)步的操作,插入其他各帧,并对其中
的矩形做变形处理。例如,将第9帧和