公开课flash教案.docVIP

来安职高Flash公开课教案 授课教师：陈 波 班级：09秋计算机（2）班 授课地点：多媒体教室 时间：2010-4-21 星期三 上午第三节课 课 题：形状补间动画 教学目标： 掌握形状补间的制作方法 掌握改变形状、色彩、透明度和改变所有属性的形状补间动画 掌握形状补间动画形成的基本思想 了解动画补间与形状补间的区别 教学重点：掌握形状补间动画的制作方法 教学难点：形状补间动画形成的基本思想 教学方法：讲解法、演示法、学生操作法、引导和启发法 课 型：新授课 教学过程： 一、导入新课 复习上节课内容 提问：补间动画的种类？ 分析上节课制作的动画补间动画的实例，让同学们对动画补间动画有进一步的认识。 在上一节课中我们已经学习了动画补间动画的制作，下面将结合实例，介绍另一种补间动画的制作方法，包括改变形状、色彩、透明度和改变所有属性的形状补间动画。 二、新课讲授 （一）改变形状的形变动画 改变图形的形状，可以让图形产生各种形状变化效果，例如圆形变矩形、人物图形变动物图形等等。下面将以变形的小球为例，介绍改变形状补间动画制作。 动手做7-6 如何制作改变形状的形变动画 1 新建一个空白的Flash文档，在工具箱选择[椭圆工具]，设置笔触颜色为“无颜色”，然后单击[填充颜色]按钮，在“颜色样本”列表框中选择渐变色。 2 选好笔触与填充颜色后，在舞台中央部位按住Shift+Alt键绘制一个圆形小球。 3 在[时间轴]面板选择图层第20帧位置，然后选择[插入]|[时间轴]|[空白关键帧]命令，插入空白关键帧。 4 在工具箱选择[多边形工具]然后在[属性]面板中单击[选项]按钮，在弹出的[工具设置]对话框中设置样式为“星形”、边数为24、星形顶点大小为0.1，最后单击[确定]按钮。 5 单击时间轴的[绘图纸外观]按钮，在圆形小球中心位置开始拖动绘制星形，使星形中心比圆形中心略小。 6 依照步骤3操作，在第40帧位置插入空白关键帧，再将“开始绘图纸外观”标志拖动至第一帧。 7 选择[椭圆工具]，然后在星形中心位置按住Shift+Alt键拖动绘制圆形。 8 单击任意补间帧，在[属性]面板“补间”列表框中选择“形状”选项、缓动为-100，在所有关键帧之间创建图形补间动画。 （二）改变色彩的变色动画 改变图形的色彩属性，可以让图形产生各种颜色变化效果。下面将以闪动的枫叶为例，介绍改变色彩的动画补间的制作方法。 动手做7-7 如何制作改变色彩的变色动画 1 打开光盘中的练习素材\Ch07\bianse.fla文档，选择图层的第25帧位，然后选择[插入]|[时间轴]|[关键帧]命令，插入关键帧。 2 在工具箱选择[选择工具]，然后选中枫叶图形，并在[属性]面板中单击[填充颜色]按钮，接着在“颜色样本”列表框中选择渐变色。 3 依照步骤1、2操作，在第30帧位置插入关键帧，并更改填充颜色。 4 依照步骤1、2操作，在第45帧位置插入关键帧，并更改填充颜色。 5 单击任意补间帧，在[属性]面板“补间”列表框中选择“形状”选项，在所有关键帧之间创建形状补间动画。 （三） 改变透明度的渐变动画 改变图形透明度，可以制作图形淡出淡入的效果。下面将以倒计时效果为例，介绍改变透明度的动画补间的制作方法。 动手做 7-8 如何制作改变透明度的渐变动画 1 新建一个空白的Flash文档，按下Ctrl+’快捷键，显示辅助线。 2 选用[刷子工具]，并设置大小为“最大”，形状为“方形”，平滑为0，颜色为“灰色（#999999）”，然后按住Shift键绘制一个数字3。 3 按下Shift+F9键打开[混色器]面板，然后在第10帧位置插入关键帧，用[选择工具]选中数字3，并在[混色器]面板中调整透明度为0%。 4 在第11帧位置插入空白关键帧，单击[绘图纸外观]按钮显示绘图纸外观。 5 选用[刷子工具]，在[混色器]面板中调整透明度为100%，之后顺着数字3轮廓，按住Shift键绘制一个数字2。 6 在第21帧位置插入关键帧，用[选择工具]选中数字2，并在[混色器]面板中调整透明度为0%。 7 在第22帧位置插入空白关键帧，并选用[刷子工具]，在[混色器]面板中调整透明度为100%，再顺着数字2的轮廓，按住Shift键绘制一个数字1。 8 在第32帧位置插入关键帧，用[选择工具]选中数字1，并在[混色器]面板中调整透明度为0%。 9 在第33帧位置插入空白关键帧，并选用[刷子工具]，在[混色器]面板中调整透明度为100%，按住Shift键绘制单词GO。 10 在第43帧位置插入关键帧，用[选择工具]选中单词GO，并在[混色器]面板调整透明度为0%。 11 单击任意补间帧，在[属性