flash动画.docx

1、flash动画第四课 二维动画基础本学期总第4课时 本单元第 1 课时 课型：新授课主备人 ：张林 授课日期：4.18 【课 题】二维动画基础【教学目标】1、认识Flash MX 2004的历史、特点2、懂得安装Flash MX 20043、熟悉Flash MX 2004的常用工具和面板【教具】多媒体机房（投影仪、电子教育平台）【教学重、难点】重点：Flash软件的使用界面及布局难点：Flash的几个基本概念【课时安排】2课时【教学过程】一、 新课导入对于动画，我们大家都不会陌生，很多同学大概都是伴随着动画片成长，象“米老鼠”、“唐老鸭”等动画形象大家肯定都不会。动画，可以说是一种老少咸宜的艺

2、术形式，它有着悠久的历史，像我国民间的走马灯和皮影戏，就可以说是动画的一种古老形式。设疑，让同学们思考。1、什么是动画？2、动画是如何制作出来的？3、我们是否也能够制作动画片？二、 新课讲解开始部分：介绍这节课要讲的知识点：1、Flash MX的历史2、Flash MX的特点3、Flash MX的安装4、Flash MX的工作环境5、常用工具和面板介绍展开部分：Flash MX概述111 Flash的历史Flash的前身是美国一家电脑公司生产的一个很小的计算机软件，早期称为FutureSplash。从flash1.0发展到现在的flash9.0。我最常用的还是flashMX2004版本。112

3、 Flash的特点1使用矢量图形和流式播放技术。2通过使用关键帧和元件，使得所生成的.swf格式的动画文件非常小。3将音乐、动画、声效融合在一起。这样使得越来越多的人把Flash作为网页动画设计的首选工具。4拥有功能强大的ActionScript语言，有自己的ActionScript函数、属性和目标对象等，兼容并支持Flash低版本。另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。Flash MX的特点还有很多，需要我们在学习本教程的过程中，认真仔细的去体会。Flash MX安装121 Flash MX的系统需求600MHz英特尔奔腾处理

4、器或以上。Windows 98 SE，Windows 2000，或Windows XP。128MB内存（Flash MX 较以前版本，占用内存较大，建议使用256MB内存）。190MB可用硬盘空间。122 Flash MX的安装过程现场展示安装过程。Flash MX的工作环境分别介绍以下几个知识点：1、标题栏： 2、菜单栏： 3、时间轴：4、工具箱： 5、舞台：6、各种面板：133场景与舞台134 时间轴窗口135 工具栏136 浮动面板1、属性面板 2、混色器面板 3、颜色面板 4、信息面板5、变形面板 6、动作面板 7、电影浏览器面板 8、库面板三、 归纳小结1.学习动画的基础知识，了解动

5、画的基本原理及二维动画的基础知识。2.着重学习Flash MX的基础知识，重点掌握Flash的基本概念。3了解了Flash MX工作界面。四、 课后作业2.二维动画的文件格式有哪些？4.帧、元件和图层各有哪些类型？5.Flash MX有哪些主要的文件格式？五、教学后记第五课 绘图工具（一）本学期总第5课时 本单元第 2 课时 课型：新授课主备人 ：张林 授课日期：4.25 【课 题】绘图工具（一）【教学目标】掌握Flash MX绘制图形工具的使用方法及技巧【教学重、难点】Flash MX软件绘图工具的使用【教学过程】一、新课导入1、图形和文字是FLASH动画的基础，所以掌握绘图工具的使用对于制

6、作好的FLASH作品是至关重要的。2、演示示例并提出这些图形是怎样绘制的。示例：一座乡村小屋、一架飞机3、让学生观看工具箱面板：二、新课讲解（一）、绘制图形1、线条工具师：数学中的矩形、三角形是怎样绘制出来的。师操作：先用线条工具绘制一个矩形在工具箱中的线条工具是用来绘制直线的，具体使用方法如下：（1） 单击工具箱中的线条工具按钮（2） 在“属性”面板中设置线条的颜色、宽度和线型（3） 在场景中绘制直线的起点处单击鼠标左键并拖动到鼠标到终点处松开鼠标即可2、铅笔工具铅笔工具有三种使用模式：伸直、平滑、墨水模式3、钢笔工具使用钢笔工具可以自由、精确地创建和编辑矢量图形，它不仅可以绘制直线、曲线，

