Flash教案
第五节Flash工作界面介绍
一、教学目标
学完本课后，学生能了解界面中各部分的作用，及常用菜单所在的位置，重点掌握工具的应用。二、教学内容
①工作界面的介绍
②绘图工具的使用
三、教学课时
1课时
四、教学过程
（一）Flash MX的工作界面如下图
Flash mx工作界面主要分为标题栏、常用工具栏、时间轴、工具栏、主工作区、浮动面板、属性面板及动作面板等。
（二）部分绘图工具的使用
箭头工具：用于选定工作区中的点阵图或矢量图，并可对点阵图进行一定的编辑；
副选工具：可对所绘路径进行精确调节；
直线工具：用于绘制直线；
索套工具：创建任何形态的选区；
钢笔工具：可以精确绘制直线或曲线路径；
文本工具：用于创建文本或文本域；
椭圆工具：绘制椭圆或圆；
矩形工具：绘制矩形或正方形；
铅笔工具：可以绘制任意线条或图形；
刷子工具：用于着色的一种工具，可以创造任意特殊效果；
墨水瓶工具：用于填充线条或图形边框的颜色；
油漆桶工具：改变物体的填充色；
吸管工具：用于拾取颜色；
橡皮擦工具：用于移动窗口中显示的视图。
……
五、本课小结
本课主要讲述了Flash的基本界面特征，强调工具的作用及其使用方法，为以后进一步深入学习Flash 动画制作打下了一定的基础。
六、课外作业
上机操作，使用工具箱中的工具绘出相应的图形。
教学后记：
第六节制作第一个Flash动画――直线运动的小球
一、教学目标
理解时间轴的概念及作用，运用工具箱中的圆形工具绘制一个小球，并在时间轴上进行相应的设置，使之运动。
二、教学内容
①理解时间轴；
②制作一个小球运动的动画；
三、教学课时:1课时
四、教学过程
（一）时间轴：
Flash中的时间轴图如上所示
时间轴主要由图层、帧组成。
帧（frame）：传统意义上的动画是由一张张单独的胶片组成，将这些静止画面连续播放，利用人眼的视觉暂留，就产生连续运动的动画效果，而Flash的帧就如同电影胶片，按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。
图层（layer）：动画中的每一帧都是由多个图层中的图片重叠组成的，不同图层的画面元素，可以分别施加动画效果。图层可以用透明的玻璃纸来比喻，当上面图层和下面图层的内容相重叠时，上面图层上的内容将遮挡住下面图层上的内容，所以有时需要调整图层的叠放顺序。
（二）制作一个小球运动的动画步骤：（效果如下）
通过大屏幕演示操作过程：
1、打开Flash新建一个Flash电影文档；
2、单击工具栏中的椭圆工具，即选定椭圆工具；
3、在工作区里所要绘制小球的地方，按住鼠标左键进行拖动，松掉鼠标即完成绘制（同时按住Shift
键可绘出正圆）；
4、添加渐进色，去掉边线，使其看起来很像小球，
5、绘制完球后，用箭头工具将小球选定，然后移动到适当的位置；
6、在时间轴上的第30帧按F6（或单击插入关键帧菜单）插入一关键帧；
7、在工作区内用箭头工具将小球移动到结束运动的位置；
8、单击回到第一帧，打开实例浮动面板，在帧数标签中选择图形；
9、时间轴上从第一帧到第30帧出现了一个绿色背景的实线箭头如下图，动画制作完成；
10、按Ctrl+Enter观看最终效果。
五、本课小结
在这一课中，学习如何制作Flash的第一个动画，同时掌握了帧的应用，更深一步地了解了Flash 制作动画的方式方法。
六、课外作业
上机完成该动画的制作。
第七节制作一个变形动画
一、教学目标
在以前的学习基础了，制作一个由矩形变成三角形的变形动画。
二、教学内容
制作一个由矩形变成三角形的变形动画。
三、教学课时
1课时
四、教学过程
用大屏幕演示制作全过程，文字描述如下：（效果如下）
步骤：
1、打开Flash新建一个Flash电影文档；
2、单击工具栏中的矩形工具，即选定矩形工具；
3、在工作区里所要绘制小球的地方，按住鼠标左键进行拖动，松掉鼠标即完成绘制（同时按住
Shift键可绘出正方形）；
4、用箭头工具将矩形移到适当的位置；
5、在时间轴上的第30帧插入一关键帧；
6、插入空白关键帧后，在工作区内绘出一三角形；
7、绘制三角形方法前两步同2、3，最后用箭头工具的编辑功能将矩形的两个角合成一个角，即
完成三角形的绘制；
8、在工作区内用箭头工具将三角形移动到结束运动的位置；
9、单击回到第一帧，打开实例浮动面板，在帧数标签中选择图形；
10、时间轴上从第一帧到第30帧出现了一个绿色背景的实线箭头如下图，动画制作完成；
11、按Ctrl+Enter观看最终效果。
一、本课小结
本课通过实际演示，制作了一个由矩形变为三角形的变形动画。
二、课后练习
上机实践，自己制作一个变形动画，可以由圆变成其它形状，如下图。
教学后记：
第八节帧动画
一、教学目标
学完本课后，学生能了解flash动画的应用。
二、教学内容
①flash动画的介绍
②关键帧、帧、空白关键帧的概念
三、教学课时
1课时
四、教学过程
一、创建影片：
新建一个Flash文件。设置电影属性。尺寸大约400X400，帧频1px背景枣红。调出查看_网格
二、创建动画：
1、在绘图工具箱中选择文字工具，设置文字属性面板，字体为华文行楷，字色为黑色，大小为49.
2、在舞台中左边输入“闪客沙龙”四字，在第2、
3、
4、
5、6帧均按F6插入关键帧。
3、第一帧选中“客沙龙”删掉，第2帧选中“沙龙”删掉，第3帧选中“龙”删掉，第4 帧为全，第5 帧改字色为黄色，第6 帧为黑色。
4、在第6 帧点一下，在舞台右边合适位置输入“和睦家庭”，第6帧选中“睦家庭”删掉，第7帧选中“家庭”删掉，第8帧选中“庭”删掉，第9 帧为全，第10帧改字色为黄色，第11 帧为黑色。
三、测试和保存文件：
导出影片，格式zzdh.swf ，或gif动画格式zzdh.gif
教学后记：
第九、十节制作运动的光碟（2课时）
一、教学目标
学完本课后，学生能了解运动动画应用。
二、教学内容
①运动动画的介绍
②桢的使用
三、教学课时
2课时
四、教学过程
一、建立新动画：
1.运行Flash MX。这时系统启动并自动建立了一个新文件。
▲执行：“文件/新建”菜单命令或按可以新建一个的影片文件。
2.设置舞台属性：执行“修改/文档”菜单命令(或按Ctrl+J)。其实Flash MX提供了“属性提示器”见下图1,再点开“大小”可以设置文档属性见图2
(1)播放速度(帧频)(2)舞台尺寸(尺寸)(3)背景颜色(4)选用何种标尺单位等。
一般每秒12帧的播放速度比较合适。这里我们设定一个尺寸为300*100的蓝色背景舞台。
图1 影片属性设置
图2（左）图3（右）
二、建立组件：
1、新建光碟组件(创建一个图符)。
执行“插入/新建元件”菜单命令（或按Ctrl-F8键）进入建立组件的对话框窗口，给组件起名（最好是取拼音名或数字名,比如guang），选择类型是图形。然后按确定按钮。马上就进入到创建新元件的编辑状态
2、在绘图工具栏中选椭圆工具。并将其下的属性提示器参数设置为下图4所示。
图4椭圆工具的属性提示器(边框色和填充色)
3、在工作区里拖动鼠标绘制一个圆（在拖动鼠标的同时按下shift键不松手，画出来的是正圆）。
注意：圆的中心一定要和舞台中心的“+”对准。最好从查看中调出标尺和网格
4、利用直线工具画一园的直径，选中此直径，调出窗口下边的“变形面板”(见上图3)旋转设45度，在右下边的旋转复制按钮（向右小箭头），连按三次，就会出现四条直径，把圆分为8叶。
5、再在一边利用椭园工具画一小的正园，选中拖入大圆的正中心，记住一定要中心对齐。
6、利用漆桶工具，分别在8叶中充入不同的好看的颜色，这样组件就做好了。
三、建立运动动画：
1.设置起始位置：
(1)组件做好后，点击时间轴右上角的“场景1”回到主场景。
(2)按Ctrl-L打开图库，发现里面已经有一个做好了的名为guang的的组件。在预览窗口中把该组件拖动到工作区中的中央，此时时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空，变为关键帧。
2.设置目的位置：
(1)在时间轴第10帧单击鼠标左键，该帧变蓝表示被选，在此处按F6键插入一个关键帧，第10帧也变为实心小黑点。(3)单击选中时间轴上的第1帧，下边出现帧的属性面板，点开“补间”和“旋转”的向下箭头选择如下
图5 在帧面板中设置运动动画
▲小球运动建好后的时间轴状态：如下：
图6 光碟运动建好后的时间轴状态
这时时间轴窗口的状态如图6所示，第1帧和第10帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。
3.测试效果：
执行“窗口/工具栏/控制栏”菜单命令，打开控制面板，按播放钮播放动画，或者按下Ctrl-Enter预览窗口，以全屏预览动画，可以看到本页上面的左边的动画效果。
4、如果想让光蝶向前滚动，可以点一下时间轴的第一帧，光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。
5、如果想让光蝶向前动，可以点一下时间轴的第一帧，去掉旋转，再把光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。(移动对象可以用shift+↑↓→←)
四、存盘：
用Flash做动画不难吧。做好了动画不要忘记存盘，执行“文件/保存”菜单命令(或按Ctrl-S键)，在弹出的对话框中输入存档文件名，确定。这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash 5电影播放器直接观看(下图)。
教学后记：
第十一节让你的相片动起来
一、教学目标
学完本课后，学生能了解运动动画的应用。
二、教学内容
①运动动画的介绍
②元件的概念
三、教学课时
1课时
四、教学过程
1.新建动画文件：
1) 新建/文件。
2) 设置影片属性：或按ctrl+F3 550*400,帧频12 ，背景颜色自定。
2.导入你的相片：
点文件/导入，找到相片的位置，点打开，这时在舞台和图库中都有了你的相片了
相片转化为组件：点一下舞台上的相片，点插入菜单下“转化为组件”，组件起名“pic”,
类型或行为“图形”此时相片上出现一个“+”表示已为组件，你可以删掉他，此时组件库中已保存此组件。
3.制作动画：
A、运动效果
1)制作第一个关键帧：回到场景1，选择箭头工具，将pic从图库中拖放到舞台的左上角的外侧。
2)制作第二个关键帧：用鼠标单击第15帧。此时帧变成蓝色。按f6键添加关键帧。将相片拖动到舞台右下角。
3)创建动画：单击第一帧。在下边的帧面板上找到“补间”点开下拉条，找到“运动渐变”，设置为运动，如是想让相片旋转，再点下边的“旋转”下拉条，设为顺时针，次数为“1”按回车键看一下播放效果。
B、放大效果
1)在30帖处按F6插入关键帧，此时把相片拖入舞台中央。
2)点工具栏中的任意变形工具，此时在相片周围出现八个方块，拖运，可使相片变大，变形，变成你想要的样子。你可以让相片放大的和舞台一样的大。
3)再在回到15帧，在帧面板上设置运动动画。点回车看一下播放效果。
C、淡出且变小效果
1)在45帖处按F6插入关键帧，点工具栏中的任意变形工具，此时在相片周围出现八个方块，拖运，可使相片变。
2)再点一下此时舞台上的相片组件，下边的属性提示器会出现相应的提示，找到“颜色”点开下拉条，找到“透明度或”“Alpha”再在其后的方框中设为20%，此时相片变的透明且淡。
3)再在回到30帧，在帧面板上设置运动动画。点回车看一下播放效果。
D、推进效果
同理，在60帧插入关键帧，使相片再放大，调透明度100%，回到45帧建立运动动画，回车会看到相片向前变清晰且向前推进的效果。
E、由正面到反面的渐变效果
1)在75帧按f6插入关键帧，找到窗口下边的“变形”，点一下“倾斜”再在后边的“垂直斜度”框中输入“180”则相片为反面显示。（或直接利用变形工具拖动，效果更好）
2)回到60帧，在帧面板上设置运动动画。点回车看一下播放效果。要想让反面效果保存时间长一些，可在第90帧处按F5。
4.存盘：
1)存成flash文件：格式为*.fla。选择路径，输入文件名，确定。
2)输出可播放文件：格式为*.swf。文件/导出影片。设置参数导出。
3)输出动画文件：格式为*.gif。文件/导出影片。
教学后记：
第十二节简单变形
一、教学目标
学完本课后，学生能了解形状动画的应用。
二、教学内容
①形状动画的介绍
②元件的使用
三、教学课时
2课时
四、教学过程
变形动画是FLASH动画中比较特殊的一种过程动画，和运动动画不同的是，其动画对象只能是矢量图形对象。群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象（除非把它们打散成矢量图形）。变形动画可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变。
变形动画有两种形式，一种是不可控的（也叫简单变形），而另外一种则是可控的（通过添加控制点来实现，也叫控制变形）。下面先介绍一个简单变形动画的制作过程。
一、创建影片：
新建一个Flash文件。设置电影属性。尺寸大约400X300，背景浅桔色。
二、创建动画：
1、在绘图工具箱中选择矩形工具，用矩形工具在场景中画出一个没有边框的红色矩形。这是变形动画的第1帧。
2 单击第10帧并按F7键，插入一个空白关键帧，点椭圆工具场景中画出一个没有边框的蓝色小球。点第一帧，在下边的属性提示中，设置变形动画，选择形状渐变。此时，矩形变圆的动画完成。（播放一下看看）
3、点工具栏中的文字工具，看到下边的文字提示器面板，设置文字格式。在文字格式中选取英文字体为：Webdings，大小为：40，颜色为：红色。单击第20帧并按F7键，插入一个空白关键帧，单击第20帧关键帧，选择文字工具，并在场景上单击，然后输入一个字母v。这时场景中会出现一辆汽车符号，选择常用工具栏上的任意变形工具按扭，调整汽车符号到合
适的大小,执行"修改/分离"，打散（分离）汽车，此时还可以点一下漆桶工具，选彩虹色，汽车变彩色。点第10帧，在下边的属性提示中，设置变形动画，选择图形变化。（播放一下看看）
▲提示：在英文字体中有很多特殊的字体，如Webdings，它可以产生各类图案。
4、单击第40帧并按F7键，插入一个空白关键帧，点工具栏中的文字工具。输入“欢渡国庆"并设置自己喜欢的颜色，然后打散文字，可能要打散两次呀。点第20帧在下边的属性提示中，设置变形动画，选择图形变化。（播放一下看看）
5、按F5在第50帧插入一帧，以延长第40帧的效果
▲提示：因为Flash不能对群组、图符（组件）、字符或者位图图像进行动画变形，所以要将字符打散。有的要打散两次。
6、点控制菜单下的影片测试，看变形效果。
三、测试和保存文件：
保存：文件名：txjb.fla
导出影片，格式txjb.swf ，或gif动画格式txjb.gif
教学后记：
第十三节小飞机沿轨迹运动实例教程和三角形的画法
一、教学目标
学完本课后，学生能了解运动渐变和形状渐变、重点掌握工具的应用。
二、教学内容
①运动渐变和形状渐变的运用
②绘图工具的使用
三、教学课时
1课时
四、教学过程
一、新建影片：
新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。
二、制作小飞机组件：
1、利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，用直线工具连接刚拖过的两个角，利用漆桶工具改变两三角的颜色。
2、利用箭头工具选中整个飞机，执行“插入/转换为元件”，则飞机上出现一小“+”字。
三、制作动画：
1、创建飞机运动图层：
(1)单击第一层的第1帧，将飞机拖放在场景中的左上角。
(2)选择第20桢，按F6键插入关键桢。
(3)找到属性面板，建立1--20桢之间的小飞机运动动画。在“使路径适应”上打勾
2、单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线。
3、选择第一层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端对准。
4、选择第一层的第20帧。用同样的方法将小球拖动到曲线的右端点上。
5、按Enter测试
四、测试和保存影片：
分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片
文件名分别是：fly.fla和fly.swf
教学后记：
第十四节三角形的画法
一、教学目标
学完本课后，学生能了解运动渐变和形状渐变、重点掌握工具的应用。
二、教学内容
③运动渐变和形状渐变的运用
④绘图工具的使用
三、教学课时
1课时
四、教学过程
一、创建影片：
新建一个Flash文件。设置电影属性。尺寸大约300X300，帧频6px背景自定。
二、创建动画：
1、在绘图工具箱中选择直线工具，用直线工具在场景中画出一红色直线，，线粗为3，在第10帧按F6插入关键帧，回到第一帧，选中此直线，点工具栏中的任意变形工具，把直线拉短，注意要与原直线重合。播放一下看看
2在第一层的第10帧按F5,增加普通帧，目的是延长第10帧的效果。再增加一层，在第二层的第10帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第二边。这一层的第20帧按F6加关键帧，回到第10帧使第三边变短设置变形动画。（播放一下看看）
3 同理，在前两层的第20帧都按F5.再增加一层，在第三层的第20帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第三边。这一层的第30帧按F6加关键帧，回到第20帧使第三边变短设置变形动画（播放一下看看）
4、在第31帧的三层中都按F6,利用箭头工具选中31层的三边，改变颜色为黄色（闪动效果），第32帧再改回为红色第35帧加普通帧延长效果。
三、测试和保存文件：
导出影片，格式sanjiao.swf ，或gif动画格式sanjiao.gif
教学后记：
第十五节小球沿轨迹运动一、教学目标
学完本课后，学生能了解运动渐变和形状渐变、重点掌握工具的应用。
二、教学内容
1、理解引导图层和引导线的概念
2、通过学习掌握以下操作：
(1)以库的形式打开文件；
(2)利用铅笔工具、钢笔工具和次选工具构造平滑曲线的方法；
(3)如何将运动对象吸附在引导线上；
(4)在混色器中编辑图形的填充渐变色；
(5)图形形状的更改方法；
(6)旋转工具的使用方法；
(7)属性面板中动画参数--“旋转”效果的设置；
(8)文字工具的使用和将文字打散的方法；
(9)有关引导图层的操作。
三、教学课时1课时
四、教学过程
一、新建影片：
新建一个电影文件，打开属性面板，设定动画尺寸，背景颜色。
二、准备小球组件：
执行“文件/作为库打开”菜单命令，以库的方式打开上一课制作的动画源文件。这时就会出现一个库窗口，里面显示我们上一课制作好的小球组件。
(如果没有已作好的小球组件，也可以按照第二课的步骤重新建立一个小球组件)
▲提示：这个小球在创建的时候要对准中心点（十字星）。这样便于下边步骤中对小球的拖动。
三、制作动画：
1、创建小球运动图层：
(1)单击第一层的第1帧，将图库中的小球组件拖放入场景中的左上角。
(2)选择第40桢，按F6键插入关键桢。
(3)建立1--40桢之间的小球运动动画。
2、单击时间轴窗口上的添加引导图层按钮，为第一图层增加一个引导图层。
▲引导图层是专门用来制作运动轨迹的，在播放动画的时候，轨迹不会显示出来。
3、在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。
然后用铅笔工具在场景中画一个平滑曲线（按鼠标左键不放拖曳画曲线）。
▲平滑曲线的创建还有其它方法。可参考平滑曲线的画法和图形形状的改变的演示步骤。
4、按下吸附按钮，选择第一层的第1帧。拖动第1帧上的小球到曲线(轨迹线）的左端点上。
▲注意拖动小球前一定要保证吸附按扭被按下，这样在拖动鼠标时，中心出现的空心圆会自动吸附在轨迹线左端点，松开鼠标，小球就会停在轨迹线的左端点，这就是运动的起点。
▲这是吸附按钮被按下的状态。
5、选择第一层的第40帧。用同样的方法将小球拖动到曲线的右端点上。
▲下面是图层结构示意图：
图1 图层结构示意图
四、测试和保存影片：
1、按Ctrl+Enter测试影片