《二维动画制作》教案

《《二维动画制作》教案》由会员分享，可在线阅读，更多相关《《二维动画制作》教案（35页珍藏版）》请在金锄头文库上搜索。

1、丁 丁 的 文 档1二维动画制作二维动画制作教案教案(2010 年下学期年下学期)教师：丁星明教师：丁星明授课班级：一年级授课班级：一年级 1001、1002 班班丁 丁 的 文 档2第一章 二维动画基础【课课 题题】二维动画基础 【节节 标标 题题】1.1 动画的原理与发展 1.2 二维动画的制作工具及文件格式 1.3 Flash MX 基础知识 【教学目标教学目标】 1.知识目标 (1)了解动画的基本原理、电脑动画的概念及特点； (2)了解传统动画的制作过程； (3)了解二维动画的常用制作软件； (4)了解二维动画常用的文件格式； (5)认识 Flash MX 动画制作软件的界面； (6)

2、初步掌握 Flash 相关的几个基本概念。 2.技能目标 (1)熟悉 Flash MX 的使用界面； (2)掌握浮动面板的显示、隐藏及布局。 3.发展目标 培养学生自主学习的能力 【教学模式教学模式】 基于教师指导与学生思记的教学模式 【课前准备课前准备】 1.制作教学辅助课件，引导学生认真阅读教材，为学生自主 探究学习提供帮助。 2.准备几张透明胶片，将风车动画的基本组成部件绘制在胶 片上。 3.使用 Flash MX 制作好风车动画的几个基本元件（风车架、 风叶等） 。 4.各收集一个 GIF 格式、SWF 格式、AVI 格式和 FLC 格式的动 画。 【教学重、难点教学重、难点】 重点：

3、Flash 的使用界面及基本概念。 难点：Flash 的几个基本概念。 【课时安排课时安排】丁 丁 的 文 档32 课时 【教学过程教学过程】 一、新课导入 对于动画，我们大家都不会陌生，很多同学大概都是伴随着 动画片成长，象“米老鼠” 、 “唐老鸭”等动画形象大家肯定都不 会。动画，可以说是一种老少咸宜的艺术形式，它有着悠久的历 史，像我国民间的走马灯和皮影戏，就可以说是动画的一种古老 形式。设疑，让同学们思考。 1.什么是动画？ 2.动画是如何制作出来的？ 3.我们是否也能够制作动画片？ 二、新课讲解 1.动画的原理与发展 (1)动画是由于人眼“视觉暂留”的特性而产生的。讲解过程中展示风

4、车转动的图片，先一幅幅放慢地展示，然后在以转快的速度展示，使学生 加深理解。 (2)简单介绍传统动画片的制作过程。事先准备好几张透明胶 片，通过幻灯片投影演示，让学生有个较直观的了解。 (3)讲解电脑动画的概念及分类，先通过使用 Flash MX 制作 风车转动动画，让学生对电脑动画与手工制作动画的区别有个较 为直观的了解，更便于掌握电脑的特点。 2.二维动画的制作工具及文件格式 简单介绍二维动画的制作工具，展示 Flash MX 及Ulead Gif Animator 软件，展示几个格式的动画例子，帮助学生了解并记忆。3.Flash MX 基础知识 (1)Flash MX 的使用界面，以前面

5、制作的风车动画为例，来逐 一讲解 Flash MX 的使用界面，特别注意演示浮动面板的显示和隐 藏的基本操作。 (2)讲解清楚几个概念（以风车转动进行讲解） 矢量图形和位图图像。注意演示两种图像缩放后，画质变化情况， 使学生能够牢记。 帧。组成动画的最基本元素，可以理解成日常生活中电影胶片中的 底片 元件。是组成电影的各个元素，可重复使用。 图层。用于控制不同类型或不同时间段的对象。丁 丁 的 文 档4三、归纳小结 1.学习动画的基础知识，了解动画的基本原理及二维动画的 基础知识。 2.着重学习 Flash MX 的基础知识，重点掌握 Flash 的基本概 念。 四、课后作业 1.动画是根据什

