当前位置:首页 >> >>

Flash简单动画制作教案


Flash 简单动画制作教案
陈英

一、教学目标:
了解计算机动画制作原理和方法,掌握几种简单动画的制作

二、教学对象:
09 级学生

三、本此课程主要内容
1、flash 工作界面及基本操作及概念简要介绍 2、实例讲解

四、教学重点:
1、计算机动画的分类;关键帧、空白关键帧的概念; 2、简单对象的移动、变形动画的制作方法

五、教学难点:
引导层的制作

六、教学手段:
演示讲授法,边演示边操作,学生同步跟随学习。

七、教学方法:
实例讲解法。即通过一个 flash 实例,讲解其所涉及到的概念与基 本技术,激励学生学习的兴趣。

八、教学主要内容讲解:
(一) 、导入:
首先播放一段 FLASH 动画,该动画包含了本节课所要学习的主要操作内容——对象的 移动及变形;引导学生了解 flash 动画,并激发其学习 flash 动画制作的激情。

(二) 、基本概念讲解:
1、元件:一个位图、矢量图形、音乐片断或是一段独立的 flash 动画(好比是演员), 通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使 用,减小了 FLASH 的体积便于传输,也减小了 FLASH 制作者的工作量。元件都被放置在 库中,使用时只用将其拖放到场景中即可,在场景中只能对其位置和形状进行编辑,如果要 对元件进行编辑,需要切换到元件编辑状态。元件分为:图形元件、按钮元件和电影剪辑元 件。元件中图形就是指动态或者静态的图片元件,电影剪辑是 FLASH 小片段,按钮就是具 有一定图形功能的按钮图形了。 库:存放动画元件的地方(好比是一场戏的后台) 2、场景:动画的表现场所(好比是舞台) 3、时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线, 包括了层编辑区、帧编辑区和时间线。(好比是剧本) 我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后 台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在 时间线上设置开始、结束时的状态,生成动画)。 4、帧:就是时间轴上的小格子,一帧其实就是一幅图,是构成动画的基本单位。可分为 关键帧、空白关键帧和过渡帧。 5、关键帧:是动画演示的基础,可以放入各种对象~声音、图片、按钮、视频等等,所 有这些都只能放置到关键帧上,如果没有关键帧,就没有动画。两个关键帧之间可以做补间 动画, 这样两个关键帧就可以确定物体移动的两个关键点。 关键帧用含有实心圆圈的方格表 示。 6、空白关键帧:这个关键帧在场景上什么都没有(不包括声音和代码),用含有空心圆 圈的方格表示;如果加入对象后自动变为关键帧。 两个关键帧之间带粉红色有长线箭头标志的帧:渐变动画~也叫补间动画,能让一个物 体在这段帧之间作出来,渐变移动的效果(可以改变透明度等等)。 两个关键帧之间带绿色有长线箭头标志的帧:形变动画~第一帧的动画到最后一帧的时 候可以变化出另外一种图形、形状。

(三) 、基本操作讲解
1、移动动画的制作

“插入”菜单栏 à“新建元件”à 设置名称”c1”,行为”图形”, 点“确定”à 点“工具”面板里的“椭 圆工具”à 设置“椭圆工具”的相关属性(包括笔触颜色、粗细、样式及填充颜色)à绘制椭圆 (如果要绘制圆, 请按住“shift”) à点击“场景 1”, 回到场景里 à点击“窗口”菜单栏, 选择“库” (可看到“库”窗口被打开,刚才建立的 c1 元件在库里)à点击“时间轴”里的第 1 帧,把“库” 里的 c1 拖到场景的左边 à点击“时间轴”里的第 20 帧,点击右键,选择“插入关键帧”(可在 时间轴上看到第 20 帧处有“·”) à把刚才的对象从左边拖到右边 à在时间轴第 20 帧以前的任 意一帧点击左键,在属性面板里的“补间”后的下拉列表里选择“动作”,即可看到从第 1 帧到 第 20 帧的时间轴背景为粉红色并有一条带箭头的实线 à回车,欣赏刚才制作好的动画。 2、关键帧动画:先行设计出若干关键性动作的图像画面,然后利用计算机图形技术的算 法来自动生成两个关键帧之间的一系列过渡画面。flash 动画主要就是运用关键帧动画技术, 比如我们刚才的这个“移动动画”的制作。 3、运动路径动画:首先确定运动对象的移动轨迹,并设定在移动过程中对象需要改变的 旋转方向、色彩及形状等参数,软化将整个运动过程交给计算机来完成。 4、变形动画:适合模拟形状变化频繁的任务、动物和自然现象,主要用于表现模拟自然 或生活中实际的动作,或科幻电影中虚幻、夸张的动作(如电影《功夫》、《少林足球》等 里面的夸张动作)。 5、物理模型动画:基于物理模型技术的三维动画制作,需要从外形、颜色、灯光、纹理、 材质等多方面模拟真实物理的各种物理属性(如 cctv6 里《光影周刊》的虚拟主持人小龙)。 6、逐帧动画:通过一帧帧地绘制,并按先后顺序排列在时间轴上通过顺序播放达到的动 画效果。 说明: 学生根据老师刚才的演示,自行练习移动动画的制作(3-5 分钟)。 学生记住 Flash 原始文件和 flash 影片的扩展名(分别为 fla 和 swf)。

