Flash动画素材制作

发布时间:2012-03-24 01:01:23   来源:文档文库   
字号:

5 Flash动画素材制作

Flash是一个功能强大的多媒体制作软件,它可以集文字、图片、声音以及视频等于一体,从而生成独具风格的动画。Flash以矢量图形为基础,不仅动画效果清晰,而且动画文件非常小,适合在网上传输。Flash还可以制作出具有简单交互性的CAI课件。

本章主要内容:

Flash基础知识

Flash中添加素材

Flash动画制作

Flash动画制作实例

5.1 Flash基础知识

Flash MX 2004(以下简称Flash)是Macromedia公司推出的最新版本,在媒体支持和发布流程新增了很多功能。本节主要介绍Flash软件的一些基础知识。

5.1.1 Flash操作界面

1.启动Flash

启动Flash通常有三种方法:

⑴双击桌面上Flash的快捷方式图标

⑵单击“开始程序—Macromedia—Macromedia Flash MX 2004

⑶双击一个已经存在的Flash文档。

2Flash 操作界面

进入Flash后,将看到如图5.1所示的制作环境。它的工作界面主要包括:菜单栏、工具箱、时间轴、舞台以及各种面板等。

5.1 Flash的操作界面

菜单栏:和其他应用软件一样,Flash的菜单栏包括了它的全部功能。

⑵绘图工具栏:默认状态下位于主界面的左侧,提供了所有的绘图工具,如下图5.2所示。

5.2 Flash MX的工具栏

绘图工具栏分为主工具、查看、颜色、选项四个部分,各工具的功能见表5.1

5.1 绘图工具栏工具名称及功能

⑶时间轴:包括两个部分,左边部分用于对图层进行操作,右边部分用于对帧进行操作。在时间轴中可以很方便地对层或帧进行选择、编辑、控制和设置,详细内容将在5.1.3中介绍。

编辑区:是创建Flash动画的工作区,位于主窗口的中央,主要用于编辑当前帧的内容。

⑸控制面板:位于主窗口的底部和右侧,是Flash的常用工具,控制面板提供了一个直观、便捷的设计环境。

Flash界面中的各个部分都可以被移动,如果需要恢复界面的初始状态,可以操作菜单中的“窗口面板设置默认布局”来完成。

5.1.2 文件基本操作

1.建立新文件

进入Flash后,就可以着手创建新的Flash文档了,新文档的名称为“未命名-1。如果需要重新建立文件,可以单击“文件-新建”来创建一个新的文件。

2.保存文件

在没有保存文档前,我们创建的作品是保存在内存中的。如果要永久保留一幅作品必需进行存盘,即将文件存储到磁盘中。保存文件的方法是:单击“文件-另存为”,这时会打开一个“另存为”对话框,如图5.3所示。保存文件时,最重要的是选择文件的保存位置、文件名及文件类型。保存位置决定了文件保存的地方,选择保存位置,通过 “保存在”文本框右侧的下拉菜单按钮来操作。Flash文档保存类型默认为“.fla”的Flash源文件,这种文件以后还可以在Flash中再次打开编辑。文件建立后,我们应该养成随时保存文件的习惯,否则如果出现机器故障或掉电事件时新加的内容就会丢失,造成损失。保存过的文件下次保存时,只需单击菜单“文件-保存”,文件就会按照原来的路径、名称进行保存。

5.3 Flash MX的保存文件对话框

5.1:将新建的文件存储到D盘根目录下,以“try”命名。

操作步骤:

进入Flash,创建一个新的文档,单击“文件-另存为”。

单击对话框中“保存在”文本框右侧的下拉菜按钮,选择盘符“D”。

⑶在“文件名”文本框中输入“try”。

⑷单击“保存”。

3. 打开文件

已经存在的文件再次使用时,需要打开。打开文件的方法:单击菜单“文件-打开,打开如图5.4所示的“打开”对话框。通过“查找范围”文本框右侧的下拉菜单按钮选择文件的存储位置。单击“文件名”右侧的下拉菜单按钮,选择文件名称。

