flash教学教学教案

教 案

科 目 课 题 Flash动画制作 传统补间动画 班 级 16网络3班 授课日期 课 时 2017.10.12 2 授课方式理论教学，案例操作 辅助教具 多媒体，机房 教学目的 重 点 难 点 教学回顾说 明 提交日期： 审阅日期：

项目实训一

《教学过程》

30min

项目实训二

项目实训1──制作小球滚动效果 50min

【项目介绍】

本实训通过制作一个小球从右向左滚动的效果，讲解运动动画的基本制作原理，最终完成效果如图4-1。

1、掌握传统补间动画的原理 2、熟练绘制工具的使用 3、理解传统补间动画的操作 4、理解缓动、旋转的使用意义 作业布置 P单元实训1 拟用时间 40min  传统补间动画的操作  缓动、旋转的使用意义 传统补间动画的原理 传统补间动画是动画的基础，学生比较感兴趣，但案例稍微有点多，时间不太够，导致部分学生无法完成任务 《Flash动画制作》第2章的内容，新课。 动画基础比较重要，是接下来制作动画的基础，安排了多个课时的授课时间。 授课教师： 施燕花 审阅签名：



欢迎阅读

【操作步骤】 1．新建文档，在属性面板中设置文档大小为 “400px×200px”，背景色为黑色。 2．选择工具箱中的椭圆工具，打开“属性”面板，设置笔触颜色为无，填充颜色为红色，在舞台右侧按住“Shift”键绘制一个正圆，效果如图4-2所示。 3．选择工具箱中的墨水瓶工具，在属性面板中设置笔触颜色为红色，笔触高度为5，笔触样式为斑马线，单击舞台上的圆为其添加如图4-3所示的边线效果。 4．用选择工具选中舞台上的圆，在圆上点击鼠标右图4-3为小圆添加边线效果 图4-2绘制圆 键打开快捷菜单，执行“转换为元件”命令【快捷键F8】 ，在出现的“转换为元件”对话框中将类型设置为“图形”，然后单击“确定”按钮，此时圆的状态如图4-4所示。 图4-4将小球转成图形元件 5．选中时间轴的第40帧，按“F6”键插入关键帧【快捷键F6】，用选择工具将“圆”实例移至舞台的左侧，如图4-5所示。 6．在时间轴的第1帧上单击鼠标右键，在弹出的菜单中选择“创建传统补间”命令。打开属性面板，在“旋转”列表框中选择“顺时针”并将次数设置为1，此时的时间轴如图4-6所示。 图4-5插入关键帧并移动小球 7．保存文件“小球滚动”并测试影片。  项目实训果 2──模拟投篮效图4-6时间轴效果 【项目介绍】 本实训通过制作一个小球的跳动来模拟投篮效果，重点讲解运动动画补间属性面板中“缓动”和“旋转”两个参数的设置，实训最终完成效果如图4-7所示。 【操作步骤】 图4-7效果图 1．新建文档，在属性面板中设置文档大小为 “550px×400px”，背景色为白色。 2．双击时间轴上的“图层1”将其重命名为“篮板”，利用线条、椭圆、墨水瓶等工具绘制篮板。 3．选中“篮板”层的第65帧，按F5键插入帧将背景图形延续，点击时间轴上的按钮，将“背景”层上锁。 4．新建“图层2”、“图层3”，将其重命名为“篮筐1”、“篮框2”。绘制篮框，图层关系如下： 5．新建“图层4”，将其重命名为“球动”，在“球动”图层的第1帧绘制如图4-9所示的小球（小球请完善，图示的球比较简单）。 6．将第1帧上的小球调至如图4-10所示位置，选中第5帧按F6键插入关键帧，调整第5帧上的小球到如图4-11所示位置。 7．在时间轴的第1帧单击鼠标右键，在弹出的菜单中选择“创建补间动画”命令。打开属性面板，在“缓动”文本框中输入“-20”，实现小球加速下落的效果。 图4-9绘制小球 欢迎阅读

8．在第15帧上按F6键插入关键帧，调整小球至图4-12所示位置。

9．在第5至第15帧之间创建动画补间，并在属性面板中设置“旋转”为“顺时针1次”，在“缓动”文本框中输入“20”，实现小球减速上升的效果。

10．同样的道理，在25帧、45帧、65帧分别插入关键帧，调整各关键帧上小球的位置如图4-13所示，在各段上设置补间动画并根据需要正确设置“缓动”、“旋转”两个参数。

11．调整图层关系，实训最后完成的时间轴效果如图4-14所示。

图4-12第15帧上小球的位

第25帧上小球的位置 第45帧上小球的位置 图4-13各关键帧上小球的位置 第65帧上小球的位置