4.4 蝴蝶飞（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

课题 4.4蝴蝶飞 课时 1、创建元件 2、给元件制作动画 教学内容 3、利用影片剪辑元件类型制作3D补间动画 4、制作案例 教学目标 学会运用元件类型的不同功效制作不一样效果的动画 教学重点 元件的运用 教学难点 元件类型的区别 教学活动及主要语言 学生 活动 一、创设意境，导入新课（讲授法、提问法） 导入：本案例制作的是蝴蝶拍打翅膀的效果，把蝴蝶翅膀转换成影片剪辑，运用 3D旋转工具对翅膀元件制作拍打的动作，把动态视觉调整到最佳位置。 学生 回顾 上节 二、新课教学（讲解法、提问法、示范法） 课学 习的 步骤： 内 1.打开“素材小第四章\第四节“蝴蝶”Flash文档，如图下所示。 并随 着教 师的 讲 引导 出本 节课 要学 习的 内 2.选择舞台上的蝴蝶，左键双击蝴蝶，进入影片剪辑编辑状态，并新建两个图 容。 层，分别为“图层2”和“图层3”如图下所示。 时间地地出 o601 1图层3 市图层2·· 1图层1 3.单击选择蝴蝶左边翅膀，按Ctr1+X组合键进行剪切所选内容，选择图层2， 按Ctrl+Shift+V组合键，便可粘贴到当前位置，图层如图下所示。 时间地出 ■图层3 图层2了·· ■图层1 4.使用同样方法，把蝴蝶右边翅膀复制粘贴到图层3，图层如图下所示。 时闯螺出 图层3》·。 ■图层2 图层1 5.选择图层1的蝴蝶身躯部分，按F8把它转换为元件，命名为“身躯”，将“类 型”设置为“影片剪辑”，如图下所示，按“确定”按钮。 换力元件 名称性身面 ⅓剪情司挤：码 文件夫：民用目通 6.使用同样的方法，把图层2和图层3的蝴蝶翅膀分别转换为元件，将“类型” 设置为“影片剪辑”，并命名为“左翅膀”和“右翅膀”，如图下所示。 此部 名称 ▲A5链接 分主 蝶 要由 父右褪群 尘左湖脑 老师 父身躯 来讲 解， 7.选择图层1的第30帧，按5插入帧，选择中间任何一帧，按鼠标右键，弹 同时 学生 出快捷菜单，选择“创建补间动画”如图下所示。然后再按鼠标右键，在弹出的快 也配 捷菜单中选择“3D补间”，如图下所示。 合着 老师 回答 一些 常见 问题 速补间动▣ 的建补可状 已速物病补河 此时 猫入脑 入超 的植 蓝入关股 循入空台关键的 洁解关续板 精领力关健触 听教 套切 神旋为空白复制 师的 算如粒 超发 讲 粘贴粒 清诊装 因为 此处 姑属 店理性材起重性 是新 法挥性结陆助酒 前科领 0杜题 知 识， 动作 运时路经 同时 8.使用同样的方法，创建图层2和图层3的3D补间，如图下所示。 也应 出 积极 5 2025 回答 P图层3 相应 P图层1 的问 题， 9.选择工具栏里的“3D旋转工具”，然后单击选择瑚蝶右边的翅膀，如图下所 进行 示，把中心点移至左侧，如图下所示。 认真 的思 考 10.把指针移至第15帧的位置，调整Y轴到合适的位置，如图下所示。 11.接着再把指针移至第30帧，调整Y轴回到原来的位置，如图下所示。 学生 听 讲， 笔记 12.把指针分别移至第15帧和第30帧的位置，选择蝴蝶左边的翅膀，使用同样 的方法，制作蝴蝶拍打翅膀的动作，如图下所示。 13.接着重新把指针移至第15帧的位置，选择蝴蝶身躯，按Ctr1+A1t+S组合键， 弹出缩放和旋转对话框，在缩放设置上输入95%，如图下所示，按“确定”按钮。 始放和旋转 确定 转(R:0 消 14.然后把指针移至第30帧，选择蝴蝶身躯，按Ctr1+A1t+S组合键，弹出缩放和 旋转对话框，在缩放设置上输入105%，如图下所示，按“确定”按钮。 缩放和旋转 缩放(105 确症 放转R0 取消 15.双击空白的地方，返回到场景，新建图层2，并把图层2拖至图层1下方， 按Ctrl+R组合键，将“素材八第四章\第四节\蝴蝶飞背景.jpg素材文件导入舞台中， 如图下所示，按“打开”按钮。 锁指飞相温 此部 分主 要由 老师 出培飞蜡里 打开O门家 来讲 解， 16.调整背景在舞台上的位置和大小，并把蝴蝶移到合适的位置，如图下所示。 同时 学生 也配 合着 老师 回答 常见 问题 l7.调整完后，按Ctrl+Enter组合键测试动画效果，如图下所示。 学 根据 教师 要求 进行 扩展 三、案例小结一3D补间动画 项目 练习 运用“3D旋转工具”制作3D补间动画，过程与普通的传统补间动画有一些不同， 制作的效果也更有透视感。制作3D补间动画，必须要把实例转换成影片剪辑，而且 是先创建补间，然后再插入关键帧，或者直接在时间轴上做动作，比传统补间动画 的效果更突出。 四、能力扩展 亲米