5.4 Flash MX的打开文件对话框

5.2:打开文件“try

操作步骤:

进入Flash,单击“文件-打开”。

在对话框中,单击“查找范围”右侧的下拉菜单按钮,选择盘符“D”。

⑶单击窗口区域中 文件“try”。

⑷单击“打开”。

4.关闭文件

若要将当前正在编辑的文件关闭,在保存文件之后,选择“文件”-“关闭”命令,若要将所有已经打开的文件关闭,则选择“文件-全部关闭”命令。在关闭文件时,如果打开的文件内容已经被修改过,并且没有保存,此时系统会提示“是否保存”消息。

5.导出文件

Flash中编辑的文件要形成真正的动画文件,必需将其导出成影片格式的文件,其方法可以通过导出或发布来实现。

导出SWF文件:选择“文件-导出-导出影片”命令,系统会打开一个类似于保存文件的“导出影片”对话框,选择导出文件存放的位置并输入导出的文件名,单击“保存”即可完成。Flash默认的导出文件格式为“Flash影片(*.swf)”,若要将文件导出成其他文件格式,请在“文件类型”下拉列表框中选择相应的文件类型。

5.1.3 图层、时间轴与帧

Flash中,时间轴的功能是按照时间顺序来组织和控制动画的内容,其中包括图层、帧以及播放头,如图5.5所示。

5.5 时间轴

1.图层

图层在时间的左侧,每一层占一行,多个图层叠在一起形成图层列表。图层类似于叠放在一起的透明胶片,我们可以在不同的图层上编辑动画而互不影响,并在放映时得到合成的效果。通过单击图层上方对应的列位置可以控制当前图层的显示、隐藏、锁定与解除锁定。如果单击图层列表上方的按钮可以实现对所有图层的显示与隐藏和锁定与解锁功能。

⑴图层的分类

Flash中共有六种图层:即普通层、引导层、被引导层、遮罩层和被遮罩层以及文件夹层。其中:

普通层:用于显示动画的内容,是最常见的一各图层。

引导层:用于制作引导路线,使得被引导层中的对象可以按照指定的路线运动。

被引导层:将普通层拖动到引导下即成为被引导层,其中的对象可以按引导层中的路线运动。

遮罩层:我们可以此层中绘制各种形状,这些形状所在位置可以显示被遮罩层的内容。

被遮罩层:将普通层拖动到遮罩层下即成为被遮罩层,此层中的显示范围取决于遮罩层中的形状和位置,其对应于遮罩层中没有形状的地方将被遮蔽。

文件夹层:用于对层分组,以便对其中的所有图层整体设置显示模式。

⑵选择图层

单击图层所在行可以选定该图层,如果按住Ctrl键不松开,单击其他图层,则可以同时选定多个图层。

⑶插入图层

插入一个新的图层的方法很多,常见的方法如下:

方法一:在要插入图层的位置单击鼠标右键,在打开的快捷菜单中选择“插入图层”命令,结果会在当前图层上方插入一个新图层。

方法二:选择“插入”-“时间轴”-“图层”命令,也可以在当前层上方插入一个新的图层。

方法三:单击图层列表下方的新建图层按钮

⑷删除图层

选定要删除的图层,单击图层列表下方的删除按钮。也可将图层直接拖到该删除按钮上,或者在要删除的图层上单击鼠标右键,在打开的快捷菜单中选择“删除图层”命令。

⑸移动图层

选定要移动的图层后,将其拖动到指定的目标位置。

2.帧

