9.1 动画发布（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

第九章F1 ash CC动画优化和发布 课题 9.1动画发布 课时 1、 运用所学工具制作案例 教学内容 2、 掌握发布动画 教学目标 使用所需知识制作瑚蝶停在梅花上舞动效果案例 教学重点 运用所学工具制作案例 教学难点 通过学习掌握动画制作和动画发布，在今后的实际工作中能 够应用 教学活动及主要语言 学生活动 一、 创设意境，导入新课（设疑法、提问法） 导入：同学们，你们知道制作好的Flash动画作品进行发布 学生回顾 动画作品是如何将制作的 自己在日 二、 新课教学（讲解法、提问法、示范法） 常生活中 步骤： 碰到的邮 1.选择【文件】>【新建】命令，在“建新文档”选择ActionScript 票图形， 3.0,宽607像素，高400像素。 并随着教 2.在库中，鼠标右击弹出面板，选择“新建元件”，类型选择 师的讲 “图形”，命名“蝴蝶身”。使用“椭圆工具”绘制蝴蝶的身体、头 解，引导 部和触角，如图所示。 出本节课 元件型性 要学习的 名棉炉题按母 定 内容。 共因作西 取消 ·嘉因 3.新建元件，命名“蝴蝶翼”。在“图层1”中，使用“钢笔工 具”绘制蝴蝶翼的形状，填充“线性渐变”颜色，修改渐变方向。 新建“图层2”，使用“钢笔工具”绘制蝴蝶翼花纹，填充“线性渐 变”颜色。新建“图层3”，使用“刷子工具”绘制斑点，效果如图 所示。 4.制作蝴蝶飞动画 (1)新建元件，命名“蝴蝶”，类型选择“影片剪辑”。把“蝴 蝶身”元件拖到“蝴蝶”元件的“图层1”中。新建“图层2”，把 “蝴蝶翼”元件拖进“图层2”。新建“图层3”，选择“图层2”的 关键帧，右击鼠标，选择“复制帧”，把复制的帧粘贴到“图层3”， 然后在菜单栏中【修改】>【变形】>【水平翻转】命令，调整位置， 此时学生 蝴蝶制作完成，效果如图所示。 应该注意 听和观看 教师的讲 解与操 作，因为 此处是新 知识，同 时也应积 极回答相 (2)选择“图层2”，在第1帧，点选蝴蝶右翼，打开“属性”， 应的问 修改蝴蝶翼的参数。选择“图层3”，在第1帧，点选蝴蝶左翼，打 题，进行 开“属性”，修改蝴蝶左翼“X”的参数为负值。制作出蝴蝶翼收起 认真的思 来状态，如图所示。 考 性 实制元讲国 实元件 位大小 拉大孙 为 为3 格 西说明 高：1运 高四 事色时 (3)选择“图层2”，在第15帧插入关键帧，点选蝴蝶右翼， 打开“属性”，修改蝴蝶翼宽的参数。选择“图层3”，在第15帧插 入关键帧，点选蝴蝶左翼，打开“属性”，宽的参数与蝴蝶右翼参数 一样。制作出蝴蝶翼展开的状态，如图所示。 学生听 买别：元年 ,仁若相肤小 一位数大小 讲，笔记 下色数果 卡杆 (4)选择“图层2”、“图层3”的第20帧，插入关键帧。 (5)选择“图层2”、“图层3”的第21帧，插入空白关键帧， 选择“图层2”、“图层3”的第1帧，复制粘贴到第21帧。 (6)选择“图层2”、“图层3”的第24帧，插入空白关键帧。 选择“图层2”、“图层3”的第20帧，复制粘贴到第24帧。然后分 别给“图层2”、“图层3”的关键帧动画添加“创建传统补间”，如 图所示。 8010 5101520 2 ■图层 ■图层过 是图层1 的合 图9-14 学生听 5.新建元件，命名“树枝”，使用“钢笔工具”绘制树枝，填充 讲，笔记 褐色，别除边框，如图所示。 6.新建元件，命名“花苞”，使用“钢笔工具”在“图层1”绘 制花瓣，填充粉红到白色“线性渐变”颜色。使用“渐变变形工具” 调整渐变角度。新建“图层2”，使用“钢笔工具”绘制花托，填充 绿色，删除边框，效果如图所示。 7.新建元件，命名“花1”，使用“钢笔工具”在“图层1”绘 制花托，填充深绿到浅绿的“径向渐变”颜色。新建“图层2”，使 用“钢笔工具”绘制花瓣，填充粉色到白色的“径向渐变”颜色， 效果如图所示。 8.新建元件，命“名花2”，使用“钢笔工具”绘制花托，填充 深绿到浅绿的“径向渐变”颜色。新建“图层2”，使用“钢笔工具” 绘制花瓣，填充粉色到白色的“径向渐变”颜色。新建“图层3”， 使用“钢笔工具”绘制花瓣，填充粉色到白色的“径向渐变”颜色， 效果如图所示。 学生听 讲，笔记 9.新建元件，命名“梅花”，类型选择“影片剪辑”。把制作好 的“树枝”、“花1”、“花2”、“花苞”元件，拖进“梅花”元件中， 组合成一颗梅花树，如图所示。 10.回到“场景1”，选择“图层1”，使用“矩形工具”绘制方 形背景，填充米黄色。新建“图层2”，分别把“梅花”元件、“蝴蝶” 元件拖到舞台。再复制“梅花”元件，使用“任意变形工具”缩小， 点选上梅花，按键盘快捷键[Ctr1+向下箭头]下移一层，如图所示。 11.新建“图层3”，把“花1”元件拖进来，调整花朵大小，放 在树枝上，位置自定。