项目二逐帧动画制作课件.ppt

任务 3任务 1微风拂过任务 2 模拟写字自动折合的扇子项目二项目二项目二项目二逐帧动画制作逐帧动画制作逐帧动画制作逐帧动画制作任务 4圣诞老人走路项目二项目二逐帧动画制作逐帧动画制作逐帧动画是一种最基础的动画，不需要逐帧动画是一种最基础的动画，不需要 Flash 的其他功能相配合它的制的其他功能相配合它的制作需要一帧一帧地去绘制，表现力比较强，常用于表现一些动作复杂、无规作需要一帧一帧地去绘制，表现力比较强，常用于表现一些动作复杂、无规律、形态发生变化的对象，例如模拟写字、人物走路、奔跑等效果律、形态发生变化的对象，例如模拟写字、人物走路、奔跑等效果任务1微风拂过任务任务 1 1微风拂过微风拂过1.了解帧的基本概念，掌握帧的基本操作了解帧的基本概念，掌握帧的基本操作2.能将位图转换为矢量图能将位图转换为矢量图3.能制作简单的逐帧动画能制作简单的逐帧动画任务任务 1 1微风拂过微风拂过本任务是制作一个简单的逐帧动画，主要利本任务是制作一个简单的逐帧动画，主要利用播放连续图片来产生动画，效果如图所示用播放连续图片来产生动画，效果如图所示要完成本任务，除了掌握帧的基本操作之外，要完成本任务，除了掌握帧的基本操作之外，还要掌握位图转换为矢量图的方法以及调整帧还要掌握位图转换为矢量图的方法以及调整帧频的方法。

频的方法微风拂过效果图任务任务 1 1微风拂过微风拂过一、帧的概念一、帧的概念（1）帧：构成）帧：构成 Flash 动画的一系列画面，是进行动画制作的最基本单位动画的一系列画面，是进行动画制作的最基本单位2）空白帧：指没有进行定义的帧空白帧：指没有进行定义的帧3）关键帧：定义动画变化、更改状态的帧，它在时间轴上显示为实心）关键帧：定义动画变化、更改状态的帧，它在时间轴上显示为实心的圆点4）空白关键帧：没有任何内容的关键帧，它在时间轴上显示为空白的）空白关键帧：没有任何内容的关键帧，它在时间轴上显示为空白的圆点空白关键帧上一旦放置了对象，它就变成了关键帧空白关键帧上一旦放置了对象，它就变成了关键帧任务任务 1 1微风拂过微风拂过时间轴上的各类帧如图所示时间轴上的各类帧如图所示时间轴上的各类帧任务任务 1 1微风拂过微风拂过二、帧的基本操作二、帧的基本操作1.插入与删除帧插入与删除帧（1）插入帧）插入帧在需要插入帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷在需要插入帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷菜单中选择菜单中选择“插入帧插入帧”选项或按【选项或按【F5】键插入。

键插入2）删除帧）删除帧在需要删除帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷在需要删除帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷菜单中选择菜单中选择“删除帧删除帧”选项即可选项即可任务任务 1 1微风拂过微风拂过2.插入与清除关键帧插入与清除关键帧（1）插入关键帧）插入关键帧在需要插入关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的在需要插入关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷菜单中选择快捷菜单中选择“插入关键帧插入关键帧”选项或按【选项或按【F6】键插入2）清除关键帧）清除关键帧在需要清除关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的在需要清除关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷菜单中选择快捷菜单中选择“清除关键帧清除关键帧”选项即可选项即可3.插入空白关键帧插入空白关键帧在需要插入空白关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹在需要插入空白关键帧的位置上单击，选中帧，然后单击鼠标右键，在弹出的快捷菜单中选择出的快捷菜单中选择“插入空白关键帧插入空白关键帧”选项或按【选项或按【F7】键插入任务任务 1 1微风拂过微风拂过4.复制、粘贴、剪切、清除帧复制、粘贴、剪切、清除帧选中要复制的帧，然后单击鼠标右键，在弹出的快捷菜单中选择选中要复制的帧，然后单击鼠标右键，在弹出的快捷菜单中选择“复制帧复制帧”选项。

