Flash 动画设计与制作-课件_rar.0 动画设计与制作-课件 第03章精品.pdf

第3章 动画制作 3.1 设计动画的基础 3.1.1 认识时间轴 顶区 时间帧区 图层区 状态区 图3.1 【时间轴】面板 3.1 设计动画的基础 3.1.2 了解帧标识 ：关键帧之间为浅蓝色背景并有从左至右的黑色箭头标识， 表示创建的动画为动作补间动画。 ：关键帧之间为浅蓝色背景且中间以虚线连接，表示创建的动画为 动作补间动画，但该动画没有创建成功，或在创建时操作出现错误。 ：关键帧之间为浅绿色背景并有从左至右的黑色箭头标识， 表示创建的动画为形状补间动画。 ：关键帧之间为浅绿色背景且中间以虚线连接，表示创建的动画为 形状补间动画，但该动画没有创建成功，或在创建时操作出现错误。 ：灰色背景表示对单个关键帧的内容进行延续，以延长该关键 帧的播放时间。 ：关键帧上有一个小红旗表示在该帧设定了帧标签或注释。 ：关键帧上有小写的“a”符号，表示为帧指定了ActionScript 动作脚本，该帧可实现相应的交互操作。 3.2 逐帧动画 3.2.1 逐帧动画制作步骤 步骤1：在时间轴上选择合适的层或创建一个新层。 步骤2 ：选择第1帧。 步骤3 ：在关键帧上输入内容、绘制图形或者导入图片， 这样没有内容的关键帧就转化成了有内容的关键帧。 步骤4 ：选定第2帧，按下F6键插入一个关键帧，并在该 帧中输入内容、绘制图形或者导入图片，如图3.2所示。 步骤5：重复步骤4 ，一帧一帧地增加新的关键帧，直到 完成全部动画所需的帧，如图3.3所示。 步骤6：按Ctrl+Enter组合键测试影片。 3.2 逐帧动画 图3.2 插入单个关键帧 图3.3 插入多个关键帧 3.2 逐帧动画 3.2.2 制作实例——制作人物原地行走动画 步骤1：执行【文件】→ 【新建】命令，在弹出的对话 框中选择【常规】→ 【Flash文档】选项后，单击【确定】 按钮，新建一个影片文档，在【属性】面板上设置文件大 小为300 ×260像素，【背景颜色】为白色，如图3.4所示。 图3.4 设置文档属性 3.2 逐帧动画 步骤2 ：执行【文件】→ 【导入】→ 【导入到舞台】命 令，从打开的【导入】对话框中将素材03文件夹下的“原 地行走1.gif”图像文件导入到舞台上，如图3.5所示。 图3.5 导入序列图像文件 3.2 逐帧动画 单击【确定】按钮。此时，会弹出一个对话框，如图3.6 所示。 图3.6 导入提示序列图像文件 单击【是】按钮，Flash会自动把 gif 中的图片序列按序以逐帧形式导入 到舞台上，如图3.7所示是导入后的动 画效果，它们被Flash 自动分配在8个 关键帧中。 图3.7 导入图片，形成逐帧动画 3.2 逐帧动画 步骤3 ：此时,时间帧区出现连续的关键帧，关键帧中的 “人物原地行走”图像，如图3.8所示。 图3.8 导入8张图像文件 步骤4 ：执行【控制】→ 【测试影片】命令（快捷键 Ctrl+Enter ），观察动画的效果。 步骤5：执行【文件】→ 【保存】命令，将文件保存为 “原地行走.fla”。 3.3 形状补间动画 3.3.1 形状补间动画制作步骤