FLASHMX制作教案

FLASH 简介教学目标:1.Flash MX简介2.Flash MX动画产生原理3.熟悉Flash MX 基本界面,工作环境教学重点与难点:1.Flash MX动画产生原理2.掌握Flash MX 的工作环境实例说明:技术要点:教学方法:实例演示法教学步骤:一、Flash MX简介1.什么是FLASHFlash是美国Macromedia公司出品的一个矢量图形和交互式动画制作软件.主要应用于网页设计和多媒体动画创作领域.它可以将文字、图画、声音和视频融于一体，最终构成有声有色，品位独特的具有交互功能的动画效果。

使用Flash可以作出梦幻般的动画效果.2、Flash动画的特点：a.动画文件非常小，适合在网络上传输。

b.易学易用，功能强大。

c.交互功能强大，使用flash制作出的影片可以是观赏者轻松地参与到故事情节中，因此使用flash可开发出许多好玩的游戏。

d.流媒体格式。

可以边下载边观看（无需完全下载完在进行播放）e.用Flash作出来的动画是矢量动画(当把它放大时,它依然很清晰),而不象一般的gif格式和jpf格式的图象,放大时,看到的是一个个方形的色块.3、Flash动画的应用：a、引领多媒体课件制作的新概念。

b.Flash还可以应用于产品展示，宣传广告方面。

c.制作MTV。

d.开发各种交互式游戏4、Flash动画产生的原理：一幅幅静态图象(帧)————形成连续运动的动画。

快速播放原理：图象迅速播放使得人眼很难觉察出短暂的时间间隔。

5、FlashMX的三种文件格式：a.fla 源文件，可在flash中打开修改。

b.swf 发布文件，不包括原始的冗余的信息，只包含与动画播放有的必要信息。

所以，swf文件不可用flash在重新打开修改.c.exe文件中包含了flash播放器和swf内容的程序，它不需要播放器就可直接浏览。

1.菜单栏菜单栏位于主界面的顶部，它由9组菜单命令组成。

掌握了菜单栏中命令的使用，就掌握了FLASH MX饿基本操作。

2.工具箱工具箱位于主界面的左侧。

工具箱中提供了选择、绘画、文字及修改的常用工具。

以后我们在学习中不断对工具箱中的工具做介绍。

3.时间轴时间轴位于菜单栏的下面，它由两部分组成，左边的不凡用来对图层进行操作；右边的部分对帧进行操作。

在时间轴中可以很方便地对层或帧进行选择、编辑、控制以及设置。

4.舞台舞台是进行动画创作的工作区域，它位于主界面的中央，占据了比较大的空间。

在舞台中可以对当前帧的内容进行编辑。

5.面板面板位于主界面的底部和右侧，每一个面板都提供某一方面的功能。

其中，位于主界面底部的是属性面板，是我们经常用到的面板，它可以根据当前对象的不一样，显示不同的属性面板。

三、实例演示四、练习1.观察FLASH菜单与WORD 菜单的区别与联系。

2.熟悉FLASH MX的工作环境五.小结：帧与关键帧动画教学目标:1.帧、关键帧和空白关键帧的概念2.制作关键帧动画教学重点与难点:1.制作关键帧动画实例说明:本例制作一个简单的关键帧文字动画技术要点:本例主要应用箭头工具、文本工具、颜料桶工具、打散功能、属性面板功能和关键帧动画制作的原理教学方法:实例演示法教学步骤:一、帧(frames)与关键帧（keyframe）1.帧(frames)就是将连续动画均匀地划分为一系列各个时刻的静态画面.在flash默认的情况下,每秒的动画被划分为12份,每一帧在播放的时候显示为1/12秒.人眼很难觉察如此短暂的时间间隔,因此所看到的动画就是连续的画面.2.帧的分类：帧（frame）关键帧（keyframe）空白关键帧（blankkeyframe）3.关键帧:是指动画制作时的关键画面.在Flash动画制作中,为了提高效率,有些画面必须由作者制作,而有些画面由计算机自动生成.前者----自己制作的画面称为关键帧.后者----计算机自动生成的画面称为中间帧.插入帧1.选中一个帧，然后从菜单中选择Insert—frame命令2.选中一个帧，然后按F5键3.选中一个帧，然后单击鼠标右键，从弹出菜单中选择Insertframe命令，即可在该帧位置建立一个帧。

说明：如果插入关键帧，键盘为F6键；或者相应选择keyframe相关快捷方式：插入关键帧：F6 删除关键帧：Shift+F6出入帧：F5 删除帧：Shift+F54.关键帧动画原理关键帧动画就是将一个动画分解为多个步骤，然后将每个步骤中的内容在各个关键帧中制作出来，在连续播放这些关键帧形成的动画。

二、步骤1.新建一个FALSH文件2.单击第一帧，选择文本工具，3.在舞台上按住鼠标左键拖动出一个虚线框，输入“闪客”两个字。

4.单击工具栏上的箭头工具，然后单击“闪客”两个字（选中文字）；5.在属性面板中设置文字的颜色、大小和字型分别为黑色、100、宋体。

6.单击菜单栏上的Modify---BreakApart（打散），连续两次打散，将文本转换为图形。

（如果一个字打散一次就可以，如果是两个字以上，打散两次）7.单击工具栏上的颜料桶工具，鼠标变成颜料桶形状，然后在COLOR工具中选择七彩颜色，将鼠标移至文字上，单击鼠标左键，文字颜色变为七彩颜色。

8.选中第15帧，单击菜单栏Insert----- keyframe选项，即在第15帧插入关键帧。

9.选中第1帧，然后选中“客”字，按DEL键将“客”字删除；并将“闪”移至舞台左上角10在第5、10帧处插入keyframe，并在第5帧处将“闪”字移至舞台右上角，第10帧处将“闪”字移至舞台中央。

