3.3 创建逐帧动画（课件）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

Flash CS6动画制作案例教程 第一版 创建逐帧动画 基础动画 逐帧动画是一种常见的动画手法，其原理是在“连续的关键帧”中分解动画动作，即每一帧中的内容不同，连续播放而成动画。由于逐帧动画的顿序列内容不同，不仅增加制作负担而且最终输出的文体量也很大，但逐帧动画的优势也很明显，其与电影播放模式相似，很适合于表现细腻的动画，如 3D效果、人物或动物急剧转身等效果。 创建逐帧动画 3.3 1、逐帧动画的概念和在时间帧上的表现形式 逐帧动画是指许多连续的关键帧组成的动画，它适合于每一关键帧中的图像都有所改变、表现细腻的动画。逐帧动画在时间帧上表现为连续出现的关键帧。 创建逐帧动画 3.3 2、创建逐帧动画的方法 运用静态图片制作逐帧动画应将图片依次放置在连续的关键帧中。由于各张静态图片只有较细微的差别，一定要设置好对齐方式。如果需要延长各关键帧的播放时间，可以在其后插入普通帧。 创建逐帧动画 3.3 （1）用导入的静态图片建立逐帧动画 将JPG、PNG等格式的静态图片连续导入Flash中，建立一段逐帧动画。 新建 Flash 文档，按[Ctr+S]组合键打开“另存为”对话框，选择保存路径，输入文件名“流水效果”，然后单击“确定”按钮，回到工作区。 执行“文件一导入一导入到库”菜单命令，弹出“导入到库”对话框，选择“流水1”到“流水4”四个文件，单击“打开”，将文件导入到“库”面板中。 创建逐帧动画 3.3 （1）用导入的静态图片建立逐帧动画 将图 3-21 所示的“库”面板中的“流水 1.pg”图像拖曳到舞台的适当位置。打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”。 在时间轴中选择“图层 1”中的第 3 ，单击鼠标右键，在打开的快捷菜单中选择“插入关键帧”。在舞台中的图像上单击右键，在打开的快捷菜单中选择“交换位图”，在“交换位图”对话框中选择“流水 2.jpg”，如图 3-22 所示。单击“确定”按钮，舞台中的图像“流水 1.jpg”被“流水 2.jpg”替换。 创建逐帧动画 3.3 重复上一步步骤，在第5、7帧插入关键帧，并将“流水3.jpg”、“流水4.jpg”分别导入到舞台的同一位置。 按【Ctrl+S】组合键保存文件，按【Ctrl+Enter】组合键测试影片。 创建逐帧动画 3.3 （2）导入GIF格式的逐帧动画 导入 GIF 格式图像的方法与导入同一序列的 JPG 格式的图像类似，只是将 GIF 格式的图像导入到舞台，会在舞台上直接生成动画，而将 GIF 格式的图像导入到“库”面板中，则会生成一个由GIF 构式转化成的剪辑动画。如图3-23 和图 3-24 所示为两个分别执行“导入到舞台”和“导入到库”命令后对应的时间轴及“库”面板。 创建逐帧动画 3.3 （2）导入GIF格式的逐帧动画 创建逐帧动画 3.3 （3）绘制矢量图制作逐帧动画 由于每个关键帧处所对应的图形都不同，在绘制不同的图形时，需要先在规定的时间轴上插入空白关键帧，再绘制所对应的图形。如果需要将关键帧转换为空白关键帧，只需要将关键顿处的图形删除即可。 新建一个 Flash 文档，舞台大小设定为“100x100”像素。 利用“椭圆工具”绘制人的头部，选择“线条工具”将“笔触”设定为“10”，依 照第一幅图绘制躯干、手、脚。 在第 3、5、7、9、11、13、15 顿处插入空白关键帧，按上一步骤的方法在所对应的空白关键帧处绘制第 2~8 幅图。 测试影片，即可实现人物行走的动画效果，如图 3-25 所示。 创建逐帧动画 3.3 创建逐帧动画 3.3 案例7 奥运——补间形状 案例描述：制作补间形状动画，实现途中的变形效果 案例分析： 初步认识补间形状的应用对象。 会创建补间形状动画。 熟悉位图与矢量图的转换。 创建逐帧动画 3.3 操作步骤 1.新建一个Flash 文档，舞台大小设定为“240x240”像素。 2.导入素材图片，执行“文件一导入一导入到库”命令，将“田径”、“拳击”、“射箭”“羽毛球”、“棒球”五幅图片导入到库 3.将图层名称改为“篆书”，选中第一帧，将“田径”图片拖至舞台，打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“垂直居中分布"，“匹配大小”为“匹配宽和高”，如图 3-27 所示。选中图片，右击，在打开的快捷菜单中选择“分离”命令，如图 3-28 所示。 创建逐帧动画 3.3 图层和帧 3.2 操作步骤 4.单击“篆书”图层第 20 ，右击，在打开的快捷菜单中选择“插入空白关键帧”将“拳击”图片拖至舞台，打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐为“水平中齐”，“