在图层列表的右边是时间轴的时间刻度,每一个图层都有自己独立的时间刻度,每一个刻度格称为“帧”。在每一帧中放置的是静态画面,Flash默认为每秒播放12帧,根据人的视觉暂停原理产生连续的动画。其中我们制作静态画面的帧称为“关键帧”。一幅动画由若干个帧组成,我们需要做出一个动画过程的“起始关键帧”和“结束关键帧”的静态画面,在这两帧之间的帧称为“普通帧”(也称为“过渡帧”),由Flash系统根据起始关键帧和结束关键帧的内容自动生成。我们只能操作关键帧,不能操作普通帧。若关键帧中没有任何内容,则称为“空白关键帧”。动画播放时,某一时刻不同层上的各个对象会同时显现出来,反映在时间轴上是纵向的一列帧的集合,从而产生多个动画复叠播放的效果。帧的外观如图5.6所示。

5.6 帧的外面显示

⑴帧的外观

如图5.6所示,在时间轴上的帧会以不同的图标显示以表示不同的含义。其中实心圆点表示关键帧,空心圆点表示空白关键帧,其他帧表示普通帧,能看到刻度的位置表示没有帧存在,箭头表示动画成功,虚线表示动画失败等等。

⑵插入帧

在文件刚刚建立时,系统会建立一个图层和一个空白关键帧,其他图层和帧由我们来添加和设置生成。我们可以插入普通帧和关键帧,其方法如下:

插入关键帧:在时间轴的某个刻度位置单击鼠标右键,在打开的快捷菜单中选择“插入关键帧”命令,如图5.7所示。若要插入空白关键帧,则选择“插入空白关键帧”命令。

插入普通帧:在图5.7所示的菜单中选择“插入帧”命令。

5.7 帧操作快捷菜单

⑶清除帧

若在图5.7所示的菜单中选择“清除帧”命令,则表示删除该帧上的内容,但帧仍然存在。

⑷删除帧

与“清除帧”不同的是,删除帧表示将帧彻底删除掉。

⑸选定帧

在时间轴上单击可以选定单个帧,若按住鼠标拖动,则可以选定某一层的连续多个帧,也可以选定多个图层的连续帧区域。

⑹复制和粘贴帧

先选定需要拷贝的一个或多个帧,然后在图5.7所示的菜单中选择“复制帧”命令,即可将帧复制到剪贴板上,再定位需要粘贴的帧位置,选择“粘贴帧”命令。

⑺设置帧频

所谓帧频,是指动画每秒钟播放的帧数。Flash默认的帧频为每秒12帧,帧频越高,动画显示越细致越连贯,但高的帧频会增大动画制作的工作量,也会导致动画文件增大,因此我们在应用中要根据实际情况设置帧频,一般设置为每秒812帧比较合适。设置帧频时,选择菜单命令“修改”-“文档”命令,在打开的“文档属性”对话框中可以设置帧频,如图5.8所示。此外,我们也可以直接在“属性”面板中设置帧频。

5.8 文档属性窗口

5.1.4 常见面板

面板是Flash MX中常用的工具之一,它为我们提供了直观、高效的设计环境,实质是将那些功能相似的菜单以按钮的形式集中在一个工具栏上。几乎所有面板都可以通过系统的“窗口”菜单来打开,下面介绍几个常用面板

1.属性面板

属性面板用于显示或设置当前选定对象的属性,是动画制作过程使用频率最高的面板之一。如图5.9所示。

5.9 属性面板

2.颜色样本面板

颜色样本面板用于选择预先调整好的、保存在其中的颜色和渐变色填充。如图5.10所示。

5.10 颜色样本面板

3.混色器面板

混色器面板用于编辑新的颜色和渐变色填充以及设置某个颜色的Alpha值等。如图5.11所示。

5.11 混色器面板

4.对齐面板

对齐面板用于控制当前选定的单个或多个对象的对齐方式。如图5.12所示。

5.12 对齐面板

5.2Flash中添加素材

一份Flash动画作品包括很多成员,如图形、文字、声音和视频等,它们都是制作动画的素材。制作动画前,首先要准备好各种所需的素材,然后将这些素材进行组合、修改,最后合成为一份连续播放的动画。Flash中的素材可以自己制作,也可以将已有的素材添加Flash动画中。下面介绍几种常用素材的添加方式。

5.2.1 绘制图形