(四) 、实例讲解——Flash 引导线制作雪花飘飘动画
1、新建一个 Flash 影片。设背景为“黑色”,其他的用默认值。 2、按 Ctrl+F8 新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔” 工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图 1-1 所示)

3、再用 Ctrl+F8 建一个组件,类型为“影片剪辑”,命名为“前层”。 4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用 “放大镜”将它放大, 然后再用“比例”功能, 可缩得更小) 在第 80 帧上“插入关键帧”, 。 在“图 层 1”上用鼠标右键的“添加引导线”功能(见图 1-2)。

在新增加的“引导线:图层 1”的第 1 帧上,从“雪花”开始,画一条弯曲的曲线。将第 80 帧上的“雪花”沿曲线从头拖到曲线的末尾。 然后在“图层 1”的第 1 帧上点鼠标右键, 选“创见 动画动作”功能,见图 1-3。

5、第 4 步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第 4 步重复做 10 次。做好后的效果见图 1-4。

6、把第 3 至 5 步重复做两次, 不同之处是组件的命名分别为“中层”和“后层”。“雪花” 的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。 7、现在回到场景 1 中,插入 6 个图层,分别命名为“后层 1”、“后层 2”、“中层 1”、 “中层 2”、“中层 3”、“中层 4”、“前层 1”、“前层 2”。在对应的层上拖入对应的组件,并适 当的调整时间轴,让雪花飘得连贯起来。见图 1-5。

按 Ctrl+Enter 就可以看到效果了。


赞助商链接
相关文章:
中职Flash教案
制作简单动画 文档的创建 、文档的发布与导出 熟悉 Flash 8.0 软件的使用 使学生喜欢学习 Flash 动画制作 教学目标 技能 (能力) 态度 教学目 标设定 的...
计算机动画制作教案
计算机动画制作教案_其它课程_初中教育_教育专区。盐城交通技师学院 公开课教学...本节课将以 Flash 为例学习制作计算机动画的基础知识, 通过一些简单动画的制作...
flash移动动画制作的教学案例
flash移动动画制作教学案例 - 《FLASH 补间动画之移动动画》教学案例 李晓荣 一、教材分析 本节课出自西北工业大学音像电子出版社出版的《Flash 8 入门●进阶●...
《制作补间动画》教学设计
教学设计| 《制作补间动画》教学设计_其它课程_初中教育_教育专区。动画设计教案...通过上一节的学习,学生已熟悉 Flash 界面,能够使用基 本工具绘制简单图形,并...
《简单的动画补间动画》教案
简单动画补间动画教案_其它课程_初中教育_教育专区。浙江省 2016 年上...生制作湖州宣传片,教 师先展示自己事先做好 的 flash 宣传片,激发 学生自己...
Flash《动作补间动画》教案
Flash《动作补间动画教案 - Flash《动作补间动画教案 一、 教材分析 本课是西安交通大学出版社初中信息技术(八年级下册)第七课《动作补间动画》的内 容,在...
flash教学计划
flash教学计划 - flash动画制作软件中职院校教学计划... Flash 教学计划 授课人:贾 龙 FLASH 教学计划本学期...简单动画(逐帧 动画、补间动画)的制作、特殊动画(引导...
Flash8电子教案大全_图文
简单的动画 重点与难点 教学方法 教 讲授与演示法 学内容及过程与环节备注 第 1 章 Flash 8 快速入门 1.1 初识 Flash8 Flash 是目前非常流行的二维动画制作...
项目一 初识Flash 8中文版--电子教案
2. 认识使用 Flash 8 制作一个简单动画的过程; 认识软件 Flash 8 界面; 讲授主要内 容重难点点 要求掌握知 识点和分析 方法 授课思路, 采 用的教学方 法和...
Flash8教案
简单的动画 重点与难点 教学方法 教 讲授与演示法 学内容及过程与环节备注 第 1 章 Flash 8 快速入门 1.1 初识 Flash8 Flash 是目前非常流行的二维动画制作...
更多相关标签: