设为首页 收藏本站
今日天气:
位置: 首页 > 教学资源 > 技术 > 正文
制作基本动画
点击数:1855 更新时间:2011-12-3
课题:制作基本动画 课时:2课时 教学目标: 1. 知识与技能 (1) 会创建元件及将图形转换为元件 (2) 掌握补间动画制作的一般步骤,学会制作补间动画的制作方法。 (3) 分析比较“动画补间”动画和“形状补间”动画的区别,进一步理解动画制作原理。 2. 过程与方法 通过制作元件“球”、“球”的动作补间动画和“圆形变成方形”的形状补间动画,了解动画制作的一般方法。对比“动画补间”动画和“形状补间”动画的制作方法,分析两者基本动画制作的区别,提高学生对动画制作的理性认识。 3. 情感态度与价值观 激励学生进一步学习动画制作,由浅入深,由表及里地掌握动画制作的方法,提高制作动画和欣赏动画的水平,培养学生自主探索、协作研究的精神。 教学方法:讲解与演示相结合,自主学习与合作学习相结合。 教学重点:1. 创建元件的方法 2. 补间动画制作的方法,“动画补间”动画和“形状补间”动画制作的区别。 教学难点:1. 创建元件的方法。 2. 理解“插入帧”、“插入关键帧”、“插入空白关键帧”之间的区别。 教学过程: 1. 情境导入 播放动画“时钟.fla”,激发学生的学习兴趣。 2. 授新课 播放动画“时钟.fla”时,讲解改变帧频、图层名称、修改文档等知识点。 ●在时间轴控制区的下方有一信息栏,通常显示3个数据:“1”、“12fps”、“0.0s”,分别表示当前动画所处的场景帧编号、帧速率和动画播放到当前帧所需要的时间,帧速率的大小直接影响到动画播放的效果,默认是12fps,双击“12fps”所在的区域,弹出“文档属性”设置对话框,在帧速率中可以填入所需数值,一般来说,帧速率不应超过20fps。 ●修改背景幕布:执行“修改→文档”命令 ●Flash源文件和Flash影片的扩展名分别为flat swf。 一、元件 教师讲解并按下列步骤演示创建元件的方法,学生理解、记忆教师的制作步骤。 在使用Flash制作动画时,常会遇到重复使用同一个图形、按钮或影片剪辑的问题,这时可将重复使用的部分定义为“元件”,可方便操作并有效减少作品的大小。 1、创建元件 以创建元件“球”为例 执行“插入”菜单的“新建元件”命令,在名称栏中输入元件名称:“圆球”,单击确定按钮,Flash将把元件加入库中,并切换到元件编辑模式,利用绘图方法创建所需要的“圆球”元件。 完成操作后,需退出元件编辑模式,执行“编辑”菜单中的“文档”命令,也可单击编辑工具栏上的场景名称退出,至此“圆球”图形元件制作完毕。 2、将现有对象转换为元件 在舞台上,选择要转换成图形元件的对象,执行“修改”菜单中的“转换为元件”命令,在打开的“创建新元件”对话框中,选中要创建的元件类型,在名称栏处输入元件名称,单击“确定”按钮,元件将自动添加到库中,舞台上被转换的对象将转换为一个实例。 学生活动:根据对教师演示操作的理解和记忆创建一个元件“球”。 教师巡回检查指导,及时指出学生在操作中出现的问题。 二、补间动画的制作 教师讲解并按下列步骤演示,学生理解并记忆其操作步骤。 补间动画:就是在创建动画时只需定义对象的起始点(形状)和结束点(形状),然后让Flash自动填充所有中间的过程。 两种类型:形状补间和动作补间,两者区别如下: 区别之处“动作补间”动画“形状补间”动画 在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头 组成元素影片剪辑、图形元件、按钮如果使用图形元件、按钮、文字,则必先打散(分离)再变形 完成的作用实现一个元件的大小、位置、颜色、透明度等的变化实现两个形状之间的变化或一个形状的大小、位置、颜色等的变化 1、 形状补间动画 形状补间是把对象从一个形状变成另一个形状,以制作圆形变为方形为例,步骤如下: 第一步:使用椭圆工具在第一帧绘制一个正圆,填充色为红色。 第二步:在时间轴20帧处插入一个空白关键帧,使用矩形工具绘制一个正方形,填充色为黄色。 第三步:选择第1帧,打开属性面板,执行“补间”下拉菜单中“形状”命令,Flash将填充所有中间的帧,因此就产生了动画,时间轴本身也会发生变化,帧的颜色变化以及中间的箭头表示的就是补间。 2、动作补间动画 以制作一个球的动作补间动画为例,操作如下: 第一步:创建一个新的图形元件,将元件命名为“球”,选择椭圆工具,笔触颜色为无颜色,填充色选择黑白放射性渐变色,在舞台上绘制一个无边框的正圆,单击填充变形工具,调整渐变色中心点位置。 第二步:选择图层1的第1帧,将元件库中元件“球”拖动到舞台左侧,在舞台上创建一个“球”的实例,使用任意变形工具调整好大小。 第三步:在图层1的第20帧右击鼠标,在弹出的快捷菜单中选择“插入关键帧”,利用“选择”工具将舞台上的“球”拖动到另一位置,再使用任意变形工具进行适当调整。 第四步:选择第一个关键帧,打开属性面板,从“补间”下拉菜单中选择“动作”,或在第1帧处右击鼠标,选择“创建补间动画”,Flash将自动填充所有中间的帧。 学生活动:在没有操作步骤参考的情况下,根据对教师演示操作的理解记忆,模仿制作动画,增强对操作步骤的理解和掌握。 教师指导学生自己动手实践,及时指出学生在操作中出现的问题,对做得好的同学进行表扬,并在学生中展示。 3. 课堂小结 总结创建元件及制作动画补间动画的方法和步骤。 分析“动画补间”动画及“形状补间”动画之间的区别。
  • 上一篇文章: 没有了
  • 下一篇文章:
  • Copyright©2011-2015 www.xztszx.com 徐州市贾汪陶圣中学版权所有
    地址:贾汪新工区 邮 编: 221011 电话:82159485 邮箱:tszxlwl@163.com 
    技术QQ: 546835523 会员注册 会员登陆