flash 教学示例

目的：

1、画图工具的使用；

2、动画制作的基本过程；

3、引导层的使用；

4、遮罩层的使用；

5、帧帧动画的使用；

6、变形动画的实现。

例1 运动的光碟

一.建立新动画:

1.运行 Flash MX。这时系统启动并自动建立了一个新文件。

▲执行:“文件/新建”菜单命令或按可以新建一个的影片文件。

2.设置舞台属性:执行“修改/文档”菜单命令（或按 Ctrl+J ）。其实Flash MX提供了“属性提示器”见下图1。

图1 影片属性设置

再点开“大小”可以设置文档属性见图2：（1）播放速度（帧频）（2）舞台尺寸（尺寸）（3）背景颜色（4）选用何种标尺单位等。

一般每秒12帧的播放速度比较合适。这里我们设定一个尺寸为300*100的蓝色背景舞台。

图2 文档属性

二.建立组件:

1.新建光碟元件（创建一个图符）。

执行“插入/新建元件”菜单命令（或按Ctrl-F8键）进入建立元件的对话框窗口，给元件起名（最好是取拼音名或数字名，比如guang），选择类型是图形。然后按确定按钮。马上就进入到创建新元件的编辑状态。

2.在绘图工具栏中选椭圆工具。并将其下的属性提示器参数设置为下图3所示。

图3 椭圆工具的属性提示器（边框色和填充色）

3.在工作区里拖动鼠标绘制一个圆（在拖动鼠标的同时按下shift键不松手，画出来的是正圆）。

注意:圆的中心一定要和舞台中心的“+”对准。最好从查看中调出标尺和网格。

4.利用直线工具画一园的直径，选中此直径，调出窗口下边的“变形面板”（见图4）旋转设45度，在右下边的旋转复制按钮（向右小箭头），连按三次，就会出现四条直径，把圆分为8叶。

图4 变形面板

5.再在一边利用椭园工具画一小的正园，选中拖入大圆的正中心，记住一定要中心对齐。

6.利用漆桶工具，分别在8叶中充入不同的好看的颜色，这样元件就做好了。

三.建立运动动画:

1.设置起始位置:（1）元件做好后，点击时间轴右上角的“场景1”回到主场景。

（2）按 Ctrl-L 打开图库，发现里面已经有一个做好了的名为 guang的的元件。在预览窗口中把该元件拖动到工作区中的中央，此时时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空，变为关键帧。

2.设置目的位置:

（1）在时间轴第10帧单击鼠标左键，该帧变蓝表示被选，在此处按 F6 键插入一个关键帧，第10帧也变为实心小黑点。

（2）单击选中时间轴上的第1帧，下边出现帧的属性面板，点开“补间”和“旋转”的向下箭头选择如图5。

5 在帧面板中设置运动动画

▲小球运动建好后的时间轴状态如图6:

▲

这时时间轴窗口的状态如图6所示，第1帧和第10帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。

3.测试效果:

执行“窗口/工具栏/控制栏”菜单命令，打开控制面板，按播放钮播放动画，或者按下Ctrl＋Enter 预览窗口，以全屏预览动画，可以看到本页上面的左边的动画效果。

4.如果想让光蝶向前滚动，可以点一下时间轴的第一帧，光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。

5.如果想让光蝶向前动，可以点一下时间轴的第一帧，去掉旋转，再把光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。（移动对象可以用shift+ ↑↓→←）

四.存盘:

用Flash做动画不难吧。做好了动画不要忘记存盘，执行“文件/保存”菜单命令（或按Ctrl＋S键），在弹出的对话框中输入存档文件名，确定。这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下Ctrl＋Enter键，则系统会自动生成.swf的电影文件，可以用Flash 5电影播放器直接观看。

例2 相片的运动

一.新建动画文件

1 新建/文件。

2设置影片属性:或按ctrl+F3 550*400，帧频12 ，背景颜色自定。

二.导入你的相片

1点文件/导入，找到相片的位置，点打开，这时在舞台和图库中都有了你的相片了

2 相片转化为元件。点一下舞台上的相片，点插入菜单下“转化为元件”，组件起名“pic”，类型或行为“图形”此时相片上出现一个“+”表示已为元件，你可以删掉他，此时组件库中已保存此元件。

三.制作动画

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

四.存盘

1存成flash文件:格式为*.fla。选择路径，输入文件名，确定。

2输出可播放文件:格式为*.swf。文件/导出影片。设置参数导出。

3输出动画文件:格式为*.gif。文件/导出影片。

例3：雨滴的制作

