Flash动画制作之—制作逐帧动画04

1、,第4讲 制作逐帧动画,了解帧的种类及对帧的操作 。 掌握逐帧动画的原理和制作方法 。,4.1 逐帧动画原理,4.1.1 知识点讲解,逐帧动画的原理比较简单，但是要制作出优秀的逐帧动画对制作者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐帧动画来向读者讲述如何制作逐帧动画 .,一、帧的类型 （1）关键帧 。动作补间动画、形状补间动画、AS代码、关键帧、空白关键帧在【时间轴】中的显示如图4-1所示 。 （2）普通帧 。普通帧的最后一帧显示为一个中空矩形，图4-2所示为普通帧在【时间轴】中显示的效果 。,图4-1 关键帧,图4-2 普通帧效果,二、对帧的操作。 对帧的操作有3种方式：菜

2、单命令（见图4-3）、鼠标右键快捷菜单（见图4-4）和键盘快捷键。,图4-3 选择【编辑】下的菜单命令,图4-4 用鼠标右键单击帧弹出的快捷菜单,常用的帧操作命令的快捷键及功能如表4-1所示 。,表4-1 常用的帧操作命令的快捷键及功能,三、逐帧动画的原理。 逐帧动画的原理是逐一创建出每一帧上的动画内容，然后顺序播放各动画帧上的内容，从而实现连续的动画效果，如图4-5所示。,图4-5 逐帧动画原理,创建逐帧动画的典型方法主要有以下3种。 从外部导入素材生成逐帧动画，如导入静态的图片、序列图像和GIF动态图片等。 使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。 绘制矢量逐帧动画，

3、利用各种制作工具在场景中绘制连续变化的矢量图形，从而形成逐帧动画,4.2.1 范例解析（一）对操作帧的练习,请同学们在老师的带领下对帧的操作进行进一步的熟悉，并跟随以下要求进行操作训练。,1、新建一个Flash文档，然后在舞台上输入“Flash帧操作”几个字，并设置文字颜色为“暗红色”,如图4-6所示。 2、选中默认“图层1”的第10帧，按键盘上的F5快捷键插入帧，如图4-7所示。然后拖动时间轴控制柄观看舞台上文字的变化,图4-6 输入文字,图4-7 插入帧,3、选中默认“图层1”的第5帧，按键盘上的F6快捷键插入关键帧，如图4-8所示，在第5帧处改变文字的颜色为“蓝色”，然后拖动时间轴控制柄

4、观察第5帧前和第5帧后文字的变换。 4、按F7快捷键，分别在第3帧和第8帧处插入空白关键帧，如图4-9所示，然后拖动时间轴控制柄观察舞台的变化。,图4-8 插入关键帧,图4-9 插入空白关键帧,5、按Ctrl+Alt+A快捷键选中所有帧，如图4-10所示。 6、按Ctrl+Alt+C快捷键复制所有帧，然后选中第10帧，按下Ctrl+Alt+V快捷键粘贴帧，此时，【时间轴】面板如图4-11所示，然后拖动时间轴控制柄观察舞台的效果 。,图4-10 选中所有帧,图4-11 粘贴帧,请根据【知识点讲解】栏目讲解的帧知识和此处进行的操作和观察，思考帧、关键帧、空白关键帧的意义和用法 。,4.2.1 范例

5、解析（一）对操作帧的练习,本例使用从外部导入静态图片和使用文字的方式来制作逐帧动画，从而制作“一马平川”的动画效果，其制作思路及结果如图4-12所示 。,图4-12 制作思路及效果,1、制作背景。 （1）新建一个Flash文档，设置文档【尺寸】为“550px250px”，【帧频】为“6fps”，其他属性使用默认参数 。 （2）将默认的“图层1”重命名为“背景”层，执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材第4讲一马平川背景.png”的图像文件导入到舞台中，并相对舞台居中对齐，如图4-13所示 。,图4-13 导入背景后的舞台效果,2、制作骏马奔跑动画 。 （1）在“背

6、景”图层之上新建一个图层并重命名为“骏马”层，然后选中“背景”图层和“骏马”的第8帧，按下F5快捷键插入帧，此时的【时间轴】状态如图4-14所示 。,图4-14 【时间轴】状态一,（2）新建一个影片剪辑元件并命名为“骏马”，进入元件的编辑模式。 （3）在元件内执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材第4讲一马平川骏马马1.png”的图像文件导入到舞台中，此时会弹出提示对话框，询问是否导入序列图片的对话框，如图4-15所示 。 （4）选择 按钮，将序列图片全部导入到时间轴上，时间轴效果如图4-16所示,（5）返回主场景，将刚才创建好的“骏马”影片剪辑元件拖入到“骏马”

7、图层，并相对舞台居中对齐，如图4-17所示。,图4-15 导入序列图片,图4-16 【时间轴】效果,图4-17 导入“骏马”元件,3、制作文字逐帧动画 。 （1）在“骏马”图层上面新建一个图层并重命名为“文字效果”，选中“文字效果”图层的第2帧，然后按F6快捷键插入一个关键帧 。 （2）选择【文本】工具，在【属性】面板中设置【字体】为“隶书”，【字体颜色】为“#FFFFFF”，【字体大小】为“80”，然后在舞台上输入“一”字，并移动文字到舞台的上边，如图4-18所示 。 （3）选中“文字效果”图层的第3帧，按F6快捷键插入一个关键帧，在该帧输入一个“马”字，并移动“马”字的位置到“一”字右侧，

8、效果如图4-19所示 。 （4）使用相同的方法，分别在第4帧和第5帧输入“平”、“川”字，如图4-20和图4-21所示。,图4-18 第2帧添加“一”,图4-19 第3帧添加“马”,图4-20 第4帧添加“平”,图4-21 第5帧添加“川”,（5）保存测试影片，一马平川的动画效果制作完成 。,4.1.4 课堂练习制作“旗帜飘扬”,请同学们使用绘图工具，在不同的帧上绘制红旗在空中不同的状态，从而制作如图4-22所示的动态效果。,第1帧,第2帧,第3帧,第4帧,第5帧,图4-22 动态红旗效果,1、新建一个Flash文档，设置文档【尺寸】为“250px350px”，【帧频】为“5”，其他属性使用默认参数 。,2、将默认的“图层1”重命名为“背景”图层，并在上面绘制背景和旗杆，如图4-23所示。 3、新建一个图层并重命名为“红旗”图层，在第1帧绘制如图4-24所示的红旗。 4、在第2帧处按F6快捷键插入关键帧，然后修改图形效果如图4-25所示 。,图4-23 绘制背景和旗杆,图4-24 绘制红旗,图4-25 修改红旗,5、使用同样的方法制作余下的红旗。 6、选择“背景”图层的第5帧，按F