再选中要进行粘贴的位置，单击鼠标右键，在弹出的快捷菜单中选选项再选中要进行粘贴的位置，单击鼠标右键，在弹出的快捷菜单中选择择“粘贴帧粘贴帧”选项即可选项即可如果要剪切某个帧，只要选中该帧，然后单击鼠标右键，在弹出的快捷菜如果要剪切某个帧，只要选中该帧，然后单击鼠标右键，在弹出的快捷菜单中选择单中选择“剪切帧剪切帧”选项即可如果要清除某个帧，只要选中这个帧，然后选项即可如果要清除某个帧，只要选中这个帧，然后单击鼠标右键，在弹出的快捷菜单中选择单击鼠标右键，在弹出的快捷菜单中选择“清除帧清除帧”选项即可选项即可5.翻转帧翻转帧在在“时间轴时间轴”面板中选择需要翻转的一段帧，单击鼠标右键，在弹出的快面板中选择需要翻转的一段帧，单击鼠标右键，在弹出的快捷菜单中选择捷菜单中选择“翻转帧翻转帧”选项即可选项即可任务任务 1 1微风拂过微风拂过三、位图转换为矢量图三、位图转换为矢量图执行【修改】执行【修改】【位图】【位图】【转换位图为矢量图】命令，弹出【转换位图为矢量图】命令，弹出“转换位图转换位图为矢量图为矢量图”对话框，设置参数值后，单击对话框，设置参数值后，单击“确定确定”按钮，可以将位图转换为按钮，可以将位图转换为矢量图，如图所示。

矢量图，如图所示转换位图为矢量图”对话框任务任务 1 1微风拂过微风拂过“转换位图为矢量图转换位图为矢量图”对话框中的各选项含义如下对话框中的各选项含义如下1）颜色阈值：设置将位图转换为矢量图形时的色彩细节颜色阈值：设置将位图转换为矢量图形时的色彩细节2）最小区域：设置将位图转换为矢量图形时的色块大小最小区域：设置将位图转换为矢量图形时的色块大小3）曲线拟合：设置在转换过程中对色块处理的精细程度曲线拟合：设置在转换过程中对色块处理的精细程度4）角阈值：定义角转换的精细程度角阈值：定义角转换的精细程度任务任务 1 1微风拂过微风拂过1.创建影片文档创建影片文档新建一个新建一个 Flash 文档，设置舞台大小为文档，设置舞台大小为 550 像素像素 400 像素，背景为白色像素，背景为白色2.创建背景层创建背景层（1）将图层）将图层 1 重命名为重命名为“背景背景”，选中第，选中第 1 帧，将素材库中名为帧，将素材库中名为“微风微风拂过拂过.jpg”的图片导入舞台中，如图所示的图片导入舞台中，如图所示2）在第）在第 8 帧单击鼠标右键选择帧单击鼠标右键选择“插入帧插入帧”选项，效果如图所示。

锁定选项，效果如图所示锁定“背景背景”图层任务任务 1 1微风拂过微风拂过 导入背景图片 插入帧任务任务 1 1微风拂过微风拂过3.导入花朵导入花朵（1）执行【文件】）执行【文件】【导入】【导入】【导入到库】命令，弹出【导入到库】命令，弹出“导入到库导入到库”对话框，选中对话框，选中“花朵花朵 1.jpg”“花朵花朵 8.jpg”这八张图片，单击这八张图片，单击“打开打开”按钮按钮导入到库中，效果如图所示导入到库中，效果如图所示导入到库任务任务 1 1微风拂过微风拂过（2）新建图层）新建图层 2，重命名为，重命名为“花朵花朵”，选中第，选中第 1 帧，将帧，将“花朵花朵 1.jpg”拖动拖动到舞台中，如图所示到舞台中，如图所示将“花朵 1”拖入舞台任务任务 1 1微风拂过微风拂过（3）选中）选中“花朵花朵 1.jpg”，执行【修改】，执行【修改】【位图】【位图】【转换位图为矢量【转换位图为矢量图】命令，在弹出的图】命令，在弹出的“转换位图为矢量图转换位图为矢量图”对话框中设置颜色阈值为对话框中设置颜色阈值为 60，最，最小区域为小区域为 1 像素，曲线拟合为像素，角阈值为较多转角，单击像素，曲线拟合为像素，角阈值为较多转角，单击“确定确定”按钮，按钮，将将“花朵花朵 1.jpg”转换为矢量图，如图所示。