6、么原理产生的？电脑动画一般分成几种类型？ 它们分别是什么？ 2.二维动画的文件格式有哪些？ 3.矢量图形与位图图像有何区别？ 4.帧、元件和图层各有哪些类型？ 5.Flash MX 有哪些主要的文件格式？ 6.上机实习，熟悉 Flash MX 的使用界面，掌握浮动面板的显 示、隐藏及布局。第二章 绘图基础 【课课 题题】绘图基础 【节节 标标 题题】2.1 绘图和着色 2.2 选择与编辑对象 2.3 文本编辑 2.4 图形导入 【教学目标教学目标】 了解 Flash MX 的界面 掌握 Flash MX 绘图工具的初步使用 理解对象，库，组件，实例的概念 学会简单动画的制作要点 Flash M

7、X 的基本工具的使用 Flash MX 的专业术语的概念和应用 简单动画的制作流程和关键步骤 【教学模式教学模式】 基于任务驱动法，结合演示引导启发式的教学模式及教材的 自主探究学习的教学模式丁 丁 的 文 档5【课前准备课前准备】 1.制作教学辅助课件，引导学生认真阅读教材，为学生自主 探究学习提供帮助。 2.将教学辅助课件及实例素材发给每位学生。 3.班级学生按“组内异质，组间同质”的原则分好各合作学 习小组，每组 45 人组成。 【教学重、难点教学重、难点】 重点：Flash MX 软件绘图中编辑对象的一般方法。 难点：Flash MX 软件绘制图形的操作技能。 【课时安排课时安排】 （

8、16 课时） 2.1 绘图和着色（二课时） 2.2 选择与编辑对象 （六课时） 2.3 文本编辑（四课时） 2.4 图形导入（四课时）2.1 绘图和着色绘图和着色Flash 是一个优秀的平面动画及动态网页制作工具，Flash 已越来越多落户于动画创作人员的计算机中，以网页动画为代表 的网站也如雨后春笋般涌现出来，其中比比皆是。 Flash 系列到近期推出的 Flash MX 功能不断加强，IE5 支持 Flash,浏览者不用下载插件就可以直接浏览 Flash 动画。 系列的主要特点： 1，采用和其他网面动画制作软件完全不同的核心技术：流 控制技术。简单地说，就是边下载边播放的技术，不需要考虑网

9、 络是否拥挤，即使是每秒几十字节的传输速度，也可以流畅地观 看。Flash 文件在下载的同时可即时地流畅的播放显示，完全打破 网络带宽的限制。 2，采用了矢量技术，可以将一幅图像进行任意的缩放，而 不会有任何失真。因此，可以采用体积很小的图像来制作动画， 使 Flash 文件变得非常小，而在应用时，即使全屏幕播放该动画 也不会增加文件大小。 3，界面友好，简单易学，只要一上手，就会被深深地吸引。 无论初学者还是高手们都可以利用 Flash 权利，发挥无限的想象 力，实现自己的创意。在 Flash 的天地中，只有想不到的没有做丁 丁 的 文 档6不到的。 4，与 Dreamweaver 和 Fi

10、reworks 配合密切，结合完美。 Flash 动画可以插入到 HTML 里，也可以单独成为网页。由于还具 有交互性，Flash 制作的网页的效果完全超出了 DHTML,java 和 ActiveX。 Flash MX 与 Flash5 相比较，新增加了一些主要的功能： *增加了浮动面板和可引用的其他源文件的图库组件。 *支持双声道 *支持 MP3 压缩音频格式 *支持 Alpha 透明通道 为了让初学者学习 Flash 更为方便，直观的，本篇的采用最 新版本 Flash MX 汉化软件来组织教材。只要的读者懂得 Windows 的操作，学习就会很快入门和得到进阶提高。对创建夭量图形和 动画

11、还没有经验的读者，建议除本篇外，再看一看 Flash MX 自带 的帮助文件中的教程和实例。 说明：汉化 Flash MX 版有两种：一种用汉化被丁方法实现， 另一种一次直接安装。本教材采用的是前一种方法。不同方法化 结果略不同。绘图工具的使用绘图工具的使用 绘图工具箱中的各种绘图工具和操作工具是用户创建 Flash 动画的基本要素就是用它所带的绘图工具箱制作完全的。 图 2-2-8 所示的是常用工具栏的各个工具的具体名称。 一、画笔工具 在 Flash MX 的绘图工具中，画笔工具是了常用的工具之一， 画笔工具类可以直线工具，画圆工具一样归入。1，直线工具 单击直线工具按钮/，按下绘图工具栏