7、而且还可以调整路径上的节点。 4、矩形工具和椭圆工具具体使用方法如下：(1)单击工具箱中的矩形工具或椭圆工具按钮(2)在场景中绘制图形的起点处单击鼠标左键，并拖动鼠标到终点处松开鼠标即可。三、教师示例演示1、绘制一个梯形、曲线和正圆2、绘制一个五角星、一座乡村小屋。四、学生练习五、归纳小结本节课学习了绘图工具的使用，重点掌握线条工具、钢笔工具、铅笔工具、矩形工具、椭圆工具六、作业1、怎样用钢笔工具绘制曲线？2、一座乡村小屋七、教学后记第六课 绘图工具（二）本学期总第6课时 本单元第 3 课时 课型：新授课主备人 ：张林 授课日期：5.2 课 题】绘图工具（二）【教学目标】1、运用Flash M

8、X绘图工具来绘制图形。2、熟练使用图形填充和着色的操作方法。【教学重、难点】Flash MX软件绘图工图形填充和着色的操作方法【教学过程】 一、复习上节课的内容。 线条工具、钢笔工具等工具的应用。二、新课讲授1、画笔工具使用画笔工具绘制的图形从处观上看似乎是线条，其实是一个填充区域，只是没有边缘而已，并且有刷子粉刷的效果。使用方法如下：（1） 单击工具箱中的画笔工具按钮（2） 选择合适的填充色（3） 设置画笔形状（4） 设置画笔的大小（5） 设置画笔模式2、橡皮擦工具师：图形或线条绘制有误了，怎么修改？师操作：用橡皮擦工具进行修改，具体操作如下：2、着色与填充A、墨水瓶工具墨水瓶工具用来对场景

9、中的线条进行修改，具体使用方法如下：（1）单击工具箱中的墨水瓶工具按钮（2）利用“属性”面板设定所需的描绘色B、油漆桶工具油漆桶工具可以对封闭区域或不完全封闭区域进行填充三、教师示例演示1、绘制一架飞机2、绘制热带鱼四、学生练习 绘制一架飞机五、归纳小结本节课学习了画笔工具、着色与填充工具及橡皮擦工具的应用六、作业 写出绘制一架飞机的步骤七、教学后记第七课填充转换工具本学期总第7课时 本单元第 4 课时 课型：新授课主备人 ：张林 授课日期：5.9【课 题】填充转换工具【教学目标】1、掌握Flash MX选择填充转换工具的使用技巧2、掌握Flash MX编辑对象的一般方法【教学重、难点】重点：

10、Flash MX软件绘图中编辑对象的一般方法难点：Flash MX软件绘制图形的操作技能【教学过程】填充转换工具 是用来调整渐变色的渐变方向、对应色的填充位置和缩放渐变色区域的长度。1. 调整线性渐变填充调整线性渐变填充的操作步骤如下：在舞台上绘制一个线性渐变填充的图形，参看图1-36第一个图示。在工具箱中选择线性填充工具，然后单击需要调整线性填充的渐变区域，可以看到调整外框有一个圆形调节手柄和一个方形调节手柄，参看图1-36第二个图示。其中：两条平行线叫做渐变线，它反映了线性渐变方向与渐变量；圆形手柄用来旋转填充区域，改变渐变色的填充方向；方形手柄用来移动渐变线，以改变渐变色的填充区域长度。

11、旋转圆形手柄，改变渐变色的填充方向，参看图1-36第三个图示。拖动方形手柄，移动渐变线，改变渐变色的填充区域长度，参看图1-36第四个图示。图1-36 线性填充工具的使用2. 调整辐射（径向）渐变填充调整辐射渐变填充样式的方法如下：在舞台中绘制一个线性渐变填充的图形，如图1-37左图所示。单击绘图工具箱中的填充转换工具按钮，然后单击需要调整的线性渐变填充图形的填充区域，可以看到调整外框有3个圆形手柄（一个在中央，两个在圆上）和一个方形手柄，如图1-37右图所示。图1-37 辐射渐变填充示例用鼠标用鼠标拖曳位于椭圆中心处的小圆形手柄，可以移动填充色块中心亮点的位置。如图1-38第1个图所示。如果