一.建水滴图形元件:

1 按Ctrl+8新建图形元件1（shuidi），利用椭园工具画一无边框椭园，再利用黑箭头工具调整此图形为水滴状。

2 点选中图形，在混色器中选取放射状（径向）颜色调整为从白色到淡蓝色的渐变。（大小约2*4）

二. 建水波图形元件:

按Ctrl+8新建图形元件2（shuibo），利用椭园工具画一无填充椭园。白色。

三. 建水滴运动动画

1导入一张有水面的图片，调整与场景大小相同，再在场景中增加两个层三层分别为:由下到上分别为图片层、水滴层、水波层。

2在水滴层第一帧拖入shuidi，放在场景上边一些，在第15帧按F6。将水滴调到场景中下边，同时调整水滴大小较第一帧的大一些。建立运动动画

3 在水波层15帧拖入shuibo，放在水滴正下方，使水滴在水波的正中央，在第30帧按F6，单击修改-变形-缩放与旋转，调整其实大小为第一帧的2倍，透明度设为0，建立运动动画。

四.测试保存。

例4：小飞机沿轨迹运动（引导层）

一.新建影片

新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。

二.制作小飞机元件:

1.利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，用直线工具连接刚拖过的两个角，利用漆桶工具改变两三角的颜色。

2.利用箭头工具选中整个飞机，执行“插入/转换为元件”，则飞机上出现一小“+”字。

三.制作动画:

1.创建飞机运动图层:

（1）单击第一层的第1帧，将飞机拖放在场景中的左上角。

（2）选择第20桢，按F6键插入关键桢。

（3）找到属性面板，建立1--20桢之间的小飞机运动动画。在“使路径适应”上打勾。

2.单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线。

3.选择第一层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端对准。

4.选择第一层的第20帧。用同样的方法将小球拖动到曲线的右端点上。

5.按Enter测试。

四.测试和保存影片:

分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片，文件名分别是:fly.fla和fly.swf。

例5:遮罩的运动

一.新建影片:

新建一个电影文件，导入一张你喜欢的图片，利用任意变形工具使其放大到和舞台一样的大。

二.创建遮罩层

1.点插入菜单下的新建元件，性质为图形，利用矩形工具在舞台中央拖一矩形，颜色任意。

2.回到场景，新建图层2，打开窗口菜单下的库，将正方形拖出到舞台中央，利用任意变形工具使其缩小，这时此正方形默认在第一帧。

3.在第20帧按f6插入关健帧，调整此正方形到整个舞台。

4.回到图层2的第一帧，在属性面板建立运动动画，并把旋转调为顺时针，次数为1

5.点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。

三.测试和保存影片:

1.按Ctrl+Enter测试影片

2.分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片，文件名分别是:f m.fla和fm.swf。

例6：被遮罩的运动

一.新建影片:

新建一个电影文件，全用默认。

二.创建被遮罩层

1.导入“清明上河图”图片，调整高度。上河图的开始端在舞台的最右边，在第1000帧处按F6插入关健帧，然后按住Shift，同时利用键盘上的方向键向左移动上河图，直到图的左边与舞台的右边对齐。

2.回到第一帧，在帧属性面板建立运动动画。

三.创建遮罩层

1.新增加图层2，在舞台正中画一椭圆，高度比上河图的上下边各高出一些。

2.点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。按Ctrl+Enter测试影片（因图片较大可能有的效果不好，如果不出效果，执行“修改/帧/翻转帧”）

四.创建背景层

1.选中图层2，新建图层3，（在图层2 的上边）导入一与上河图相宜的图片，转化为元件，在属性面板中将背景图的Alpha（透明度）设为20%

2.现在为了保证图层1 和2 不被改动，点击图层上的“锁定”标志。

3.在图层3 的适当位置，（你所画的做为遮罩园以外的地方）利用文字工具输入“清明上河园”，字体字色自定，再输入“张择端”

五.测试和保存影片。

例7：帧帧动画

一.创建影片:

新建一个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。

变形动画是FLASH动画中比较特殊一种过程动画，和运动动画不同的是，其动画对象只能是矢量图形对象。群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象（除非把它们打散成矢量图形）。变形动画可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置.大小和颜色进行渐变。

变形动画有两种形式，一种是不可控的（也叫简单变形），而另外一种则是可控的（通过添加控制点来实现，也叫控制变形）。下面先介绍一个简单变形动画的制作过程。

例8：欢渡国庆

一.创建影片: 新建一个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.点控制菜单下的影片测试，看变形效果。

三.测试和保存文件: