flash教案

  • 格式:docx
  • 大小:127.13 KB
  • 文档页数:3

教 案
科 目 Flash动画制作 班 级 16网络3班 授课日期
课 题
传统补间动画 课 时 2



理论教学,案例操作 辅助教具 多媒体,机房




1、掌握传统补间动画的原理
2、熟练绘制工具的使用
3、理解传统补间动画的操作
4、理解缓动、旋转的使用意义

作业布置 P89单元实训1

拟用时间
40min

重 点
 传统补间动画的操作
 缓动、旋转的使用意义

难 点
传统补间动画的原理




传统补间动画是动画的基础,学生比较感兴趣,但案例稍微有点多,时间不太够,导致部分学

生无法完成任务

说 明
《Flash动画制作》第2章的内容,新课。
动画基础比较重要,是接下来制作动画的基础,安排了多个课时的授课时间。
授课教师: 施燕花 审阅签名:
提交日期: 审阅日期:
项目实训一
30min
项目实训二
50min

《教学过程》

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

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

【操作步骤】
1.新建文档,在属性面板中设置文档大小为 “400px×200px”,背景色为黑色。
2.选择工具箱中的椭圆工具,打开“属性”面板,设置笔触颜色为无,填充颜色为
红色,在舞台右侧按住“Shift”键绘制一个正圆,效果如图4-2所示。

3.选择工具箱中的墨水瓶工具,在属性面板中设置笔触颜色为红色,笔触高度为5,
笔触样式为斑马线,单击舞台上的圆为其添加如图4-3所示的边线效果。
4.用选择工具选中舞台上的圆,在圆上点击鼠标右键
打开快捷菜单,执行“转换为元件”命令【快捷键F8】 ,
在出现的“转换为元件”对话框中将类型设置为“图形”,
然后单击“确定”按钮,此时圆的状态如图4-4所示。
5.选中时间轴的第40帧,按“F6”键插入关键帧【快
捷键F6】,用选择工具将“圆”实例移至舞台的左侧,
如图4-5所示。

6.在时间轴的第1帧上单击鼠标右键,在弹出的菜单中选择“创建传统补间”命令。打
开属性面板,在“旋转”列表框中选择“顺时针”并将次数设置为1,此时的时间轴如图
4-6所示。

7.保存文件“小球滚动”并测试影片。

 项目实训2──模拟投篮效


【项目介绍】
本实训通过制作一个小球的跳动来模拟投
篮效果,重点讲解运动动画补间属性面板中“缓
动”和“旋转”两个参数的设置,实训最终完成
效果如图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-2绘制圆
图4-3为小圆添加边线效果
图4-4将小球转成图形元件

图4-5插入关键帧并移动小球

图4-9绘制小球
图4-7效果图
图4-6时间轴效果
8.在第15帧上按F6键插入关键帧,调整小球至图4-12所示位置。
9.在第5至第15帧之间创建动画补间,并在属性面板中设置“旋转”为“顺时针1次”,
在“缓动”文本框中输入“20”,实现小球减速上升的效果。
10.同样的道理,在25帧、45帧、65帧分别插入关键帧,调整各关键帧上小球的位置如
图4-13所示,在各段上设置补间动画并根据需要正确设置“缓动”、“旋转”两个参数。

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

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