Flash 中绘图时,创建的是矢量图形。矢量图形与分辨率无关;可以将图形重新调整到任意大小而不会影响其清晰度。绘制图形是Flash动画制作过程中的常见操作。我们可以根据自己的需要绘制各种不同的图形。其操作步骤如下:

⑴选定要绘制图形的关键帧

⑵在“工具箱”中选择所需的绘图工具

⑶设置要绘制图形的背景色和填充色

⑷设置使用工具的选项

⑸在“属性面板”中设置相关的属性

⑹在编辑区(也称为“舞台”)中绘制图形

5.2.2 添加文本

Flash中的文本有三种类型:静态文本、动态文本和输入文本。

静态文本:指内容在动画播放过程中不会变化的文本。

动态文件:指其内容在动画播放过程中会发生变化的文本。

输入文本:用于接收我们输入信息,以产生交互。

添加文本的方法与添加图形的方法相似,只是选择的是“添加文本”工具。但文本的属性比图形的属性要多,因此在输入文字之前最好先设置好相关属性。如图5.13所示。

5.13 文本属性面板

5.2.3 导入图像

除了可以自己绘制图形以外,我们可以使用在其他应用程序中创建的插图。Flash可以导入各种文件格式的矢量图和位图,如BMPGIFJPG以及其他图形文件等。在某些高级应用中,对导入的位图,还可以对位图应用压缩和消除锯齿功能、将位图分离为像素并在 Flash 中编辑它或将位图转换为矢量图等。

导入图像时,选择“文件”-“导入”-“导入到舞台”,此时系统会打开一个“导入”对话框,在该对话框中选择文件位置和名称后,单击“打开”按钮,即可将选定的图形文件导入到文档当前层的当前选定的关键帧上。

5.2.4 加入声音

Flash中的声音有两种类型:一种是事件声音,这种声音只有在完全下载之后才能够播放,一般用于按钮或是固定动作中的声音;另一种是流声音,这种声音边下载边播放,常用于背景音乐。

Flash中,可以导入的声音文件格式有:WAVAUAIFFMP3。在制作动画过程中,导入的声音首先被导入到元件库中,并不是直接加入到当前的时间轴上。需要在帧属性面板中操作来完成添加声音。

1. 导入声音

导入声音的方法与导入图形的方法相似,只是在“导入”对话框中选择所需要的声音文件,单击打开即可,此时选定的声音被导入到元件库中,如图5.14所示。若要打开元件库面板,选择“窗口”-“库”命令。

5.14 元件库

2. 添加声音

当声音被导入到元件库中后,就可以使用以下方法将其加载到影片中。

⑴在时间轴上新建一个图层,选择要加入声音的位置,建立关键帧,然后在关键帧的后面加入适当数目的普通帧。

⑵选择要添加声音的关键帧,然后在帧属性面板中的“声音”下拉列表中,选中需要添加的声音素材即可。此时,声音层中的每一帧就会显示声音的波形,如图5.15所示。

5.15 带声音波形的时间轴

声音将会从添加了声音的起始关键帧播放,如果需要声音停下来,就要在声音停止的位置建立关键帧,然后在属性面板的“同步”下拉列表框中选择“停止”选项,如图5.16所示。这样声音将会在该关键帧停止。

5.16 声音属性面板设置

5.3 Flash动画制作

本节将介绍Flash动画制作的主要原理和方法,包括逐帧动画、运动动画、引导层动画、形状动画和遮罩动画。

5.3.1 动画的基本知识

1Flash中动画产生的原理

平时我们所看到Flash动画,无论它的画面有多么复杂,其实都是由一幅幅连续呈现的静态图像组成的。这些静态的图像就是Flash当中的帧。Flash在默认状态下将每秒钟均等地划分为十二份。每一帧在播放的时候显示十二分之一秒。这样,一幅幅图像迅速地播放使得人眼很难觉察出短暂的时间间隔,因此所看到的就是连续运动的画面。