11. 在第20、25帧处插入keyframe，12.在第15、20、25帧处分别将“客”字移至左上角、右上角和中央。

13.在第35帧处插入Frames。

14.单击菜单栏上的File----Save As，保存文件。

15.按住Ctrl+Enter，预览动画。

三.练习模仿老师所讲，制作“闪客”两字的关键帧动画.四、小结形状渐变动画---Shape第1课时形状渐变动画初步入门教学目标:1.掌握形状渐变动画制作的原理2.制作简单的三形互变动画3.自由变形工具教学重点与难点:1.形状渐变动画制作的原理实例说明:本例制作一个三形互变的动画。

其效果是手形变成圆形，圆形变成方形。

实例中应用了形变动画的制作技巧，如果掌握了本例就掌握了形变动画的制作方法。

技术要点:使用直线工具，椭圆工具和颜料桶工具绘制手形，圆形、方形；自由变形工具的功能和形变动画制作的方法教学方法:实例演示法教学步骤:一、形状渐变动画原理形状渐变是动画制作的常用手法，它只能应用于打散的图形。

其计算方法是在相近的特征处平滑变换。

作者可以充分发挥想象力，创作出构思巧妙的动画作品。

原理：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需要指定起始的图形和结束的图形,中间的过渡部分就可由Flash自动完成.二、自由变形工具(Free Transform Tool)自由变形工具用来对选中的对象进行各种变形,包括缩放、旋转、歪斜及扭曲，等等。

该工具有5种变形模式，分别是：自由变形模式、旋转和歪斜变形模式、缩放变形模式、扭曲模式和环绕变形模式。

旋转和歪斜缩放变形（scale）扭曲变形环绕变形三、操作步骤：1.新建一个Flash文件，2.选中第1帧，然后选择铅笔工具，在舞台中央绘制一手形轮廓，填充颜色为橘黄色，并将其打散。

3.选中第10帧，插入关键帧，然后选择椭圆工具，在舞台中央绘制一圆，填充颜色为橘黄色。

4.选中第20帧，插入关键帧，然后选择正方形工具，在舞台中央绘制一正方形，填充颜色为橘黄色。

5.选中第30帧，插入帧，使得方形在屏幕上停顿几秒钟。

6.选中第1帧，在属性面板中设置如下：Tween----Shape（设置形状渐变动画）7.依次在第10、20帧处设置运动属性为：shape（形状渐变动画）8. 按住Ctrl+Enter，预览动画。

四、练习1.做一个三形互变动画。

2.练习使用自由变形工具，将图形做缩放，扭曲变形。

第2课时实例制作---I YOU教学目标:1.巩固制作形状渐变动画2.自由变形工具的使用教学重点与难点:实例说明:本例是结合关键帧动画与形状渐变动画制作出由圆变为心，再由心做各种旋转动作形成动画技术要点:椭圆工具，自由变形工具（旋转和倾斜功能），颜料桶工具文本工具以及形状渐变动画制作技巧。

教学方法:实例演示法教学步骤:一、预备知识：心的画法1.单击工具箱中的椭圆工具,边框颜色和填充颜色均为红色.然后在舞台中拖出一个椭圆2.选中椭圆,按住Ctrl键复制出一个相同的椭圆.3.移动复制出的椭圆使得两个椭圆相交,并将中间的线条删除4.单击直线工具,线条颜色为红色,做直线和左边椭圆的切线,继续做直线和右边椭圆的切线,使得两条切线相交.5.将切线和椭圆组成的心形图案中的线条删除.6.用颜料桶工具填充心形图案为红颜色.这样就完成一颗心的画法.1.画椭圆2.复制椭圆并相交3.做切线,并填充操作步骤:1.新建flash文档.2.选中第1帧,在舞台中插入两个字”I 和YOU”,并将其打散,填充颜色为七彩颜色;3.分别选中I和YOU,将其移动到舞台的左边和右边.4.选中椭圆工具,填充颜色和线条颜色均为红色,在舞台中央拖出一个圆,与字在同一水平线上.5.在第10处插入关键帧，并将圆删除，在圆的位置处画一颗心。

6.在第20、25、30、35帧处插入关键帧，在第40帧处插入帧7.选中第20帧，先选中I，单击自由变形工具，在其样式框中选择旋转和倾斜模式，单击I，将鼠标移至字的左上角，当变成旋转形状时，按住鼠标左键将I 向左旋转60度。

依次将心和YOU向左旋转60度。

8.选中第30帧，将I 、YOU、心向右旋转60度。

9.选中第一帧，在属性面板中设置其运动属性为shape。

10.按住Ctrl+Enter，预览动画。

11.为学生在演示几个作好的类似不同形状转换为心形，观察其形变过程。

二、练习1.按照教师讲的制作一个I YOU动画三、小结：这个动画能够激发学生的积极性，但由于动手不熟练，作出的动画没有作到尽善尽美。

第3课时颜色形状渐变动画教学目标:1.掌握颜色形状渐变动画的制作2.了解由大变小、由小变大动画的制作方法3.填充调整工具的使用教学重点与难点:1.颜色渐变动画的制作2.填充调整工具的使用实例说明:本例制作一个颜色不断变化的球体。

颜色由绿色变为红色，在从红色变为兰色，反光部分随之移动。

技术要点:绘制基本图形，填色及使用填充调整工具调整填充效果；使用形变动画技术制作色彩变化效果教学方法:实例演示法教学步骤:一、填充调整工具（Fill Transform Tool）填充调整工具可以编辑的填充方式有3种：线性渐变填充、辐射渐变填充和位图填充。