6.2 蜡烛形状补间动画（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

课题 6.2蜡烛形状补间动画 课时 1、变形工具、关键帧的学习 教学内容 2、 形状补间动画 3、 变形工具的使用 4、制作案例 教学目标 了解和掌握变形工具、关键帧使用 教学重点 掌握变形工具、关键帧 教学难点 使用变形工具、关键帧制作形状补间动画案例 教学活动及主要语言 学生 活动 一、 创设意境，导入新课（设疑法、提问法） 学生 导入：本案例使用形状补间制作蜡烛燃烧效果。在Flash的时间帧面板上，在 回顾 上节 一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状， 课学 Flash根据二者之间的帧的值或形状来创建形状补间动画。 习的 内 二、新课教学（讲解法、提问法、示范法） 容 并随 l.选择【文件】>【新建】命爷，在“建新文档"选择ActionScript3.0,宽 着教 550像素，高400像素，背景为白色，如图所示。 师的 2.选择【文件】>【导入】>【导入到舞台】命合，如图所示。找到存放素材 解 文件“第六章16.2蜡烛补间动画\素材1场景”文件，选择“任意变形工具”点选舞 引导 出本 台的素材图片，鼠标+[shift],调整图片大小，如图所示。 节课 内 导入到复台D. Ctrl+R 导入到库L) 打开外部库(O)… Ctrl+Shift+O 导入视须 3.新建图层，命名“蜡杆”选择“矩形工具”绘制一个矩形蜡杆，如图所示。 此部 老师 来讲 4.修改蜡烛的颜色。选择蜡烛，在“属性”中把笔触颜色去除，如图所示。打开 解， 同 “颜色”把“纯色”改成“线性渐变”修改渐变颜色，如图所示。 学生 监露 老师 问题 5.使用“任意变形工具”调整蜡杆形状，如图所示。 6.制作蜡杆阴影。点选择蜡杆，按快捷键[「8]转换成元件。点择蜡杆，打开属 性，在滤镜中添加投影.调整投影参数，角度为90，距离为1，颜色为深灰色，如 图所示。 此时 学 +一 该 注意 听教 师的 讲 卫 因 预色 此处 6.制作蜡烛光晕。新建图层，命名“光晕”。选择“椭圆工具”打开“颜色”把“纯 是新 色”改成“径向渐变：渐变颜色从黄色到浅黄色，浅黄色透明度改为0，如图所示。 识 然后绘制圆形光晕，如图所示。 同时 也应 题 # 书 7制作蜡烛火焰。新建图层，命名“火焰”。选择“椭圆工具”打开“颜色”把“纯 色”改成“线性渐变”渐变颜色从红色到黄色，把颜色的透明度降低，如图所示。然 后绘制椭圆形火焰。选择“新变变形工具”修改颜色渐变方向，如图所示。 生 听 笔记 8.使用“选择工具“调整火焰的形状，如图6-28所示。新建图层，命名“蜡烛芯” 使用“矩形工具”绘制蜡烛芯，如图6-29所示。 9.制作火焰燃烧效果，首先要了解火焰运动规律。选择火焰图层，分别在第1、 此部 10、20、30、40、50、60帧插入关键帧，修改火焰形状，如图所示。然后在第1 分主 到第10帧之间任选1帧，鼠标右击，选择“创建补间形状”如图所示。以此类推， 要由 老师 分别添加“创建补间形状”如图所示。 讲 解 同 合着 速动画 敛建洗状 的建补调 特场力透触司湿 问题 10.制作光晕变化。蜡烛燃烧时火焰的大小变化，光晕也会随之变化。“光晕”图 层根据“火焰”图层的关键帧添加关键帧，调整“光晕“的中心点位置，关键帧之间添 学生 加“创建补间形状”如图所示。 认真 观看 教师 10 5 20253035 40 4515055 60 ■光 11.按键盘[Ctrl+Enter]测试效果。 来。 12选择【文件】>【导出】>【导出影片】命爷，导出影片。 6.2.3案例小结一一形状补间动画的运用 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其 变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压 学生 感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 根据 6.2.4能力扩展 要求 进行 项目 练习