内容正文:
制作弹性球动画
人民教育出版社 八年级上册
知识与技能:
学会复制帧、粘贴帧的操作方法。
了解“颜色”、标尺的运用。
过程与方法:
通过创设情境,任务驱动,启发学生自主学习,分组合作探究,其间教师讲解 演示适当加以引导的方式,掌握弹性球动画制作的方法与技巧。
情感态度与价值观
通过学生之间的合作探究,培养学生互相协助,增进学生之间的友谊。
学生以方法、以鼓励、以创新,让学生享受成就感,树立学习的自信心。
培养学生的信息素养,提高学习信息技术的兴趣。
学习目标
学习重难点
重点:巩固传统补间动画的知识与方法
难点:复制帧、粘贴帧的操作方法
传统补间动画
01
02
传统补间动画:在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,然后由FLASH把两个关键帧中对象动作变化“补”起来的动画。
找演员----创建每张照片的元件。
将演员请上舞台 ----确定两个关键帧
让演员动起来----创建补间动画
定义:
三步曲:
注意观察篮球健将运球时,篮球是怎样运动的?
你们想一想,说一说运动的篮球发生了怎样的变化?
篮球在人手掌的用力下,落下弹起有规律地运动。
下面将展示《弹性球动画》效果。
任务一 制作一个由上而下运动的圆
如果我们把篮球看作一个圆形,也就相当
于一个圆上下有规律性地运动,前面我们已经
学过在flash里制作一个运动的圆,那么我们
能不能在些基础上来实现这个动画效果呢?
下面请同学们在制作一个运动的圆的基础上创建一个由上向下运动的圆。
小组成员交流,开始动手制作动画。
展示由上而下运动的圆动画效果。
任务2:制作“弹性球”图形
通过刚才的动画演示,两个动画中的运
动对象“圆”和“弹性球”有什么相同点
和不同点?
发现
圆 弹性球 备 注
相同点
不同点
工具箱中的“椭圆工具”
制作工具相同
填充的颜色不同
单色
渐变色
弹性球图形的制作步骤。
第1步:启动Flash (同时会自动新建一个Fash文档),单击“修改”菜单,执行“文档”令,打开“文档属性”对话框,在尺寸框中把宽度和高度的 300px×400px,把背景色设为黑色。背景色也可自定。
第2步:先选定工具箱中的“椭圆工具” ,然后
对颜色栏中的笔触颜色设置为”无色” ,填充
色设置为渐变色 (面板左下方第一个)。
第3步:单击“窗口”菜单,执行“颜色”命令,打开颜色面板,单击渐变定义栏右端的滑块,然后单击左上方的颜色框,在其中选择黄色。
第4步:按shift键的同时拖动鼠标,在舞台中就会画出一个无边界色的有渐变效果的圆。
任务3:制作弹性球落地的动画
观察前面两个动画的运动过程,有什么区别
和联系?
运动的圆动画 弹性球动画 备注
联系
区别
传统补间动画
动画类型
由上而下的过程
运动过程
1、弹性球下落过程
2、弹性球下落被压扁又恢复原
状的过程
3、弹性球恢复原状上弹的过程
从上表我们不难看出,从运动过程来看,运动
的圆动画(由上而下的过程)相当于弹性球动画
(下落过程)。
既然我们完成了“弹性球”图形的制作,就很
容易地制作弹性球落地的动画。
小试身手
请同学们根据我上面的提示制作弹性球落地的动画。
(要求:整个动画的时间帧长度为25帧。)
第5步:双击“时间轴”面板中的“图层1”,将其
改名为“弹性球”。
第6步:在“时间轴”面板的第25帧插入关键帧,
然后选定箭头工具将其拖至舞台的下方。
第5步
第6步
第7步:单击弹性球图层,然后在时间轴面板中的第1至25帧呈黑色区域的任易位置右击,在弹出的快捷菜单中,执行“创建补间动画”命令。
第7步
最终效果
展示弹性球落地动画效果。
任务4:制作弹性球落地后发生形变而弹起的动画。
请同学们观察上课前给大家演示的弹性球动画。
在它的运动变化过程中,运动对象的位置、形态
发生了怎样的变化?我们能不能根据运动对象的
运动形态与位置变化确定制作弹性球动画需要多
少个关键帧以及“时间轴”面板中的帧数?
通过分析得出, 各关键帧的运动形态、位置及“时间轴”面板对照表如下:
关 键 帧 运 动 形 态 位 置 “时间轴”面板
第1关键帧
第2关键帧
第3关键帧
第4关键帧
第5关键帧
准备落下
落 下
压 扁
恢复原状
弹 起
屏幕上方
屏幕下方
屏幕下方
屏幕下方
屏幕上方
第1帧
第20帧
第25帧
第30帧
第50帧
我们一起来分析一下,第2、3、4这三个关键帧
对应的是弹性球落地后压扁再恢复原状的过程,
也就是“时间轴” 面板中第20帧、第25帧、第30
帧中的弹性球是相同的,只不过就是发生了形状的
变