6.7 综合案例(三) 制作蝴蝶飞舞（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

课题 6.7综合案例（三） 制作蝴蝶飞舞 课时 1、逐帧动画、传统补间动画、补间形状动画、补间动画、引导路 径动画、遮罩动画的学习 教学内容 2、逐帧动画、传统补间动画、补间形状动画、补间动画、引导路 径动画、遮罩动画的使用 3、制作案例 教学目标 了解和掌握逐帧动画、传统补间动画、补间形状动画、补间动画、 引导路径动画、遮罩动画的使用 教学重点 掌握逐桢动画、传统补间动画、补间形状动画、补间动画、引导路 径动画、遮罩动画的属性设置 教学难点 使用逐桢动画、传统补间动画、补间形状动画、补间动画、引导路 径动画、遮罩动画制作案例 教学活动及主要语言 学生 活动 一、创设意境，导入新课（设疑法、提问法） 学生 导入：本案例制作一个简单的新年贺卡小动画，采用黑白风格结合不同的景物，产 根据 教师 生不一样的视觉效果.制作过程中运用了逐帧动画、传统补间动画、补间形状动画、 的提 补间动画、引导路径动画、遮罩动画等功能。 问进 行思 二、新课教学（讲解法、提问法、示范法） 问 题 1.新建一个大小为”550×400像素”的文档.新建名为“闹钟"的 图形元件，用“钢笔工具”绘制出闹钟。 2.返回场景，从库中添加“闹钟”元件到图层1：新建矩形遮罩图层2，将其 置于图层1下方；使用“矩形工具”绘制一个矩形使之与舞台尺寸相匹配，使用“ 此部 椭圆工具”绘制一个和闹钟一样大小的圆形，选中圆形内和圆形并删除，得到一个镂空 分主 圆形的矩形遮罩，把遮罩改为黑色，制作出舞台的对象只出现在闹钟内的效果，图中的 要由 老师 云只出现在闹钟内，其余的被矩形遮住了. 来讲 3,新建名为“云”的图形元件，使用“钢笔工具”绘制出一朵云，并在舞台中复 解 同 制出更多的云，调整其排列顺序、大小和形状。 学生 也配 合着 专 问题 牡师井 4,返回场景，新建“云”图层，把”云”元件添加到图层中，使其一半在闹钟内，一 半在闹钟外，在第200帧插入关键帧，并在第200帧选择“云”元件，使 云水平向左移动，在第1帧创建传统补间动画新建”云2”图层，再次把“云”元 学生 认真 件放置于舞台右边，重复以上操作并调整其大小，制作出云朵运动的动画。 观看 5.用同样的方法制作“太阳上升动画“和”摆针动画”，如图 教师 操 并将 6新建名为“生长"的图形元件，使用“线条工具"绘制出小草；在第3帧插入 关键帧，改变其大小和形状，选择第5帧继续改变其大小和形状，同样进行下去，直到 适合的大小和形状为止，从而形成一个小草逐帧生长的过程，如图所示 听 笔记 7返回场景新建图层，在第200帧添加“生长"元件到图层中，调整其位 置并复制多个图层，继续调整其位置、出现顺序和大小。 此部 分主 8.新建名为”树”的影片剪辑元件，绘制一颗小树：在库中选择“树”元件，在 要由 “属性"栏中单击“高级”选中“后动9切片缩放比例辅助线”复选框，返回舞台， 老师 来讲 得到一个井字形的切片辅助线；调整辅助线，使其只包括树干的位置。 解， 9,返回场景，新建图层，在第205帧添加“树"元件，调整其位置，并创建补 同时 学生 间动画，在第215帧添加“缩放”关键帧，如图6一130所示；用”任 也配 意变形工具调整中心点至底部，对其进行向上拉伸，此时，树叶的形状不会发生改变，而 合着 老师 树干则拉长，形成树的生长过程，如图所示；复制一棵树并对其进行调整， 回答 带是 问题 学生 听 讲 10.新建名为“蝴蝶”的影片剪辑元件，用绘制工具分别绘制出“蝴蝶身体”“蝴 笔记 蝶左翅膀蝴蝶右翅膀”，并分别把它们转化为元件，如图6一132所示. 11选择“蝴蝶左翅膀”，使用“任意变形工具”把中心点移至右侧；在第2帧 学 插入关键帧，并使用“任意变形工具”进行缩小和旋转. 认真 12对“蝴蝶右翅膀”进行同样的操作，形成蝴蝶飞舞。 观看 教师 并将 其记 录下 13.返回场景，新建图层，在第225帧右侧闹钟外添加“蝴蝶”元件，在第 学生 290帧插入关键帧并创建传统补间动画，在第290帧把“蝴蝶'移动到左 听 讲 侧闹钟外，制作出蝴蝶从右到左移动的动画，然后选中图层并右击，在单出的快捷菜单 笔记 中选择【添加传统运动引导层】，并使用绘制工具绘制出运动路径：在第225 帧选中“蝴蝶”，使用“任意变形工具”对其进行旋转，角度和运动路径一样，把中心 点移动并吸附到运动路径上，在第290帧进行同样的操作，制作出蝴蝶随运动 此部 路径飞舞的动画效果。 分主 要由 14.用同样的方法制作出第二只蝴蝶，并使其运动终点停留在小草上。 老师 来讲 解 同时 学生 15.新建名为“变形星星”的影片剪辑元件，选择“多角星形工具”在舞台 也配 合着 中央绘制一个厌色六角形，并在第10帧插入关键帧，如图6一140所 老师 示；再次选择“多角星形工具”，