FLASHmx动画制作讲稿2.docx

FLASHmx动画制作讲稿2.docx

《FLASHmx动画制作讲稿2.docx》由会员分享，可在线阅读，更多相关《FLASHmx动画制作讲稿2.docx（8页珍藏版）》请在冰豆网上搜索。

FLASHmx动画制作讲稿2

Flash动画制作讲稿

第二讲

上周的活动我们已经对flash有了初步的了解，现在我们先来回忆一下上次课我们都讲了哪些内容：

1.我们了解了flash的基本概念：

a）什么是动画

b）Flash中动画文件的结构

c）帧的概念和应用

d）图层的概念和应用

e）元件的概念和应用

f）flash工具的介绍

2.我们通过两个小动画实例，让大家对flash动画制作的基本过程有了一个了解，同时我们对于flash动画的种类也有了初步认识。

上次课，我们讲解的是flash的基本操作知识，这次课，我们将对flash的较为复杂的功能进行讲解。

一、轨迹动画制作

上次我们见到了如何让动画对象动起来，这些对象动起来直来直往的，一往无前。

可是我们在实际使用的时候，经常会想让这些动画对象按我们要求的轨迹运动，所以这次课我们首先来告诉大家如何实现这点。

下面我们用一个小飞机沿轨迹运动实例来讲解：

小飞机沿轨迹运动实例

第一步：

新建影片

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

第二步：

制作小飞机组件

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

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

第三步：

制作动画

1、创建飞机运动图层：

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

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

（3）在第1帧处找到属性面板，建立1—20帧之间的小飞机运动动画，补间改成动作，旋转可无，也可自动旋转等。

在“调整到路径”上打勾。

2、单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。

在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。

然后用铅笔工具在场景中画一个平滑曲线。

3、选择第一层的第1帧。

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

4、选择第一层的第20帧。

用同样的方法将飞机拖动到曲线的右端点上。

5、按Enter测试

第四步：

测试和保存影片：

分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片

文件名分别是：

fly.fla和fly.swf

二、遮罩层

1、遮罩层的原理

你可能见过刻有各种图形的镂空木制窗户，只有在镂空的图形中你才能看到外面的景色。

在Flash中，遮罩层的作用就是一扇镂空的窗户，在该层中画出图形后，当它在其它层上移过时，只有遮罩层上画有图形的区域才能看到后面层中的图形，从而产生一些特殊的效果。

2、一个简单的遮罩层的应用

先作一个被遮罩层，修改层名为“word”，使用“工具箱”中的“文本工具”

在“工作区”中添加一句文本，例如“河北医科大学”，显示“字符浮动面板”，把字体改为楷体，字号改为60以上，再把文本拖到“工作区”正中，选中第60帧，点击鼠标右键选择“插入帧”，使动画长度变为60帧，锁定该层。

新建一层，起名为“mask”，从第1帧到第30帧创建一个圆形的“动作补间动画”，圆形要求比文本中的字要高，移动轨迹从文本左边到右边，再从第31帧到第60帧创建一个长方形的“形状补间动画”，从一个小的长方形到一个大的长方形，从文本右下角到覆盖整个文本；建好这两个渐变后，在图层管理窗口中选中该层，点击鼠标右键，从弹出菜单中选择“遮蔽”，则该层变为“word”层的遮罩层，“播放”看一下效果。

3、另一个遮罩的实例制作过程

第一步：

新建影片

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

第二步：

创建遮罩层

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

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

3、在第20帧按F6插入关键帧，调整此正方形到整个舞台。

在图层1第20帧按f6插入关键帧。

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

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

第三步：

测试和保存影片

1、按Ctrl+Enter测试影片

2、分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片

文件名分别是：

fm.fla和fm.swf

三、制作按钮

1、Flashmx制作按钮的特点

在Flashmx中可以制作多种多样的按钮，按钮在各种网页中出现的几率很大，它一般分为四态按钮和两态按钮，四态按钮是按钮有一般状态、鼠标经过时状态、鼠标按下时状态和鼠标按下后再经过时状态，而两态按钮就代表只有前两种状态。

在Flashmx中可以制作静态按钮，即由四态中都是静止图片的按钮；也可以制作动态按钮，即四态中可以由一段影片剪辑组成。

制作动态按钮才是Flashmx的特色，因为在Firework4.0中制作的静态按钮要比Flashmx中制作的好许多。

2、静态按钮的制作

点击“插入”菜单中的“新建元件...”，在弹出的对话框中选择“按钮”，就会进入“按钮元件编辑界面”，

它的界面和在场景中制作图形很相似，不过它只有四帧，“弹起”代表一般状态、“指针经过”代表鼠标经过按钮状态、“按下”代表鼠标按下时按钮状态、“点击”代表鼠标按下后再经过时按钮状态。