Flash中一个最重要的概念就是关键帧,它用来定义动画的变化帧,我们在制作动画时主要是制作起始关键帧和结束关键帧中的静态画面,设置好动画方式以后,Flash会根据这些关键帧推算出中间帧应该拥有的形状,从而简化了动画的制作过程。

2Flash中的动画类型

不管Flash中的动画有多么复杂,它们都是由以下三种基本动画构成。

⑴逐帧动画:动画中没有中间过渡帧,全部由关键帧组成。

⑵动作补间动画:控制对象从一个位置运动到另一个位置。

⑶形状补间动画:控制对象从一种形状变形为另一种形状。

3Flash动画制作过程

一个动画作品的制作过程大致如下:

⑴制作动画所需的素材(也称为“元件”)。

⑵添加动画所需的素材(如导入图像、音频、视频或绘制图形等)。

⑶在选定的图层中制作起始关键帧和结束关键帧的静态画面。

⑷设置起始关键帧到结束关键帧的动画过度方式及相关参数。

⑸如有必要,添加图层并按单层动画制作方式制作多层动画

⑹通过用鼠标拖动“帧头”,可慢速预览动画,按回车键连续预览动画,按控制键和回车键可观看动画的真实播放效果。如果效果不满意,则继续修改各层的动画设计。

⑺保存动画文档

⑻导出或发布动画文件

5.3.2 逐帧动画制作

1.实例说明

本例制作一个倒计时的计数器,分别从9倒计到0

2.制作步骤

⑴启动Flash,新建一个文件,选择“修改”-“文档”打开文件属性对话框,设定影片的宽度为500px,高度200px,背景色为黄色,其他各项保持默认值,如图5.17所示。

⑵选择“插入”-“新建元件”,在打开的图5.18所示的对话框中输入元件的名称“9,设置其类型为“图形”,单击“确定”按钮。

⑶在工具箱中选择“文本工具”,在属性面板中选择字体为“Arial Black”,字号为40,蓝色、加粗,其他取默认值。如图5.19所示。

⑷在舞台任一位置单击,输入“9,至此,第一个元件制作完毕。

⑸选择“插入”-“新建元件”,依次建立8765432109个元件,然后单击时间轴上方的返回按钮,返回到主场景中。

⑹选择“窗口”-“库”,或者按Ctrl+L,打开图5.20所示的元件库。

⑺在主时间轴的第210帧分别插入9个空白关键帧。

⑻选定第一个关键帧,将元件“9”从库中拖入到舞台的中央,再选择第二个关键帧,将元件“8”拖入到舞台中央,其与9完全相同。依次类推,分别将70分别放置到第310帧。若要使所有元件在舞台的相同位置,可以选择“窗口”-“设计面板”-“对齐”,在打开的图5.12所示的面板中,单击“相对于舞台”,“水平居中”和“垂直居中”,即可将所有元件放置在舞台的正中央。

⑼保存文件

⑽按回车键或选择“控制”-“测试影片”观看效果。

5.3.3 运动动画制作

运动动画可以使动画的对象移动位置、缩放或旋转变化,但不能使动画对象的形状发生变化。

1.实例说明

本例中有两个对象将同时运动,其中有一幅图片从舞台右上角运动伸展到整个舞台,文字“Flash 你好!”从舞台上方逐渐放大并运动到舞台中心。

2.制作步骤

⑴启动Flash,新建一个文件,选择“修改”-“文档”打开文件属性对话框,设定影片的宽度为500px,高度400px,背景色为#FFFFCC,其他各项保持默认值。

⑵选定图层1的第一个关键帧,选择“文件”-“导入”-“导入到舞台”命令,导入一幅图片到舞台。

⑶选定导入的图片,选择“修改”-“转换为元件”,在图5.18所示的对话框中输入名称为“图片”,类型为“图形”。这样就将导入的图片转换成可重复利用的元件。

⑷在图层1的第50帧处插入一个关键帧。利用“任意变形工具”将第1帧中的图片缩小到舞台右上角为一个点,将第50帧中的图片扩大与舞台一样大小。