12、中部的按钮，选择好 线条颜色后就可以使用鼠标到工作区域来创建直线了。如图示 2- 2-9 所示。打开方法之一：菜单“窗口”/“面板”/“描绘”命令 即可。在其面板是上便可确定你所需的参数了。 直线工具只能使用实心的颜色的颜色而不能使用填充的效果。 需要注意的是在 Flash 中建立的图形都是矢量图形。 技巧 1 按住 shift 键可以将直线的方向限制在水平，垂直丁 丁 的 文 档745角的方向。 2 确定颜色时在打开“调色板”对话杠中，其颜色值除可用 鼠标选定外，还可用手工输入具体的 RGB 十六进制数值。例如， 输入“#FFFFFFF“代表白色2，画圆工具 画圆工具可以建立各种椭圆和图形。

13、在这里建立的椭圆主要 包括两面部分，分别是线框部分和填充部分，如图示 2-2-10 所示。 椭圆的线框和填充部分可以看作是两个不同的对象。线框部分其 实是一个线条对象，用户可以像设置直线对象的属性那样设置线 框的颜色，宽度和类型。而填充部分要使用工具箱下主如图示 2- 211 所示的属性面板栏，它不但可以设置实心的颜色，还可以设置 填充的效果，例如渐变的效果。 单击画圆工具按钮，将你所需要的参数设置好，就可以使用 鼠标到工作区域来创建圆形了，不仅可以画出各样的开头形状， 还可以画出无线框或无填充各种图形。不妨试试！ 技巧按 shift 键可以建立一个正圆形。3，矩形工具 矩形工具和椭圆工具的使

14、用非常相似，同样是由两部分组成， 但是矩形带有另一个参数-圆角的半径大小。单击按钮，弹出更 改圆角矩形半径对话框，改变边角半径(c)0 点框中的数值，便可 以画出有转角的矩形，设定适合的角度，在绘制特殊效果矩形的 过程中是很有用的。 技巧按住 shift 键可以建立一个正方形。4，铅笔工具 铅笔工具用来创建任意形状的曲线，铅笔工具设有一个属性 面板，即曲线模式选择按钮。单击该按钮后可以弹出菜单中选择 不同的曲线方式。曲线模式选择菜单中共有 3 种模式可供选择， 分别是： 直线化：在工作中画曲线时，曲线会尽量向标准的几何图形 转换 平滑：在工作中画曲线，曲线会尽量的圆滑。 墨水瓶：在工作中画曲线

15、时，曲线的形状完全就是鼠标的移 动路线。丁 丁 的 文 档8注意 在使用铅笔工具进行绘图之前，一定要决定好使用哪种曲线 模式，因为对于同样的鼠标路径，不同的曲线模式所创建的效果 有时会有很大的区别。 技巧按住 shift 键盘可以使鼠标的移动路线限制在水平或垂 直的方向上。 5 钢笔工具 它是 Flash MX 新增的功能，用于生成精确的路径，作为直 线，或者平滑，流畅的曲线。可以生成直线段，曲线段，可以调 节直线段的角度和长度，曲线段的倾斜度。2.22.2 选择与编辑对象选择与编辑对象【课课 题题】选择与编辑对象 【教学目标教学目标】 1.知识目标 (1)掌握 Flash MX 选择工具的使

16、用技巧。 (2)掌握 Flash MX 编辑对象的一般方法。 2.技能目标 (1)熟练掌握利用 Flash MX 绘制图形的操作技能。 (2)通过绘图实例训练，培养学生的综合知识的应用能力。3. 发展目标 (1)使学生在不断尝试中，激发学生创新意识，培养学生的创 造能力和审美能力。 (2)在绘图的过程中，使学生具有精益求精的工作态度和严谨 的工作作风。 4.层次目标 (1)基础薄弱学生的学习目标 了解选择与编辑对象的一般方法。 完成花朵的绘制。 (2)中等学生的学习目标 掌握选择与编辑对象的一般方法。 完成花朵与小汽车轮廓的绘制。 (3)优等学生的学习目标 掌握选择与编辑对象的一般方法与应用技巧。丁 丁 的 文 档9完成花朵与小汽车的绘制。 指导帮助本组的其他同学，在知识技术和组织上的带头 作用。 【教学模式教学模式】 基于任务驱动法，结合演示引导启发式的教学模式及教材的 自主探究学习的教学模式