刚开始，四帧都是空白帧，你在“弹起”帧中绘制一个无边界长方形，转换成元件，在其上添加一段文本“徐州师范大学”，颜色取白色，然后在“指针经过”帧点击鼠标右键，从弹出的菜单中选择“插入关键帧”，则“弹起”帧中的内容就自动添加到了“指针经过”帧中，你可以继续修改背景长方形和文字的效果，“按下”和“点击”状态都可以采用相同的方法来制作。

制作完按钮的几种状态后，点击按钮标题旁的“场景1”就可以回到动画制作窗口，点击“窗口”菜单中的“库”，打开“库浮动面板”，你刚制作的“静态按钮”就会出现在其中，你可以把它拖入到“工作区”中来，使用“测试影片”来看一下按钮的效果。

3、一个简单的动态按钮的制作

先点击“插入”菜单中的“新建元件...”，创建一个黄色椭圆形“图形元件”；

再创建一个天使滚球“影片剪辑”，选择“文件”菜单中的“导入到库”，把库中的天使元件拖入到工作区中，制作一个天使从左到右的动画；

再新建一层，把“黄色椭圆形”图形元件拖入工作区，制作一个球在滚的动画；

最后创建一个“按钮”，在“弹起”帧中添加黄色椭圆形“图形元件”，在“指针经过”帧中添加天使滚球“影片剪辑”；回到场景工作区，把按钮拖入到工作区中。

点击“控制”菜单中的“测试影片”看一下效果。

四、添加声音

1、声音在Flash动画中的应用

如果你制作的动画有形无声，那将会是很遗憾的事情。

在Flashmx中可以非常方便地插入各种声音文件，例如wav和mp3（在Flash4.0不支持），而且还可以对声音的效果进行一定的编辑，声音在动画文件中是以一个单独的层存在，就象背景图像一样成为背景声音。

2、简单声音的插入

先让大家看看一个简单的声音是如何插入的，点击“窗口”菜单中的“公用库”子菜单中的“声音”，打开系统声音库，如下左图

把“BeamScan”拖入“工作区”中，这时只是在第1帧中有一段很小的声音，这是不对的，点击第20帧，插入一“普通帧”，就会发现声音文件是占了许多帧的，调整最后一帧的位置，直到声音文件完全展开，你就可以点击“控制”菜单中的“播放”或“测试影片”来听一下效果了。

另外在“声音浮动面板”（如右图）中，你还可以了解声音的属性和设置声音的效果。

“效果”中是声音的一些简单效果，例如左、右声道、逐渐开始等效果；“同步”代表声音播放的方式，其中有“事件”（多种声音可以叠加）、“开始”（断掉前面声音播放）、“停止”（停止声音播放）和“数据流”（区别于前两种方式，声音边下载边播放）；“循环”代表声音是否循环播放。

注意：

在Flashmx中，“公用库”中除了声音外还有“按钮”、“学习交互”等，大家可以从中选取一些来练习。

如果点击“声音浮动面板”中的“编辑”按钮，就可以设置声音的属性和编辑声音，

“效果”中可以添加效果，左下角的按钮可以播放或停止声音来测试效果，右下角的四个按钮分别代表“放大显示”、“缩小显示”、“以时间轴显示”和“以帧数轴显示”，通过“帧数轴显示”和“缩小显示”可以知道较大声音的长度（多少帧），以方便设置影片的长度。

此外，点击声音窗口中的任何一部分都会添加一个声音控制点，可以控制音量，最多可添加8个声音控制点。

3、声音按钮的制作

声音按钮的制作很简单，在声音编辑窗口中新添加一层，专门放声音文件，在想加声音的关键帧中拖入声音就行了。

见下面的例子：

在“指针经过”和“按下”帧添加了声音，由于没设执行关键帧，“按下”帧中声音会延续到“点击”帧。

五、保存动画

1、把动画文件保存起来

前面已经多次用到，点击“文件”菜单中的“保存”是默认把Flash动画文件保存为扩展名为fla的文件，它是一种可以再编辑的文件，如果你想学习某些好看的Flash动画是如何制作的话，你就需要这些动画的fla格式的文件。

此外，使用“文件”菜单中的“导出影片”可以把你制作的动画文件导出成多种格式的文件或文件序列，如下图

缺省被导出的电影格式为常见的swf格式，如果点击“保存类型”，还会弹出如上右图的文件类型列表，有许多种类型还有文件序列。

如果你制作了一个很复杂、很漂亮的Flash动画，你想把它放到网上去，但是又不想让别人抄袭（fla格式文件中的组件是可以通用的），就可以把动画导出成swf格式再放到网上，这样别人就只能看到你的动画而无法使用它或其中的组件了。

使用“文件”菜单中的“发布设置”、“发布预览”和“发布”还可以把动画直接导出成exe文件（可执行文件）或html文件（网页文件）。