12、使用鼠标拖曳位于圆周上的小方形手柄，可以调整填充色块的渐变圆的长宽比例。如图1-38第2个图所示。图1-38 辐射渐变填充工具的使用如果使用鼠标拖曳位于圆周上紧挨着小方形手柄的小圆形手柄，可以调整填充色块渐变圆的大小。如图1-38第3个图所示。如果使用鼠标拖曳位于圆周上另一个小圆形手柄，可以调整填充色块渐变圆的倾斜方向。如图1-38第4个图所示。第八课填充转换工具本学期总第8课时 本单元第 5课时 课型：新授课主备人 ：张林 授课日期：5.23【课 题】选择对象【教学目标】1、掌握Flash MX选择工具的使用技巧2、掌握Flash MX编辑对象的一般方法【教学重、难点】重点：Flash MX

13、软件绘图中编辑对象的一般方法难点：Flash MX软件绘制图形的操作技能【教学过程】一、新课导入图形是 Flash MX 动画的基础，所以掌握绘图的一般方法对于制作好的Flash作品是至关重要的。前一讲我们学习了绘制图形工具的使用，并且掌握图形填充和着色的操作方法，本节课我们学习Flash MX选择工具的使用技巧与编辑对象的一般方法。二、新课讲解运用自主探究的学习方法学习以下内容：1、箭头工具的使用(1)用箭头工具选择填充区域。(2)用箭头工具选择线条。(3)用箭头工具选择某一区域内的对象。(4)用箭头工具修改图形的其他方式。2、套索工具的使用(1)套索工具 可以选取一定的区域(2)在套索工具

14、中的选项栏里有三种选取模式3、移动、复制和删除对象三、实例应用实例一：绘制花朵本实例教学运用演示引导启发式的教学模式(1)实例分析：本实例是绘制一花朵。该实例首先运用椭圆工具和编辑工具绘制一片花瓣，然后移动注册点，利用变形面板对花瓣进行精确旋转复制，即可绘制出均匀分布花瓣的花朵了。(2)跟学实例要点:在本实例的跟学过程中，有两点特别重要，一是在使用椭圆工具和箭头工具绘制完一个花瓣后，一定要移动注册点到适当的位置；二是使用“变形”面板对花瓣进行精确旋转的角度分析，如在本例中要画片花瓣的花朵，那么花瓣所要旋转的角度为360 除以 5，即 72 度。点取“拷贝并应用变形”按扭四次，即可得到拥有五片花

15、瓣的花朵。一定要分析透彻，使学生达到举一反三，灵活运用的目的。四、归纳小结1、学习了Flash MX选择工具的使用技巧。五、作业1、绘制“卡哇咿”小猪。2、绘制花朵3、绘制风车六、教学后记第10课时 上机实习【实习目的】1、练习Flash选择工具的使用技巧2、练习Flash MX编辑对象的一般方法【实习内容】1、继续熟悉Flash MX的使用界面，掌握浮动面板的显示、隐藏及布局2、 绘制“卡哇咿”小猪3、绘制花朵4、绘制风车【实习后记】总第11课时【课 题】编辑对象【教学目标】1、掌握Flash MX选择工具的使用技巧2、掌握Flash MX编辑对象的一般方法【教学重、难点】重点：Flash

16、MX软件绘图中编辑对象的一般方法难点：Flash MX软件绘制图形的操作技能【课时安排】1课时【教学过程】一、新课导入图形是 Flash MX 动画的基础，所以掌握绘图的一般方法对于制作好的Flash作品是至关重要的。前一讲我们学习了绘制图形工具的使用，并且掌握图形填充和着色的操作方法，本节课我们学习Flash MX选择工具的使用技巧与编辑对象的一般方法。二、新课讲解运用自主探究的学习方法学习以下内容：1群组与分离对象(1)群组对象：选择“修改”“组合”菜单命令(快捷键： Ctrl+G )(2)分离对象：选择“修改”“分离”菜单命令,这种操作也称为“打散”，如需将群组后的对象撤消群组状态，也需

17、要同样的方法，(快捷键：Ctrl+B )。2对齐对象选择“窗口”“排列”菜单命令（快捷键：Ctrl+K ），将显示“对齐”面板，在该面板中可以调节各个对象的位置来对齐对象。3变换对象(1)缩放、倾斜与旋转对象(2)翻转对象(3)变形与修边对象(4)调整对象的注册点位置：在 Flash MX 中，所有的群组、实例、文本块、位图都有一个注册点。在对对象进行旋转、倾斜、扭曲等转换操作时都将用到它。默认情况下，注册点位于对象的中心。要移动其位置，只需用鼠标左键按住注册点并拖动即可，当对象的注册点改变后，对对象进行转换操作时，将以新的注册点为中心。三、实例演示:绘制小汽车本实例教学运用演示引导启发式的教