⑸选中图层1的第1帧,在帧属性面板中,打开补间下拉列表,选择“动作”,此时在第1帧与第50帧之间将产生一个箭头线,表明动画设置成功。

⑹拖动时间轴上的红色帧头观看动画播放情况。

⑺在图层面板的按钮上单击鼠标,在“图层1”的上方插入一个新的“图层2”。

⑻在图层2中的第1帧中利用“文本工具”输入文字“Flash 你好!”,隶书字体,10号字,颜色为#0033FF,加粗。

⑼用选择工具将文字移到舞台上方中间位置。

⑽在图层250帧的位置插入关键帧,选中该帧中的文字,选择绘图工具中的任意变形工具 拖动文字周围的调整句柄将文字放大5倍左右并置于舞台中央。以上操作也可以选择菜单 “窗口”-“设计面板”-“变形”命令,打开图5.21所示的变形面板,并将该帧的文字放大到500%后置于舞台中央。

⑾选定图层2的第1帧,在图5.22所示的属性面板中设置补间为“动作”动画,其他设置取默认值。

此时的时间轴如图5.23所示。

⑿此时,运动动画制作完成,保存文件后,按回车键,或同时按Ctrl+Enter观看影片效果。

⒀选择“文件”-“导出”命令导出影片。

注意:制作运动动画的对象,必须是元件,不能是图形,对于绘制的图形,需要执行“修改”“组合”菜单命令将其组合成元件后再制作动作动画。

5.3.4 引导层动画制作

默认状态下,Flash中动画的运动路线是直线的,有时可能我们会要求对象按指定的路线运动,以增加动画的灵活性。此时,可以在原动画层上方增加一个引导层,并在引导层绘制对象的运动路线,然后再将指定对象拖到路线的起点和终点,这样对象将按指定的路线运动,这就是引导层动画的原理。需要说明的是,引导层中的路线在编辑状态下可见,在影片播放时是不可见的。

1.实例说明

本例中将实现地球围绕太阳转,其中地球运动的椭圆路线就可利用引导层来实现。

2.制作步骤

⑴启动Flash,新建一个文件,选择“修改”-“文档”打开文件属性对话框,设定影片的宽度为500px,高度400px,其他各项保持默认值。

⑵在影片中创建二个图层,在最下面的图层名称文字上双击鼠标,并将图层重新命名为“地球”,用同样的方法,把最上面的图层命名为“太阳”。

⑶选定“地球”层的第1关键帧,选择“椭圆工具”,设置“无边框颜色”,“蓝色到黑色放射状”填充,如图5.24所示。设置完毕后在舞台画出一个球,也就是本例中的地球,并将调整到适当大小。若要画出标准的圆球,在绘制时要按住shift键不松开。

⑷由于绘制的地球是图形,不能对其应用动作动画,所以要先将其转换为元件。用“选择工具”选定刚才绘制的球,选择“修改”-“组合”或按Ctrl+G键将其转换为元件。

⑸在“地球”层的第50帧插入关键帧。

⑹选中“地球”层中第1帧,在帧属性面板的补间选项中,选择“动作”,完成地球运动动画的设置。

⑺在“地球”层上击鼠标右键,选择快捷菜单中的“添加引导层”命令,此时会在地球层的上方添加一个新的引导图层。

⑻选定“引导层”的第1帧,选择“椭圆工具”,设置为“无填充色”,边框颜色为“#FF00FF”,在舞台上画出一个空心椭圆。

⑼选择“任意变形工具”,将空心椭圆旋转一定的角度,并调整椭圆的位置。

⑽选定“引导层”的第1帧,选择“橡皮擦工具”将实心椭圆擦出一个小缺口以区别路径的起点和终点。

⑾定位到“地球”层的第1帧,将“地球”拖到路径的起点,定位到第50帧,将地球拖到路径的终点。移动红色帧头查看是否沿着引导线运动,如果不是,可能是“地球”的中心位置没有与路径的“起点”或“终点”重合引起的后果。按下绘图工具栏中的“对齐对象”按钮,可以在拖动地球时,自动吸附到附近的路径上。

