任务3 逐帧动画的制作

更新于 2026年10月10日 版权声明
任务3 逐帧动画的制作

图示

•逐帧动画的制作;

•动作补间动画的制作;

•形状补间动画的制作;

•引导线动画的制作;

•遮罩动画的制作。

图示

通过本任务的学习,读者可以掌握逐帧动画的制作方法。

图示

1.3种不同帧的区别

普通帧、关键帧、空白关键帧的插入方式如下:

(1)用鼠标右键。

(2)分别按F5、F6、F7键。

2.帧的长短与播放时间的关系

帧长则播放时间长,帧短则播放时间短。

图示

逐帧动画的制作——川剧变脸。

效果描述:本实例实现的是逐帧动画“川剧变脸”效果,整个作品主要应用逐帧动画来实现,其效果如图7-59所示。

图示

图7-59 “川剧变脸”效果

步骤1:新建一个Flash文档,然后单击“属性”面板中的“文档属性”按钮,在弹出的对话框中设置相关属性(影片尺寸为“500px×500px”,背景颜色为默认值),设置完后,单击“确定”按钮,如图7-60所示。

图示

图7-60 设置窗口相关属性

步骤2:选择“文件”→“导入”→“导入到库”命令,将制作实例所需的素材导入库中,如图7-61所示。

图示

图7-61 导入素材

步骤3:返回主场景,打开“库”面板,把库中的背景图片拖放到主场景中并调整其大小,如图7-62所示。

图示

图7-62 设置背景图片大小

步骤4:新建图层2,用来放各变化的脸谱并将图层2重命名为“脸谱”,将图层1重命名为“背景”,如图7-63所示。

图示

图7-63 新建图层并为其重命名

步骤5:打开“库”面板,将其中一张脸谱图片从库中拖放至“脸谱”图层的第1帧,每隔2帧按F7键插入空白关键帧。从“库”面板中拖放一张脸谱图片到工作区中,其位置和大小如图7-64所示。重复这个操作步骤,添加其他脸谱图片并按F5键将“背景”图层延续与“脸谱”图层同等长度,如图7-65所示。(https://www.daowen.com)

图示

图7-64 设置图片大小

图示

图7-65 帧的分布情况

步骤6:逐帧动画整个“川剧变脸”制作完成,保存作品后,按“Ctrl+Enter”组合键可预览最终效果,如图7-66所示。

图示

图7-66 最终效果

图示

知识点1 3种不同用途的帧

逐帧动画中涉及时间轴上的3种不同用途的帧,分别是关键帧、空白关键帧和普通帧,如图7-67所示。由于设计需要不同,因此在不同的时间片上应使用不同的帧。

1.关键帧

关键帧是Flash动画中最重要的帧,尤其在补间动画中,关键帧决定了动画过程的开始和结束。若看到关键帧,则表示这个帧内有动画内容,而且关键帧在动画过程中起着关键作用。

插入方法:在时间轴上单击鼠标右键,选择“插入关键帧”命令或按快捷键F6。

2.空白关键帧

空白关键帧也是关键帧,在动画过程中也起着关键作用,但这个帧中没有动画内容,俗称“空帧”。一旦空白关键帧中放置了动画内容,则空白关键帧自动转换为关键帧;同理,如果将一个关键帧的动画内容全部删除,则这个关键帧自动转换为空白关键帧。因此,关键帧与空白关键帧的最大区别就在于帧内是否有动画内容。

插入方法:在时间轴上单击鼠标右键,选择“插入空白关键帧”命令或按快捷键F7。

3.普通帧

普通帧在动画过程中并不起关键作用,只是用来继续显示左边离它最近的那个帧或空白关键帧的内容,延长动画的播放时间。

插入方法:在时间轴上单击鼠标右键选择“插入帧”命令。

知识点2 3种帧的关系

在图7-67所示的动画中,共有30帧。其中,第1帧是关键帧,表示该帧有动画内容;第16帧是空白关键帧,表示该帧是空的,没有动画内容;剩下的28帧则都是普通帧,其中第2~15帧用于延长第1帧(关键帧)的显示时间,第17~30帧用于延长第16帧(空白关键帧)的显示时间。

图示

图7-67 3种不同用途的帧

知识点3 逐帧动画中经常使用的工具

(1)橡皮擦工具图示:直接擦除多余的内容。

(2)选择工具图示:单击选择单个对象或按下鼠标左键拖动出矩形选取框选择单个或多个对象。

(3)套索工具图示:用于选择图形中不规则区域中的对象,分为“魔术棒”和“多边形模式”两种方式。

图示

从动画原理可以看出,逐帧动画的基本制作技术比较简单,主要就是根据需要制作每一帧的内容。在制作过程中应注意以下内容:

(1)一定要根据动画显示的先后顺序进行有序制作。

(2)如果前、后两帧的内容关联很大,只有部分或细微的差别,建议使用F6键或单击鼠标右键,在弹出的快捷菜单中选择“插入空白关键帧”命令,然后在此基础上进行修改。

(3)如果前、后两帧的内容差别很大,没有太多的联系,建议使用F7键或单击鼠标右键,在弹出的快捷菜单中选择“插入空白关键帧”命令,然后进行全新内容的制作。

(4)为使动画具有更好的效果,建议用户为每个动画添加一些合适的背景。

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)