18、学模式实例说明:本实例是绘制”甲壳虫”轿车.本实例充分利用了工具箱中的编辑工具,如自由变形变形工具、箭头工具等,并结合复制、粘贴、移动等命令的使用,完成时尚的甲壳虫轿车的绘制。四、归纳小结学习了编辑对象的基本操作和技巧五、作业1、继续绘制“卡哇咿”小猪。2绘制花蝴蝶3、绘制小汽车4、绘制荷兰风车六、教学后记总第12课时 上机实习【实习目的】1、练习Flash MX选择工具的使用技巧2、练习Flash MX编辑对象的一般方法【实习内容】1、继续绘制“卡哇咿”小猪2绘制花蝴蝶3、绘制小汽车4、绘制荷兰风车【课时安排】1课时【实习后记】总第13课时【课 题】逐帧动画【教学目标】 1、懂得绘图工具的使

19、用和图形颜色的编辑2、理解时间轴和帧的概念及操作3、掌握逐帧动画的生成【教学重、难点】重点：逐帧动画的制作难点：逐帧动画的生成【课时安排】1课时【教学过程】一、新课导入在了解Flash的历史、特点，以及相应的工作环境后，心急的你一定想亲自动手制作动画了吧？在本节我们先学习制作动画所需的一些基本知识，然后再制作一个最简单的动画逐帧动画。二、新课讲授帧帧动画，也叫逐帧动画，是由若干个连续关键帧组成的动画序列，是和传统的动画制作方式类似的最为基础的动画制作方式。在制作这种动画时，需要对每一帧的内容进行逐个绘制，工作量非常大，但是其所产生的动画效果，也是相当强的。帧帧动画非常适合于制作复杂的动画场景，

20、这样可以通过每一帧的内容来表现对象发生的微妙过程。但帧帧动画对于人员的绘图技巧有着较高的要求，而且文件的数据量也变得非常大。下面介绍其制作步骤。编辑帧帧动画的具体步骤如下：1单击某个图层使其成为当前层；2在该层上选择起始帧；3把起始帧设置为关键帧；4设置背景图；5在起始帧建立动画内容；6设置起始帧后的第2帧，将该帧设置为关键帧，然后编辑内容；7重复第6步，设计其他的每一帧；8执行【控制】菜单中的【测试影片】命令观看设计效果；9关闭播放窗口，回到编辑舞台，如不满意重新编辑；10重复第8、第9步，直到设计出满意的效果为止。三、教师操作实例 1、制作烟囱烟雾的动态效果 2、制作倒计时效果具体操作步骤

21、如下：选择【文件】菜单中的【新建】命令，在弹出的【新建文档】对话框中选择“Flash文档”。在文档【属性】对话框中将舞台大小设置为500*100像素，背景色为淡紫色，使用默认帧频12fps（帧/秒），如图2-27所示。实例剖析在工具箱中选择文本工具，在舞台下边的【属性】面板中设置字体为Arial Black，字体大小为60磅，字体颜色为黑色，如图2-28所示。在舞台中间单击鼠标，看见文本输入标志，输入数值“01”，在上边的时间轴中可以看到第1帧出现了一个黑色圆点，表示已经建议了一个有内容的关键帧，如图2-29所示。在时间轴上单击第2帧，按F6键，即插入一关键帧，可以看到第2帧的位置上出现了一个

22、黑色圆点，表示第1帧的内容被完全复制到了第2帧上。选中第2帧，将原来的“01”删除，改成“02”，这样第2个关键帧所对应的内容为数字“02”，如图2-30所示。按照第5步的方法继续下去，在第3帧上插入一个关键帧，将舞台上的数字改成“03”。在第4帧上插入一个关键帧，将舞台上的数字改成“04”依次类推，到第10帧的数字为“10”，如图2-31所示。用鼠标单击第一帧，指定第一帧为当前帧。执行【控制】菜单下的【测试影片】命令，可以观看到数字变化的过程。四、归纳小结1、图形颜色的编辑2、时间轴的概念3、帧的概念及相关操作4、逐帧动画的生成总第14课时 上机实习【实习目的】1、懂得绘图工具的使用和图形颜色的编辑2、理解时间轴和帧的概念及操作3、掌握逐帧动画的生成【实习内容】1. 制作倒计时2制作打字效果动画。3制作秒表【课时安排】1课时【实习后记】