⑿定位到“太阳”层的第1帧,用与绘制地球步骤相似的方法画出一个红色的太阳,并将其置于轨迹的中间,最后在“太阳”层的第50帧位置插入帧。完成后的场景与时间轴如图5.25所示。

⒀到此为止,本例已经制作完毕,保存文件,按回车键观看效果。

⒁发布影片。

5.25 运动动画实例

5.3.5 形状动画制作

所谓形状动画是指动画在播放时,一种形状的对象将演变成另一种形状的对象。这是一种非常不错的动画效果,而且制作也很简单。不过,形状动画只能应用于图形,不能应用于元件。元件作为形状动画对象时,必须先通过菜单“修改”“分离”命令,将其分离成图形对象。

1.实例说明

本例中将制作一个正圆,然后变形为一个矩形,最后变形为一个六边形。

2.制作步骤

⑴启动Flash,新建一个文件,选择“修改”-“文档”打开文件属性对话框,设定影片的宽度为500px,高度400px,背景色为黄色,其他各项保持默认值。

⑵定位第1帧,选择“椭圆工具”,在舞台上画一个正圆,圆的边框与填充色取默认值。

⑶在第20帧位置插入空白关键帧,选择“矩形工具”,在舞台上画一个矩形,矩形的边框色为“#6633FF”,填充色为“#CC3399”。

⑷在第40帧位置插入空白关键帧,并在该帧所在舞台上用“矩形工具”画一个六边形,六边形的边框色为“663366”,填充色为“9966FF”。要画出六边形,在鼠标点击“矩形”工具时不放,可弹出形状选项菜单,选择六边形即可。

⑸定位第1帧,在属性面板中设置为“形状”补间。如图5.26所示。

⑹定位第20帧,在属性面板中设置为“形状”补间。

⑺至此,形状补间动画制作完毕,保存文件,测试并观看影片效果。

5.3.6 遮罩动画制作

所谓遮罩,也称为蒙板,学过Photoshop的人对它并不陌生。遮罩动画是Flash动画中比较高级的技术,它利用遮罩层使屏幕中的某些内容显现,而某些内容不可见。其中遮罩层的内容是看不到的,被遮罩层中被遮罩遮挡的部分将可以显示,遮罩部分就像是在被遮罩层上开的天窗。用遮罩动画技术可以制作出很多意想不到的动画效果。本节以一个简单的例子来说明遮罩动画的制作过程。

1.实例说明

本例中将制作一个文字拉幕效果。动画播放时,就象有幕布一样从中间向两边拉开,拉开幕布后面的显示文字“精彩的Flash动画世界”。

2. 制作步骤

⑴启动Flash,新建一个文件,选择“修改”-“文档”打开文件属性对话框,设定影片的宽度为500px,高度200px,背景色为黄色,其他各项保持默认值。

⑵双击“图层1”名称,将“图层1”改为“文字”,对图层重命名。

⑶定位“文字”层的第1帧,选择“文本工具”,在舞台任意位置单击。在文本属性面板中设置文本的属性为“静态文本”,“隶书”,“40号字”,“蓝色”,“加粗”,“居中”,其他各项取默认值。

⑷在舞台上输入文字“精彩的Flash动画世界”,并调整文本位置到舞台中央。如图5.27所示。

⑸在“文字”层的第40帧位置处单击鼠标右键,在打开的菜单中选择“插入帧”命令,目的是使第1帧的内容在舞台上保留40帧的时间。

⑹单击图层列表左下角的新建图层按钮,在“文字层”上方新建一层,命名为“遮罩层”。

⑺定位“遮罩层”的第1帧,选择“矩形工具”,在舞台上绘制一个略高于文字的一个小矩形,如图5.28所示。矩形的边框与填充颜色无需设置。最后将其位置调整到舞台的中央。