转换为矢量图，如图所示转换为矢量图任务任务 1 1微风拂过微风拂过（4）使用选择工具）使用选择工具 将将“花朵花朵 1.jpg”中的白色背景部分删除，如图所示中的白色背景部分删除，如图所示5）执行【视图】）执行【视图】【标尺】命令，然后分别从上方和左侧标尺中各拽【标尺】命令，然后分别从上方和左侧标尺中各拽出一条参考线，相交放置在花朵根部，便于对齐各帧上的花朵图片，如图所出一条参考线，相交放置在花朵根部，便于对齐各帧上的花朵图片，如图所示删除白色背景拽出参考线任务任务 1 1微风拂过微风拂过（6）选中）选中“花朵花朵”图层的第图层的第 2 帧，单击鼠标右键选择帧，单击鼠标右键选择“插入空白关键帧插入空白关键帧”选项，将选项，将“花朵花朵 2.jpg”拖动到舞台中，如图所示拖动到舞台中，如图所示7）重复步骤（）重复步骤（3）（）（4），将），将“花朵花朵 2.jpg”中的白色背景部分删除中的白色背景部分删除将“花朵 2”拖入舞台操作演示任务任务 1 1微风拂过微风拂过（8）采用同样方法，将）采用同样方法，将“花朵花朵 3.jpg”“花朵花朵 8.jpg”这六张图片放置到这六张图片放置到相应的帧数上，并删除白色背景，然后锁定相应的帧数上，并删除白色背景，然后锁定“花朵花朵”图层，如图所示。

图层，如图所示锁定“花朵”图层任务任务 1 1微风拂过微风拂过4.调整帧频调整帧频（1）执行【控制】）执行【控制】【循环播放】命令，按【循环播放】命令，按【Enter】键播放动画，此时】键播放动画，此时发现花朵摇摆的速度过快，与实际生活不符发现花朵摇摆的速度过快，与实际生活不符2）选择）选择“属性属性”面板，将帧频调整为面板，将帧频调整为 6，如图所示，再次播放动画，如图所示，再次播放动画，花朵的摇摆速度就较为逼真花朵的摇摆速度就较为逼真调整帧频任务任务 1 1微风拂过微风拂过5.测试保存测试保存执行【控制】执行【控制】【测试影片】命令，观察动画效果如果满意，执行【文【测试影片】命令，观察动画效果如果满意，执行【文件】件】【保存】命令，将文件保存为【保存】命令，将文件保存为“微风拂过微风拂过.f la”任务2模拟写字任务任务 2 2 模拟写字模拟写字1.了解逐帧动画及其原理了解逐帧动画及其原理2.掌握各类帧的适用范围和使用方法掌握各类帧的适用范围和使用方法3.能熟练制作简单的逐帧动画能熟练制作简单的逐帧动画任务任务 2 2 模拟写字模拟写字本任务是制作一个逐帧动画，在制作时，从本任务是制作一个逐帧动画，在制作时，从文字的末笔开始逐帧擦除，然后翻转帧，形成文字的末笔开始逐帧擦除，然后翻转帧，形成写字效果，如图所示。

通过此任务的学习，掌写字效果，如图所示通过此任务的学习，掌握逐帧动画的制作原理及方法在动画的制作握逐帧动画的制作原理及方法在动画的制作过程中，要注意毛笔与文字应保持同步移动过程中，要注意毛笔与文字应保持同步移动模拟写字效果图任务任务 2 2 模拟写字模拟写字逐帧动画就是一帧一帧画出来的动画，是一种最简单的动画，它不需要逐帧动画就是一帧一帧画出来的动画，是一种最简单的动画，它不需要 Flash 的其他功能相配合的其他功能相配合逐帧动画时间轴逐帧动画时间轴“帧帧”面板上紧密排列着许多关键帧，有时候根据动作的面板上紧密排列着许多关键帧，有时候根据动作的需要，关键帧之间也可以隔一些普通帧逐帧动画的时间轴如图所示需要，关键帧之间也可以隔一些普通帧逐帧动画的时间轴如图所示逐帧动画包含许多相互独立的关键帧，每一帧都代表一个画面，后一帧相逐帧动画包含许多相互独立的关键帧，每一帧都代表一个画面，后一帧相对于前一帧都有一些细微的变化对于前一帧都有一些细微的变化任务任务 2 2 模拟写字模拟写字逐帧动画的时间轴任务任务 2 2 模拟写字模拟写字1.创建影片文档创建影片文档新建一个新建一个 Flash 。