第6章 FLASH动画制作

第六章FLASH动画制作Flash软件功能强大，交互方便，是制作多媒体课件的有力武器。与其它软件相比，其作品具有容量小、交互性强，适于网络传输等优点。此外，其强大的绘图功能，也是我们制作各种矢量图形的首选软件。本章第一节介绍制作Flash动画基础知识，掌握这部分基础知识，有助于从整体上把握该软件，帮助用户快速制作出动画作品。从第二节开始，均是以实例的形式来说明Flash中各种工具的使用；偏好通过实例制作，来了解和熟悉一个新软件的学习者，可以跳过第一节，直接进入第二节开始学习。6.1Flash的工作环境执行“开始”-“程序”-“Micromedia”-“FlashMX2004”命令，或双击桌面上“Flash快捷图标”，进入Flash程序界面，选择“创建新项目”-“Flash文档”，进入Flash工作界面。工作界面主要包括：标题栏、菜单栏、时间轴、舞台、工具箱、属性栏和位于右侧的浮动面板等部分，如图6-1所示。图6-1Flash的工作界面一、舞台舞台是位于Flash工作界面中央的白色区域，是制作和编辑Flash动画的主要场所。舞台以外的内容只有在编辑时是可见的，而在影片输出时是看不到的。1.舞台大小的确定我们建立一个新的Flash文档后，通常根据编辑的内容先确定舞台的大小和背景颜色。可以单击“属性栏”中“大小”按钮，打开“文档属性”对话框，如图6-2所示，可以在此设置文档的尺寸（即舞台大小）和背景颜色等。也可以通过双击时间轴上的帧频来打开“文档属性”对话框进行设置。图6-2文档属性对话框2.舞台视图的缩放和移动利用Flash制作动画的过程中，经常需要缩放舞台的大小，以便于进行编辑或对整体效果进行调整。调整舞台大小有两种方法，一种是使用缩放工具，另一种是设置缩放比例。使用放大镜工具单击工具箱中的放大镜工具，在下方会出现两个放大镜按钮和，使用它们可以分别对舞台进行放大和缩小的操作。另外选中放大镜工具之后，单击某一对象就可以对该对象进行放大，若利用放大镜工具拖出一个区域来，可以放大显示该区域。使用缩放比例在时间轴的右上方有系统预置的对舞台视图的缩放比例，单击其后面的按钮，可以打开系统预置的各种缩放比例，如图6-3所示。用户可以根据需要选择合适的缩放项。图6-3系统预置的缩放比例舞台的移动要想移动舞台，可以单击工具箱中的手形工具，然后鼠标将变成手形，在舞台中单击鼠标并拖动便可以移动舞台。3.舞台的辅助显示Flash舞台可以利用标尺、网格、辅助线等工具来辅助显示，提高作图的便利和准确性，简化编辑过程。标尺执行“视图”-“标尺”命令，在舞台的左边和上边将出现标尺。移动鼠标，在两个标尺上会出现指示标记，显示光标目前所处的位置。若要隐藏标尺，再一次执行“视图”-“标尺”命令即可。辅助线在标尺打开状态，如果把鼠标放在标尺上单击并拖放到舞台上，会拖出一条浅绿色的“辅助线”，如图6-4所示，方便用户精确定位，该辅助线在影片输出时不会显示出来。如果要删除该辅助线，只需要把它拖离舞台区域即可，也可以执行“视图”-“辅助线”-“清除辅助线”，便可以把舞台上的所有辅助线清除掉。图6-4舞台上的辅助线网格同标尺一样，Flash软件中也可以使用网格进行精确定位。执行“视图”-“网格”-“显示网格”命令，在舞台上边将显示网格线。如果需要对网格的间距进行调整，可执行“视图”-“网格”-“编辑网格”命令，会弹出“网格”对话框，如图6-5所示。可以在此对话框中编辑设置网格的颜色和间距，以便于满足用户的个别化需要。图6-5网格对话框二、时间轴时间轴是Flash软件中最有特色的一个窗口，是使用帧、层和控制动画的窗口。默认情况下，时间轴居中位于主窗口的上部，菜单栏的下方，如图6-6所示。图6-6时间轴1.图层的基本操作时间轴的左边窗口是图层的编辑窗口。图层就像一张张透明的纸，每一张纸上均可绘制不同的图形，在上面层绘制图形，会遮挡住下层相同位置的图形；但如果上面某一区域没有图形，可以透过该区域看到下层的内容。在Flash中每个图层都是相互独立的，都有自己的时间轴，包含独立的帧，用户使用图层的控制图标，可以在一个图层上任意修改其中的内容，而不影响到其他图层。Flash中图层的主要类型有：普通层、遮罩层和引导层，如图6-7所示。舞台中的标尺、辅助线和网格都是为了用户在制作动画时精确定位用的，因此，在Flash影片输出时这些辅助工具不会显示出来。图6-7图层图层可见性控制图标用于控制图层的可见性。如果直接单击图标，则文档中的所有层都将不可见，再次单击又可恢复各层的可见性。每个层中图标列的对应位置处都有一个黑点代表该层的可见状态。黑点表示该层的内容可见；用鼠标单击此黑点，黑点就会变成形状，表示该层中的内容处于不可见状态。图层可编辑性控制图标用于控制图层的可编辑性。控制层的可编辑性和控制层的可见性类似。各层中图标列的黑点表示各层的可编辑状态。黑点表示该层目前可以编辑；用鼠标单击黑点变成形状，表示该层处于锁定状态，此时不能在该层进行任何编辑。图层的显示方式控制图标用于控制图层的显示方式。若图标列下各层以彩色实心方形标记显示，则表示该层内容正常显示；若各层以彩色空心方框显示，则表示该层内容只显示边界。这种显示方式便于编辑和排列多个对象。当前图层编辑状态显示如果选中某一图层，此时的层显示标志，表示该图层可以编辑；若图层显示标志，表示该图层目前不能编辑，说明图层此时处于不可见状态或者锁定状态。添加图层单击添加图层按钮，便会在当前层之上添加一个新的图层。若当前选中的层是被引导层或被遮罩层，则新添加的图层也是被引导层或被遮罩层。添加引导层选中某层后，单击添加引导层按钮，便会在选中层之上添加一个引导层，且选中的层自动变成被引导层，层图标自动右移，如图6-8所示。图6-8添加引导层添加遮罩层当我们制作动画时，如果需要绘制多个对象，最好把不同的对象分层放置。为了方便操作，可以把暂时不需要编辑的图层锁定，这样在对其它图层中的对象编辑时，不会对锁定层中的对象误操作。选中某层后右键单击鼠标，在弹出的菜单中选择“遮罩层”，即可把该层变为遮罩层，该层下方的层自动变成被遮罩层，层图标自动右移，遮罩层和被遮罩层自动锁定，如图6-9所示。图6-9添加遮罩层添加层文件夹层文件夹是用来放置图层的。当时间轴上图层很多时，为了便于编辑和管理，需要将图层归类放置于层文件夹中。单击层文件夹按钮，即可添加一个层文件夹。在添加层文件夹之后，将需要放置在层文件夹中的图层选中，拖到层文件夹上，当层文件夹变色后释放鼠标，即把选中的图层放进层文件夹中。若需要将图层脱离层文件夹，先选中该层拖放到层文件夹之外即可。2.帧的基本操作帧是创建Flash动画的最基本元素之一。帧代表着时刻，不同的帧即为不同的时刻，画面会随着时间的推移逐个显示帧。在Flash动画中，帧相当于一张张的电影胶片，时间轴上帧的连续播放便会产生动画效果。帧分为关键帧、空白关键帧、普通帧和过渡帧等，如图6-10所示。图6-10帧的分类关键帧关键帧用黑色实心圆点表示，用于定义动画的起始点和结束点，在动画制作过程中，如果对象发生改变，或者同一对象的形状和位置发生改变，均需要添加关键帧。添加关键帧的方法是：右键单击时间轴上的任一帧，在打开的菜单中选择“插入关键帧”，或直接按下【F6】快捷键，也可添加关键帧。空白关键帧空白关键帧是用空心的圆点来表示，空白关键帧表示该关键帧中没有添加任何对象。若要插入空白关键帧，可以右键单击时间轴上的任一帧，在打开的菜单中选择“插入空白关键帧”，或直接按下【F7】快捷键即可。普通帧普通帧是两个关键帧之间的帧。普通帧是关键帧的延续，普通帧中的内容与前面关键帧当我们需要同时选中多个图层时，可以在按住“Ctrl”或“Shift”键的同时单击鼠标。如果要选中多个相连的图层，可以单击最上面的图层，然后在按住“Shift”键的同时鼠标单击最下面的图层，即可同时选中从上到下多个连续的图层。如果选择不连续的图层，可以在按住“Ctrl”键的同时单击鼠标，即可同时选中多个不相连的图层。的内容一样。若要添加普通帧，可以右键单击任一帧后，在打开的菜单中选择“插入帧”，或直接按下【F5】快捷键即可。过渡帧若两个关键帧之间创建了动画，关键帧之间的普通帧就变成了过渡帧。如果创建的是动作补间动画，过渡帧呈现浅紫色；如果创建的是形状补间动画，过渡帧呈现浅绿色；而且，过渡帧中会出现实线箭头，若过渡帧中的箭头是虚线的，表明该动画不能完成。若要将过渡帧转换为普通帧，则可选中过渡帧中的任一帧，然后鼠标右键单击，从打开的快捷菜单中选择“删除补间”即可。或者在舞台下方的属性栏中“补间”项后，选择“无”，也可以把过渡帧转换为普通帧，同时也删掉已创建的动画，如图6-11所示。图6-11过渡帧转换为普通帧的两种方法选择帧在时间轴上单击某帧就可以选中此帧；双击某一关键帧，可以将此关键帧和它后面的普通帧或者过渡帧同时选中；单击某一图层名称，可以将此层中的所有帧全部选中；在任一帧上单击鼠标右键，从打开的右键快捷菜单中选择“选择所有帧”项，可以将所有层中的帧全部选中。移除帧选中某一帧或者某些帧之后用鼠标右键单击，从弹出的快捷菜单中选择“删除帧”项，即可将这些帧及帧中的内容从时间轴上删除。若选择“清除帧”选项，则可将这些帧中的内容全部删除，同时这些帧将变成空白关键帧。复制粘贴帧选中某一帧或者某些帧之后鼠标右键单击，从弹出的快捷菜单中选择“剪切帧”项，可以剪切选中的帧；若选择“复制帧”项则可复制选中的帧；选择“粘贴帧”选项，即可将剪贴帧或复制的帧粘贴到当前选中的帧的位置上。关键帧添加代码在关键帧中可以添加脚本代码，当动画播放到这一帧时便会执行该帧中的代码。选中某一关键帧后按下【F9】键即打开“动作-帧”面板，在“动作-帧”面板写入代码，时间轴中写入代码的关键帧将会出现“a”标记，如图6-12所示。图6-12关键帧添加代码的时间轴和动作-帧面板三、工具箱工具箱中包括一套完整的绘图工具，通常位于工作区的左侧，如图6-13所示，也可以鼠标左键单击并拖动工具箱到其它位置。随着选中工具箱中的不同工具，在舞台下方的属性栏中会显示该工具的属性，可以在属性栏中改变工具的颜色、线条粗细、线型等属性。图6-13工具箱通过执行“窗口”-“工具”命令，可以控制工具箱的显示和隐藏。下面介绍Flash工具箱中有特色的几种工具的使用方法，包括选择工具、自由变换工具和填充变形工具。其它工具的使用方法在此不作详细介绍，用户可在实例制作的过程中熟悉并掌握这些工具的使用。1.选择工具选择工具是工具箱中使用最频繁的工具。其主要功能有选择对象、移动对象和修改图像轮廓等。选择对象选中工具箱中的选择工具，在舞台中的对象上单击即可选中对象。舞台中的对象通常由线条和填充颜色两部分组成，可以单独单击任一部分选中并操作。也可以拖动鼠标拉出一个矩形框，此时处于矩形框中的所有对象均被选中。如图6-14所示。图6-14选择工具选取不同的对象移动对象先选中要移动的对象，如矩形框中的线条部分，把鼠标移动到选中的线条上，当鼠标变成此形状时，拖动对象，即可移动。如图6-15所示。图6-15移动选中的对象移动顶点若要移动对象的顶点，先把鼠标放在顶点处，当鼠标变成黑箭头下方有一小直角时，按住并拖动，可以移动对象的顶点。如图6-16所示。图6-16移动对象的顶点直线拉成曲线若要把对象中的直线拉成曲线，先把鼠标放在直线附近，当鼠标变成黑箭头下方有一小弧形时，按住并拖动，可以把直线拉成曲线。如图6-17所示。图6-17把对象中的直线拉成曲线2.自由变换工具选中自由变换工具后，根据鼠标放置在对象上的位置不同，会显示出不同的标记，从而完成旋转、倾斜、缩放、扭曲和封套等不同的操作。旋转对象选中自由变换工具，在对象上单击，对象四周会出现八个黑色方框，中间有一个作为旋转中心的小圆圈。当把鼠标放在顶点附近时，鼠标变成带箭头的圆弧形状时，按住并拖动，即以对象中心的圆点为轴旋转该对象。如图6-18所示。图6-18以中心的圆圈为轴旋转对象如果改变需改变旋转中心的位置，可以选中对象中心的小圆圈，拖动其到