模块3 3.1 基础动画（1）-高二《Animate CC 动画制作案例教程 》同步教学课件 （电子工业出版社·第2版）

模块3 基础动画 1 案例6 植物生长——逐帧动画 案例7 奥运篆书——补间形状 案例 8 秋游快乐行——元件和库 案例9 经典咏流传——传统补间动画 案例10 海底世界——补间动画 2 案例6 植物生长——逐帧动画 案例描述: 用逐帧动画展现植物生长的过程，如图3-1所示。 图3-1 3 案例6 植物生长——逐帧动画 案例分析: 利用序列图片的导入创建逐帧动画。 运用“对齐”面板和“编辑多个帧”设置图片的对齐方式、位置及大小，实现植物生长的效果。 3.1 时间轴的基本操作 时间轴主要用于对图层和帧进行组织和管理。时间轴的主要组件包括图层，帧和播放头，如图3-9所示。 图3-9 4 案例6 植物生长——逐帧动画 1. 时间轴的基本操作 图3-10 (1) 更改时间轴中的帧显示 单击时间轴右上角的“帧视图”按钮 ，打开“帧视图”弹出菜单如图-10所示。 “很小”、“小”、“正常”、“中”或“大”：更改单元格的宽度。 “较短”：改变帧单元格行的高度。 “彩色显示帧”：打开或关闭用彩色显示帧顺序。 “预览”：显示每个帧的内容缩略图。 “关联预览”：显示每个完整帧（包括空白空间）的缩略图。 5 案例6 植物生长——逐帧动画 图3-11 通常情况，在某个时间舞台上仅显示动画序列的一个帧。为便于定位和编辑逐帧动画，可以在舞台上一次查看多个帧，播放头下面的帧彩色不透明显示，而其它帧是暗淡透明显示。 单击绘图纸外观按钮,在“起始绘图纸外观”,到“结束绘图纸外观”标记之间的所有帧都被显示出来。 (2) 在舞台上同时查看动画的多个帧 (3) 控制绘图纸外观的显示 单击“绘图纸外观轮廓”按钮,将具有绘图纸外观的帧显示为轮廓。 将“绘图纸外观标记”的指针拖到一个新位置。 若要编辑绘图纸外观标记之间的所有帧，单击“编辑多个帧”按钮。从而显示绘图纸外观标记之间 的每个帧的内容，并且无论哪个帧为当前帧，都可以进行编辑。如图3-11所示。 6 案例6 植物生长——逐帧动画 始终显示标记：不管绘图纸外观是否打开，都在时间轴标题中显示绘图纸外观标记。 锚定标记：将绘图纸外观标记锁定在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧指针移动。 标记范围2：在当前帧的两边各显示两个帧。 标记范围5：在当前帧的两边各显示五个帧。 标记整个范围：在当前帧的两边显示所有帧。 (4) “修改标记”的5种形式 7 案例6 植物生长——逐帧动画 2. 播放头 播放头是在“时间轴”面板上用于指示动画播放的指针。要转到某帧，可单击该帧在时间轴标题中的位置，或将播放头拖到所需的位置。 要使时间轴以当前帧为中心，单击时间轴底部的“帧居中”按钮，如图3-12所示。 图3-12 8 案例6 植物生长——逐帧动画 3. 图层 图层可以帮助组织文档中的插图，可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。在图层上没有内容的舞台区域，可以透过该图层看到下面的图层的内容，有关图层的部分工具和显示状态如图3-13所示。 图3-13 要绘制、涂色或者对图层或文件夹进行修改，可在时间轴中选择该图层以激活它。时间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态，一次可以选择多个图层，但一次只能有一个图层处于活动状态，另外可以隐藏、锁定或重新排列图层。 9 案例6 植物生长——逐帧动画 启动Animate 后，打开文件“植物生长.fla”。在“时间轴”面板上单击“新建图层”按钮，新建一图层；单击“新建文件夹”按钮，新建一个图层文件夹。 执行菜单“插入→时间轴→图层”命令,建立一图层；执行菜单“插入→时间轴→图层文件夹”命令，建立一图层文件夹。 右键单击时间轴中的图层名称，从快捷菜单中选择“插入图层”，新建一图层；从快捷菜单中选择“插入文件夹”，新建一图层文件夹。 （1）创建图层和图层文件夹 （2）选择图层 单击时间轴中图层的名称。 在时间轴中单击要选择的图层的任意一个帧。 10 案例6 植物生长——逐帧动画 双击时间轴中图层或文件夹的名称，输入新名称。 右键单击图层的名称，从快捷菜单中选择“属性”。在“名称”框中输入新名称，单击“确定”。 在时间轴中选择该图层，选择“修改→时间轴→图层属性”。在“名称”框中输入新名称，单击“确定”。 （3）重命名图层 （4）更改图层顺序 单击图层名称，将其拖到相应的位置。 （5）锁定图层 单击图层名称右侧的“锁定”按钮。 11 案例6 植物生长——逐帧动画 在新建的图层中输入文字，鼠标放于文字上单击右键在快捷菜单中选择“分散到图层”，文字被分散到各个新的图层中。 （6）将图层中不同的对象分散到图层 （7）删除图层 单击时间轴中的“删除图层