⑻在“遮罩层”的第40帧位置处插入一个关键帧,定位该关键帧,利用“任意变形工具”将矩形横向放大,直到恰好遮盖下面的文字,如图5.29所示。注意拖动鼠标时,要按住Alt键不松开,使矩形从中间向两边扩展放大。

⑼回到“遮罩层”的第1帧,设置第1帧到第40帧的动画为“形状”补间。

⑽在“遮罩层”位置处单击鼠标右键,在打开的菜单中选择“遮罩层”命令。

⑾此时,遮罩动画制作完毕,完成后的图层与时间轴如图5.30所示。

⑿保存文件,按Ctrl+Enter观看效果。

5.3.7 动画的交互控制

交互式动画是在课件设计中比较普遍的一种技术,任何课件或动画过程,只有能被我们控制后,才会更加实用,更加有意义。对Flash动画的控制,是通过在动画中加入控制动作来实现的。动画的控制动作最常用的是“帧动作”和“按钮动作”,本节以上面的动作动画为基础,加入动画交互控制。

1.实例说明

本例中将制作一个按钮来控制动画的运行。动画开始时,画面静止不动,当鼠标点击“播放”按钮,动画过程开始,点击“停止”按钮动画暂停,再点击“播放”按钮动画继续。

2.制作步骤

⑴打开上面保存的地球环绕太阳的Flash文档。

⑵设置帧动作。帧动作是控制关键帧的动画行为的指令,帧动作只能应用于关键帧。为了使动画开始能自动停止播放,需要在动画的第一帧设置“停止播放影片”帧动作。具体操作如下:

选定图层1的第1帧,展开下方的“动作帧”面板,依次点击左上窗格中的“全局函数”“时间轴控制”,选择时间轴控制下列的“Stop”动作并双击,将动作命令添加到右面窗格中,如图5.31所示。

5.31 帧动作面板

⑶添加命令按钮。命令按钮是最常用的交互控制形式,通常我们不必自己制作命令按钮,可以使用Flash公用库中提供的按钮,即简单又方便。

定位到“太阳”图层,点击新建图层按钮,在该图层上方新建一个图层,命名为“按钮”。

定位到“按钮”图层,选择“窗口”“其它面板”“共用库”“按钮”,在右侧将看到“库按钮”面板。在选项“Circle Buttons”前面的小图标上双击,展开该类型按钮的下拉列表,分别选择其中的“Play”和“Stop”按钮并将其拖到舞台上,调整好位置。如图5.32所示。

5.32 添加命令按钮

⑷。设置Play按钮动作。选中舞台中的“Play”按钮,展开下方的“动作按钮”面板,依次点击左上窗格中的“全局函数”“影片剪辑控制”,在“影片剪辑控制”下的列表中,找到并双击“On”,将On命令添加到右面窗格中,并出现命令参数选择列表框,如图5.33所示。

5.33 添加按钮命令

选中列表中的“release”双击,将“release”添加到On ( )的括号中。

将右面窗格中的编辑插入点定位到On (release){ }的花括号中间,在左上窗格中,依次点击“全局函数”“时间轴控制”,选择“时间轴控制”下列表中的“Play”并双击,完成后,右面窗格中的动作指令为On (release) {Play}。至此,完成播放按钮的动作定义。每当单击该按钮,将会执行播放影片的动作。

⑸设置Stop按钮动作。选中舞台中的“Stop”按钮,重复上面的按钮动作定义过程,所不同的是,在最后一步,将“Play”换成“Stop”,使按钮动作能停止影片播放。完成后“动作按钮”面板右面窗格中的动作指令如图5.34所示。

5.34 停止影片播放动作指令

⑹保存文件,选择菜单“控制”-“测试影片”命令或按Ctrl+回车键,观看效果。

注意:如果在设置帧或按钮动作时发生错误,只要将相应的动作面板中右面窗格里的指令字符删除,重新定义就可以了。

本文来源:https://www.2haoxitong.net/k/doc/a5706ef64693daef5ef73dda.html

《Flash动画素材制作.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式