3.1 植物生长——逐帧动画（课件）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

Flash CS6动画制作案例教程 第一版 植物生长——逐帧动画 基础动画 案例描述 用逐帧动画展现植物生长的过程。 植物生长——逐帧动画 3.1 案例分析 利用序列图片的导入创建逐帧动画。 运用“对齐”面板和“编辑多个”设置图片的对齐方式、位置及大小，实现植物生长的效果。 操作步骤 1.启动 Flash CS6 后，新建一个 ActionScript 3.0 文档，舞台大小设定为“550x400像素"。 2.新建一个图层，选择第一帧，执行“文件一导入一导入到舞台”命令，将“植物生长00001.jpg”导入。此时，会弹出一个对话框，如图 3-2 所示。选择[是]按钮，Flash会自动把图片序列按顺序以逐帧形式导入舞台，如图 3-3 所示。 植物生长——逐帧动画 3.1 操作步骤 3.此时，时间帧区出现连续的关键帧，从左向右拖动播放头，就会看到植物生长的过程，如图 3-4 所示。但是，被导入的动画序列位置尚未处于我们需要的地方，缺省状况下,导入的对象被放在场景坐标“0，0”处，我们需要调整它们的位置和大小。 植物生长——逐帧动画 3.1 植物生长——逐帧动画 3.1 操作步骤 4，单击时间轴面板下方的“编辑多个帧”按钮，再单击“修改标记”按钮回，在弹出的菜单中选择“标记整个范围”选项，如图 3-5 所示。最后执行“编辑一全选”命令,此时时间轴和场景效果如图 3-6 所示。 植物生长——逐帧动画 3.1 操作步骤 5.打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”，效果如图 3-7 所示。6.按[Ctrl+Enter]组合键测试影片，即可看到“植物生长”的动画效果，如图 3-8所示，按[Ctrl+S] 组合键保存文件。 植物生长——逐帧动画 3.1 植物生长——逐帧动画 3.1 时间轴的基本操作 时间轴主要用于对图层和帧进行组织和管理。时间轴的主要组件包括图层，帧和播放头。 1、时间轴的基本操作 （1）更改时间轴中的帧显示 单击时间轴右上角的“帧视图”按钮，打开帧视图，弹出的菜单如图所示。 植物生长——逐帧动画 3.1 植物生长——逐帧动画 3.1 “很小"、“小"、“标准”、“中”或“大”：更改单元格的宽度。 “较短":改变帧单元格行的高度。 彩色显示帧”:打开或关闭用彩色显示帧的顺序。 “预览":显示每个帧的内容缩略图。 关联预览":!显示每个完整帧(包括空白空间)的缩略图。 植物生长——逐帧动画 3.1 时间轴的基本操作 （2）在舞台上同时查看动画的多个帧 通常情况，在某个时间舞台上仅显示动画序列的一个帧。为便于定位和编辑逐帧动画可以在舞台上一次查看多个帧，播放头下面的帧彩色不透明显示，而其他帧是暗淡透明显示。单击绘图纸外观按钮口，在“起始绘图纸外观”虽到“结束绘图纸外观”标记之间的所有帧都被显示出来。 植物生长——逐帧动画 3.1 时间轴的基本操作 （3）控制绘图纸外观的显示 单击“绘图纸外观轮廓”按钮，将具有绘图纸外观的帧显示为轮廓。将“绘图纸外观标记”的指针拖到一个新位置。若要编辑绘图纸外观标记之间的所有顿，单击“编辑多个帧”按钮。从而显示绘图纸外观标记之间的每个帧的内容，并且无论哪个帧为当前顿，都可以进行编辑。 提示:打开绘图纸外观时，不显示被锁定的图层。为避免出现大量使人感到混乱的图像，可锁定或隐藏不希望对其使用绘图纸外观的图层。 植物生长——逐帧动画 3.1 时间轴的基本操作 （4）“修改标记”的5种形式 单击“修改标记”按钮，在弹出的下拉列表中选择相应的选项，可改变绘图标记。 始终显示标记:不管绘图纸外观是否打，都在时间轴标题中显示绘图纸外观标记。 锚定标记:将绘图纸外观标记锁定在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前顿指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前指针移动。 植物生长——逐帧动画 3.1 时间轴的基本操作 （4）“修改标记”的5种形式 标记范围2：在当前帧的两边各显示 2 个帧。 标记范围5：在当前帧的两边各显示 5 个帧。 标记整个范围:在当前帧的两边显示所有帧。 植物生长——逐帧动画 3.1 播放头 播放头是在“时间轴”面板上用于指示动画播放的指针。要转到某帧，可单击该帧在时间轴标题中的位置，或将播放头拖到所需的位置。要使时间轴以当前顿为中心，单击时间轴底部的“帧居中”按钮。 植物生长——逐帧动画 3.1 /作业布置/ 3.1 （1）时间轴的基本操作 （2）植物生长——逐帧动画的具体步骤 感谢观看 $