（中职）Flash CS6动画制作（第2版）1.3教学课件（）.ppt

《（中职）Flash CS6动画制作（第2版）1.3教学课件（）.ppt》由会员分享，可在线阅读，更多相关《（中职）Flash CS6动画制作（第2版）1.3教学课件（）.ppt（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）Flash CS6动画制作（第2版）1.3教学课件（工信版）L/O/G/O项目一项目一 FlashFlash制作基本功制作基本功任务任务3 3 学会制作逐帧动画和补间动画学会制作逐帧动画和补间动画任务目标1 12 23 34 4 了解关键帧、空白关键帧和普通帧的概念熟练逐帧动画的制作熟练形状补间动画的制作熟练动作补间动画的制作1.熟练逐帧动画制作1逐帧动画的概念 逐帧动画是一种常见的动画形式，是在每一帧上绘制不同的舞台内容，这些帧在时间轴上连续排列起来，顺序播放就形成了动画效果。逐帧动画形式源于传统的动画绘制，非常适合表现细腻，动作复杂的动画。2关键帧、空白关键帧和普通帧 帧是Flas

2、h动画的最基本单位，包括普通帧、关键帧、空白关键帧三种类型，在制作动画时，根据不同的需要选择不同的帧，如图1-3-1所示。图1-3-1【时间轴】面板上的各帧关键帧 是制作Flash动画最重要的帧，用来放置动画内容，并且所包含的内容可以进行编辑修改。它可以用来定义动画对象的变化，更改动画对象的开始和结束。在【时间轴】面板单击鼠标右键，选择“插入关键帧”即可，或者使用快【F6】捷键。空白关键帧 是指没有添加动画内容的关键帧。如果在空白关键帧上添加了内容，即可将空白关键帧自动转化为关键帧；反之，删除关键帧上的内容，关键帧即转化为空白关键帧。是否有动画内容，是关键帧和空白关键帧最大的区别。在【时间轴】

3、面板单击鼠标右键，选择“插入空白关键帧”即可插入，或者使用【F7】快捷键。1.熟练逐帧动画制作普通帧 是用来延长显示左边离它最近的关键帧或空白关键帧的动画内容，但是不能对动画内容进行编辑。在【时间轴】面板单击鼠标右键，选择“插入帧”即可，或者使用【F5】快捷键。3逐帧动画的类型（1）使用图片制作的逐帧动画。给连续多个帧分别导入多张静态图片，即可制作一个逐帧动画，导入图片的格式一般为jpg、png等。（2）使用绘制的矢量图制作的逐帧动画。用【工具箱】中的工具在舞台上给每一帧绘制动画内容，连续播放这些帧，就是一个逐帧动画。1.熟练逐帧动画制作（3）使用文字制作的逐帧动画。文字也可以作为制作逐帧动画

4、的素材元素，在舞台上输入文字，将这些文字添加到各帧中即可，文字逐帧动画可实现文字的旋转、跳跃等效果。（4）使用序列图像制作的逐帧动画。将gif图像、swf动画文件等素材导入Flash，按动画顺序把这些成序列的图片逐个放在不同的帧上，就可以制作成一个逐帧动画。1.熟练逐帧动画制作4逐帧动画的制作 制作简单的逐帧动画，只需要将多个连续的素材导入Flash中，然后把导入的素材按顺序添加到各个关键帧即可。制作逐帧动画的一般步骤为：在时间轴上依次添加关键帧，然后在这些关键帧上添加或编辑对象，设置对象大小和位置就可以制作出一段连续逐帧播放的动画。图1-3-2 添加关键帧及关键帧上的内容1.1.熟练逐帧动画

5、制作熟练逐帧动画制作案例 1-3-1 制作“打字机”动画效果 下面通过案例进一步熟悉逐帧动画的制作。看，“romantic”这个单词，一个字母一个字母跳跃出来，这不就是打字机在打字吗？哦，不是的，是神奇的Flash动画效果呀，如图1-3-3所示。图1-3-3 “打字机”动画效果2.熟练形状补间动画制作1形状补间动画的概念 形状补间动画是用来表现动画对象从一种物体状态到另一种物体状态的变化，例如动画对象之间颜色、大小、形状、位置的改变。它的操作对象必须是像素，对于文字或从外外部导入的图形图像，可通过Flash提供的【分离】命令，将其分离为像素。制作形状补间动画，只需要制作动画变形前和变形后的画面

6、，中间的变化过程由计算机自动完成。2制作形状补间动画的一般步骤：（1）在开始关键帧上绘制或添加对象（非像素图像要进行分离）。（2）同样在结束关键帧上绘制或添加对象（非像素图像要进行分离）。（3）选中两个关键帧之间的任意一帧，单击鼠标右键弹出快捷菜单，选择“创建补间形状”命令，或者在【属性】面板中设置“补间”为“形状”即可创建形状补间动画。图1-3-4 创建补间形状2.2.熟练形状补间动画制作熟练形状补间动画制作案例 1-3-2 制作“魔法线条”动画 下面通过案例进一步学习形状补间动画的制作。在漆黑的背景下，迷彩线条尤其夺目，像魔术师的魔术棒变化无常，如图1-3-17所示。图1-3-5 “魔幻线

7、条”效果案例 1-3-3 制作“变形文字”动画 下面通过案例进一步学习形状补间动画的制作。文字是动画的主要构成元素，大写的“T”从一种字体变化成另外一种字体，这个奇妙的过程可通过控制来展现出不同的动画效果，如图1-3-6所示。图1-3-6 变形文字3.熟练动作补间动画制作1动作补间动画的概念 动作补间动画是指计算机对开始和结束关键帧上的同一个元件的位置、大小、颜色、透明度等参数的变化，自动生成的动画效果。动作补间动画和形状补间动画的最大区别就是动作补间动画的对象是元件。而元件的内容是多种的，常见的有图形、文字、图片、按钮、影片等。补间动画最大的优点是在不改变补间动画的情况下，直接修改元件，就可

8、以对动画进行修改。动作补间动画必须是同一个元件的动画，不同的元件之间不能制作补间动画。1.3.3 动作补间动画制作2制作动作补间动画的一般步骤：（1）创建元件，元件既可以是图形、文字、图片，也可以是按钮、影片等。（2）添加开始和结束关键帧，分别设置它们的位置、大小、颜色、透明度等，使两个关键帧上同一元件的显示状态发生改变。（3）选中两个关键帧之间的任意一帧，单击鼠标右键，在弹出的快捷菜单中单击“创建补间动画”命令，或者在【属性】面板中设置“补间”为“动作”，即可创建动作补间动画。图1-3-7 创建补间动作案例 1-3-4 制作“镜头效果”动画 下面通过案例进一步学习动作补间动画的制作。模仿镜头

9、的推拉和旋转，让“古堡“图片在显示时先放大、旋转、移动的效果，犹如电影大片一样，效果如图1-3-8所示。图1-3-8 镜头效果任务小结 本任务主要介绍了逐帧动画的基本概念、帧的分类、帧的编辑、补间形状动画和补间动画的制作。通过各个任务学习了逐帧动画的制作以及补间动画的各项属性设置等。本节实训一、实训目的1掌握逐帧动画的制作方法。2学会补间形状动画和补间动画的制作。二、实训内容1.制作“行走的鸭子”的效果，如图1-3-9所示。图1-3-9 行走的鸭子效果模拟实训二、实训内容2.变化的文字，从一组文字逐渐变化为另一组文字，如图1-3-10所示。图1-3-10 变化胡文字3.制作“海底世界”文字动画的效果，如图1-3-11所示。图1-3-11 海底世界