第6章FLASH动画制作.pdf

《第6章FLASH动画制作.pdf》由会员分享，可在线阅读，更多相关《第6章FLASH动画制作.pdf（35页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第六章 FLASH动画制作 Flash 软件功能强大，交互方便，是制作多媒体课件的有力武器。与其它软件相比，其作品具有容量小、交互性强，适于网络传输等优点。此外，其强大的绘图功能，也是我们制作各种矢量图形的首选软件。本章第一节介绍制作Flash 动画基础知识，掌握这部分基础知识，有助于从整体上把握该软件，帮助用户快速制作出动画作品。从第二节开始，均是以实例的形式来说明Flash中各种工具的使用；偏好通过实例制作，来了解和熟悉一个新软件的学习者，可以跳过第一节，直接进入第二节开始学习。6.1 Flash的工作环境 执行“开始”-“程序”-“Micromedia”-“Flash MX 2004”命

2、令，或双击桌面上“Flash快捷图标”，进入Flash 程序界面，选择“创建新项目”-“Flash 文档”，进入Flash工作界面。工作界面主要包括：标题栏、菜单栏、时间轴、舞台、工具箱、属性栏和位于右侧的浮动面板等部分，如图6-1 所示。图 6-1 Flash 的工作界面 一、舞台 舞台是位于Flash 工作界面中央的白色区域，是制作和编辑Flash 动画的主要场所。舞台以外的内容只有在编辑时是可见的，而在影片输出时是看不到的。1.舞台大小的确定 我们建立一个新的Flash 文档后，通常根据编辑的内容先确定舞台的大小和背景颜色。可以单击“属性栏”中“大小”按钮，打开“文档属性”对话框，如图6

3、-2 所示，可以在此设置文档的尺寸（即舞台大小）和背景颜色等。也可以通过双击时间轴上的帧频来打开“文档属性”对话框进行设置。图 6-2 文档属性对话框 2.舞台视图的缩放和移动 利用Flash 制作动画的过程中，经常需要缩放舞台的大小，以便于进行编辑或对整体效果进行调整。调整舞台大小有两种方法，一种是使用缩放工具，另一种是设置缩放比例。使用放大镜工具 单击工具箱中的放大镜工具，在下方会出现两个放大镜按钮和，使用它们可以分别对舞台进行放大和缩小的操作。另外选中放大镜工具之后，单击某一对象就可以对该对象进行放大，若利用放大镜工具拖出一个区域来，可以放大显示该区域。使用缩放比例 在时间轴的右上方有系

4、统预置的对舞台视图的缩放比例，单击其后面的按钮，可以打开系统预置的各种缩放比例，如图6-3 所示。用户可以根据需要选择合适的缩放项。图 6-3 系统预置的缩放比例 舞台的移动 要想移动舞台，可以单击工具箱中的手形工具，然后鼠标将变成手形，在舞台中单击鼠标并拖动便可以移动舞台。3.舞台的辅助显示 Flash 舞台可以利用标尺、网格、辅助线等工具来辅助显示，提高作图的便利和准确性，简化编辑过程。标尺 执行“视图”-“标尺”命令，在舞台的左边和上边将出现标尺。移动鼠标，在两个标尺上会出现指示标记，显示光标目前所处的位置。若要隐藏标尺，再一次执行“视图”-“标尺”命令即可。辅助线 在标尺打开状态，如果

5、把鼠标放在标尺上单击并拖放到舞台上，会拖出一条浅绿色的“辅助线”，如图6-4 所示，方便用户精确定位，该辅助线在影片输出时不会显示出来。如果要删除该辅助线，只需要把它拖离舞台区域即可，也可以执行“视图”-“辅助线”-“清除辅助线”，便可以把舞台上的所有辅助线清除掉。图 6-4 舞台上的辅助线 网格 同标尺一样，Flash 软件中也可以使用网格进行精确定位。执行“视图”-“网格”-“显示网格”命令，在舞台上边将显示网格线。如果需要对网格的间距进行调整，可执行“视图”-“网格”-“编辑网格”命令，会弹出“网格”对话框，如图6-5 所示。可以在此对话框中编辑设置网格的颜色和间距，以便于满足用户的个别

6、化需要。图 6-5 网格对话框 二、时间轴 时间轴是Flash 软件中最有特色的一个窗口，是使用帧、层和控制动画的窗口。默认情况下，时间轴居中位于主窗口的上部，菜单栏的下方，如图6-6 所示。图 6-6 时间轴 1.图层的基本操作 时间轴的左边窗口是图层的编辑窗口。图层就像一张张透明的纸，每一张纸上均可绘制不同的图形，在上面层绘制图形，会遮挡住下层相同位置的图形；但如果上面某一区域没有图形，可以透过该区域看到下层的内容。在 Flash 中每个图层都是相互独立的，都有自己的时间轴，包含独立的帧，用户使用图层的控制图标，可以在一个图层上任意修改其中的内容，而不影响到其他图层。Flash 中图层的主

7、要类型有：普通层、遮罩层和引导层，如图6-7 所示。舞台中的标尺、辅助线和网格都是为了用户在制作动画时精确定位用的，因此，在 Flash 影片输出时这些辅助工具不会显示出来。图 6-7 图层 图层可见性控制 图标用于控制图层的可见性。如果直接单击图标，则文档中的所有层都将不可见，再次单击又可恢复各层的可见性。每个层中图标列的对应位置处都有一个黑点代表该层的可见状态。黑点表示该层的内容可见；用鼠标单击此黑点，黑点就会变成形状，表示该层中的内容处于不可见状态。图层可编辑性控制 图标用于控制图层的可编辑性。控制层的可编辑性和控制层的可见性类似。各层中图标列的黑点表示各层的可编辑状态。黑点表示该层目前

8、可以编辑；用鼠标单击黑点变成形状，表示该层处于锁定状态，此时不能在该层进行任何编辑。图层的显示方式控制 图标用于控制图层的显示方式。若图标列下各层以彩色实心方形标记显示，则表示该层内容正常显示；若各层以彩色空心方框显示，则表示该层内容只显示边界。这种显示方式便于编辑和排列多个对象。当前图层编辑状态显示 如果选中某一图层，此时的层显示标志，表示该图层可以编辑；若图层显示标志，表示该图层目前不能编辑，说明图层此时处于不可见状态或者锁定状态。添加图层 单击添加图层按钮，便会在当前层之上添加一个新的图层。若当前选中的层是被引导层或被遮罩层，则新添加的图层也是被引导层或被遮罩层。添加引导层 选中某层后，

9、单击添加引导层按钮，便会在选中层之上添加一个引导层，且选中的层自动变成被引导层，层图标自动右移，如图6-8 所示。图 6-8 添加引导层 添加遮罩层 当我们制作动画时，如果需要绘制多个对象，最好把不同的对象分层放置。为了方便操作，可以把暂时不需要编辑的图层锁定，这样在对其它图层中的对象编辑时，不会对锁定层中的对象误操作。选中某层后右键单击鼠标，在弹出的菜单中选择“遮罩层”，即可把该层变为遮罩层，该层下方的层自动变成被遮罩层，层图标自动右移，遮罩层和被遮罩层自动锁定，如图6-9所示。图 6-9 添加遮罩层 添加层文件夹 层文件夹是用来放置图层的。当时间轴上图层很多时，为了便于编辑和管理，需要将图

10、层归类放置于层文件夹中。单击层文件夹按钮，即可添加一个层文件夹。在添加层文件夹之后，将需要放置在层文件夹中的图层选中，拖到层文件夹上，当层文件夹变色后释放鼠标，即把选中的图层放进层文件夹中。若需要将图层脱离层文件夹，先选中该层拖放到层文件夹之外即可。2.帧的基本操作 帧是创建Flash 动画的最基本元素之一。帧代表着时刻，不同的帧即为不同的时刻，画面会随着时间的推移逐个显示帧。在 Flash 动画中，帧相当于一张张的电影胶片，时间轴上帧的连续播放便会产生动画效果。帧分为关键帧、空白关键帧、普通帧和过渡帧等，如图6-10 所示。图 6-10 帧的分类 关键帧 关键帧用黑色实心圆点表示，用于定义动

11、画的起始点和结束点，在动画制作过程中，如果对象发生改变，或者同一对象的形状和位置发生改变，均需要添加关键帧。添加关键帧的方法是：右键单击时间轴上的任一帧，在打开的菜单中选择“插入关键帧”，或直接按下【F6】快捷键，也可添加关键帧。空白关键帧 空白关键帧是用空心的圆点来表示，空白关键帧表示该关键帧中没有添加任何对象。若要插入空白关键帧，可以右键单击时间轴上的任一帧，在打开的菜单中选择“插入空白关键帧”，或直接按下【F7】快捷键即可。普通帧 普通帧是两个关键帧之间的帧。普通帧是关键帧的延续，普通帧中的内容与前面关键帧 当我们需要同时选中多个图层时，可以在按住“Ctrl”或“Shift”键的同时单击

12、鼠标。如果要选中多个相连的图层，可以单击最上面的图层，然后在按住“Shift”键的同时鼠标单击最下面的图层，即可同时选中从上到下多个连续的图层。如果选择不连续的图层，可以在按住“Ctrl”键的同时单击鼠标，即可同时选中多个不相连的图层。的内容一样。若要添加普通帧，可以右键单击任一帧后，在打开的菜单中选择“插入帧”，或直接按下【F5】快捷键即可。过渡帧 若两个关键帧之间创建了动画，关键帧之间的普通帧就变成了过渡帧。如果创建的是动作补间动画，过渡帧呈现浅紫色；如果创建的是形状补间动画，过渡帧呈现浅绿色；而且，过渡帧中会出现实线箭头，若过渡帧中的箭头是虚线的，表明该动画不能完成。若要将过渡帧转换为普

13、通帧，则可选中过渡帧中的任一帧，然后鼠标右键单击，从打开的快捷菜单中选择“删除补间”即可。或者在舞台下方的属性栏中“补间”项后，选择“无”，也可以把过渡帧转换为普通帧，同时也删掉已创建的动画，如图6-11 所示。图 6-11 过渡帧转换为普通帧的两种方法 选择帧 在时间轴上单击某帧就可以选中此帧；双击某一关键帧，可以将此关键帧和它后面的普通帧或者过渡帧同时选中；单击某一图层名称，可以将此层中的所有帧全部选中；在任一帧上单击鼠标右键，从打开的右键快捷菜单中选择“选择所有帧”项，可以将所有层中的帧全部选中。移除帧 选中某一帧或者某些帧之后用鼠标右键单击，从弹出的快捷菜单中选择“删除帧”项，即可将这

14、些帧及帧中的内容从时间轴上删除。若选择“清除帧”选项，则可将这些帧中的内容全部删除，同时这些帧将变成空白关键帧。复制粘贴帧 选中某一帧或者某些帧之后鼠标右键单击，从弹出的快捷菜单中选择“剪切帧”项，可以剪切选中的帧；若选择“复制帧”项则可复制选中的帧；选择“粘贴帧”选项，即可将剪贴帧或复制的帧粘贴到当前选中的帧的位置上。关键帧添加代码 在关键帧中可以添加脚本代码，当动画播放到这一帧时便会执行该帧中的代码。选中某一关键帧后按下【F9】键即打开“动作-帧”面板，在“动作-帧”面板写入代码，时间轴中写入代码的关键帧将会出现“a”标记，如图6-12 所示。图 6-12 关键帧添加代码的时间轴和动作-帧

15、面板 三、工具箱 工具箱中包括一套完整的绘图工具，通常位于工作区的左侧，如图6-13 所示，也可以鼠标左键单击并拖动工具箱到其它位置。随着选中工具箱中的不同工具，在舞台下方的属性栏中会显示该工具的属性，可以在属性栏中改变工具的颜色、线条粗细、线型等属性。图 6-13 工具箱 通过执行“窗口”-“工具”命令，可以控制工具箱的显示和隐藏。下面介绍Flash 工具箱中有特色的几种工具的使用方法，包括选择工具、自由变换工具和填充变形工具。其它工具的使用方法在此不作详细介绍，用户可在实例制作的过程中熟悉并掌握这些工具的使用。1.选择工具 选择工具是工具箱中使用最频繁的工具。其主要功能有选择对象、移动对象

16、和修改图像轮廓等。选择对象 选中工具箱中的选择工具，在舞台中的对象上单击即可选中对象。舞台中的对象通常由线条和填充颜色两部分组成，可以单独单击任一部分选中并操作。也可以拖动鼠标拉出一个矩形框，此时处于矩形框中的所有对象均被选中。如图6-14 所示。图 6-14 选择工具选取不同的对象 移动对象 先选中要移动的对象，如矩形框中的线条部分，把鼠标移动到选中的线条上，当鼠标变成此形状时，拖动对象，即可移动。如图6-15 所示。图 6-15 移动选中的对象 移动顶点 若要移动对象的顶点，先把鼠标放在顶点处，当鼠标变成黑箭头下方有一小直角时，按住并拖动，可以移动对象的顶点。如图6-16 所示。图 6-1

17、6 移动对象的顶点 直线拉成曲线 若要把对象中的直线拉成曲线，先把鼠标放在直线附近，当鼠标变成黑箭头下方有一小弧形时，按住并拖动，可以把直线拉成曲线。如图6-17 所示。图 6-17 把对象中的直线拉成曲线 2.自由变换工具 选中自由变换工具后，根据鼠标放置在对象上的位置不同，会显示出不同的标记，从而完成旋转、倾斜、缩放、扭曲和封套等不同的操作。旋转对象 选中自由变换工具，在对象上单击，对象四周会出现八个黑色方框，中间有一个作为旋转中心的小圆圈。当把鼠标放在顶点附近时，鼠标变成带箭头的圆弧形状时，按住并拖动，即以对象中心的圆点为轴旋转该对象。如图6-18 所示。图 6-18 以中心的圆圈为轴旋

18、转对象 如果改变需改变旋转中心的位置，可以选中对象中心的小圆圈，拖动其到上方中间的位置，即改变对象的旋转中心。当旋转对象时就以新设定的中心点而旋转。如图6-19 所示。图 6-19 改变旋转中心点的位置 缩放对象 选中自由变换工具，把鼠标放在顶点附近时，鼠标变成双向倾斜的箭头时，按住并向外拖动，即可放大对象。按住并向内拖动，即可缩小对象。把鼠标放在中间的控制点上时，鼠标将变成水平或竖直的双向箭头，按住并拖动，即可调整对象的宽和高。扭转对象 把鼠标放在顶点附近时，鼠标变成一对平行的双向箭头或时，按住并拖动，可扭转对象。自由变换工具和选择工具配合使用，可以把一页“平放”的纸变成“半翻开”的状态，如

19、图6-20 所示。图 6-20 平放的纸变成半翻开状态的操作过程 3.填充变形工具 Flash 中若图形的填充方式不是单色填充时，可以利用填充变形工具调节其填充的属性。改变线性填充的属性 Flash 中默认的线性填充方式是竖直方向上的渐变，可以利用填充变形工具，把竖直渐变变成水平或倾斜方向上的渐变。选中填充变形工具，在具有竖直渐变填充的对象上单击，把鼠标移到右上方的圆形顶点处，当鼠标变成此形状时，单击并拖动即可。如图6-21 所示。图 6-21 拖动方形控制点，可以缩放渐变填充样式。向内拖动方形控制点，可以缩小渐变填充样式，如图6-22 所示；向外拖动方形控制点，可以放大渐变填充样式。图 6-

20、22 缩小渐变填充样式 拖动中间的圆形控制点，可以改变渐变填充中心的位置，如图6-23 所示。图 6-23 下移渐变填充中心的位置 改变放射状填充的属性 利用填充变形工具，可以改变放射状填充的属性。如图6-24 所示。图 6-24 填充变形工具对放射状填充的改变 四、浮动面板 Flash 中的浮动面板有很多，一般都位于Flash 工作界面的右方。利用鼠标单击按钮来控制浮动面板的展开或合上。常用的浮动面板一般都显示在右边的位置。如果要打开或关上其它的浮动面板，可以执行“窗口”-“面板名称”的命令来完成，也可以使用相应的快捷键命令。例如，执行“窗口”-“设计面板”-“信息”命令，可以打开“信息”浮

21、动面板。如图6-25 所示，图 6-25 打开信息面板 对浮动面板在此不作详细介绍，实例制作中会包含有这方面的使用。6.2 绘图工具 “风车”实例制作步骤：1打开Flash 程序，建立新的Flash 文档，进入Flash 工作界面。2单击文档属性中的“大小”按钮。弹出“文档属性”对话框，设置尺寸为450px 300px。背景颜色为深蓝色，确定，如图6-26 所示。图 6-26 文档属性的设置 3为了使后面的操作更准确，我们可以执行“视图标尺”命令，打开辅助工具标尺。通过“风车”实例的制作，熟悉工具箱中一些绘图工具的使用方法，如：选择工具、矩形工具、填充工具、混色器、变形等，并掌握Flash 中

22、建立和保存文件的一般步骤。从左边的标尺中拖出两个辅助线，使两辅助线的间距为 100px，如图 6-27 所示。图 6-27 拖出两条辅助线 4选择工具箱中的矩形工具，在工具箱下方设置矩形的边线和填充的颜色，颜色的设置尽量醒目一些，有利于和背景色区分开来。然后，按住“shift”的同时拖动鼠标，在图层 1 上画出一个正方形，如图 6-28 所示。图 6-28 画出一个正方形 5选择工具箱中的“选择工具”，拖移正方形右上方的直角顶点，使其成为正三角形。把辅助线移至三角形一直角边的中点处，如图 6-29 所示。图 6-29 正方形变成三角形 6使用“选择工具”拉出来一个矩形框，选中右方的小三角形，如

23、图 6-30 所示。图 6-30 选中小三角形 7按“Ctrl+X”剪切，然后，单击时间轴上的“插入图层”按钮，在图层 1 上方添加了一个新图层 2，按“Ctrl+V”粘贴到图层 2 上。执行“修改变形水平翻转”，使小三角形水平翻转，如图 6-31 所示。图 6-31 水平翻转小三角形 8使用“向上”和“向左”的箭头工具，向左移动小三角形至和大图形底边重合。如选中“选择工具”，在图形外的舞台上任意点单击，保持图形处于不被选中的状态。移动鼠标至小三角形的斜边上，当鼠标下方呈现弧形时，拖动鼠标把小三角形的斜边拉成弧形，如图 6-32 所示。6-32 左移并拖拉小三角形 9单击选中小三角形的填充颜色

24、，打开混色器，设置小三角形的填充色为“红白红”线性渐变。混色器的具体设置如图 6-33 所示。图 6-33 混色器的颜色设置 10选中图层 1 中图形的填充颜色，打开混色器，设置填充色为“灰白”线性渐变。混色器的具体设置如图 6-34 所示。6-34 大图形的颜色设置 11选中工具箱中的“墨水瓶工具”，设置线条颜色为黑色，并单击舞台上的风车叶片，添加或修改线条颜色为黑色，如图 6-35 所示。图 6-35 添加或修改线条为黑色 12选中图层 2 上的小三角形，按“Ctrl+X”剪切，点击图层 1，执行“编辑粘贴到当前位置”，把小三角形粘贴到图层 1，与原来的图形位于同一图层，如图 6-36 所

25、示。图 6-36 把小三角形粘贴到图层 1 上 13选中任意变形工具，在舞台上拖出一个矩形框，保证风车叶片图形处于矩形框中，移动任意变形的旋转中心至左下角。如图 6-37 所示。图 6-37 改变任意变形框中的旋转中心位置 14按“CTRL+T”组合键，打开“变形”窗口，在旋转项输入“90 度”，点击“复制并应用变形”按钮三次，得到一个完整的风车，如图6-38 所示。图 6-38 复制并应用变形得到完整的风车 15选择工具箱中的椭圆工具，设置线条颜色为黑色，填充颜色为红色，在风车之外的舞台上添画一个小的圆形。单击“选择工具”，选中新画的小圆形移动到风车的中心。如图6-39所示。图 6-39 风

26、车中心添画一个小圆形 16再次选中整个图形，按“CTRL+G”组合键，把所有图形组合为一个整体，组合后的图形四周有蓝色的框。至此，风车全部绘制完成。17执行“文件另存为”命令，在弹出的“另存为”对话框中，设置文件名为“风车”，选择保存的路径，点击“保存”按钮，如图6-40 所示。保存的文件为默认的*.fla 格式。图 6-40 保存文件 6.3 补间动画 Flash 动画是以补间动画为主，补间动画一般有两种：形状补间动画和动作补间动画。形状补间动画是针对“图形”的，关键帧中的对象必须是“图形”，不能是元件。而动作补间动画是是针对“元件”的，关键帧中的对象必须是“元件”，不然，创建补间动画后，过

27、渡帧上的箭头会是虚线，表示不能完成动画。一、“变形字”实例制作步骤 1打开Flash 程序，建立新的Flash 文档，进入Flash 工作界面。2单击文档属性中的“大小”按钮。弹出“文档属性”对话框，设置文档的宽为：500PX，高为：200PX。选择红色作为背景颜色。如图6-41 所示。图 6-41 设置文档属性 3 选择工具箱中的文本工具，在“属性”栏设置文本的字体、字号和颜色如图6-42 所示。实例说明：通过“变形字”和“月亮绕地球”实例的制作，熟悉Flash 中制作形状补间动画、建立元件和制作动作补间动画的一般步骤；并掌握动作补间动画和形状补间动画的制作要点及区别。图 6-42 设置文本

28、格式 4为了便于对齐文本，执行“视图标尺”命令，打开辅助工具标尺。从上边的标尺中拖出一个辅助线。在画布左边输入文本“F”，点击“选择工具”，选中文本“F”，使文本框的下边界与辅助线对齐，按“CTRL+B”把文本打散成图形，如图 6-43 所示。图 6-43 打散文本成图形 5在时间轴的第 10 帧，单击右键，在弹出的快捷菜单中，选择“插入空白关键帧”项，如图 6-44 所示。图 6-44 第 10 帧插入空白关键帧 6选择工具箱中的文本工具，在“F”原位置的稍右方输入文本“L”。点击“选择工具”，选中文本“L”，使文本框的下边界与辅助线对齐，按“CTRL+B”把文本“L”打散成图形。7在第 1

29、10 之间任意帧单击，在最下方的“属性”栏中，单击“补间”项后面的按钮，选择“形状”，如图 6-45 所示，可实现从 F 到 L 的变形动画。图 6-45 创建“形状”补间动画 8此时的时间轴和 F 到 L 的变形动画，如图 6-46 所示。图 6-46 从 F 到 L 的形状渐变 9用同样的方法，输入其他文本并打散，完成 F-L-A-S-H 的变形。如图 6-47 所示。图 6-47 F-L-A-S-H 的变形 10在时间轴的第 50 帧，“插入空白关键帧”，输入文本“FLASH”，点击“选择工具”，选中文本“FLASH”，使文本框的下边界与辅助线对齐，按“CTRL+B”两次，把文本“FLA

30、SH”打散成图形。如图 6-48 所示。图 6-48“FLASH”文本打散成图形 11单击“任意变形工具”，选中“FLASH”图形，横向缩小“FLASH”图形至原来的字“H”的大小。如图 6-49 所示。图 6-49 横向缩小“FLASH”图形 12单击 4050 帧之间任一帧，建立“形状”补间动画。13在第 60 帧插入关键帧，使用“任意变形工具”，横向放大“FLASH”图形至正常大小，调整其位置居于舞台中央，单击 5060 帧之间任一帧，建立“形状”补间动画。如图 6-50所示。图 6-50 整个变形字 14按“Enter”键预览，执行“文件另存为”，在弹出的对话框中输入文件名“变形字”，

31、保存为*.fla格式。15执行“文件导出导出影片”命令，在弹出的“导出影片”对话框中，选择文件保存的位置，输入文件名“变形字”，把文件导出成 Flash 影片（*.swf）的格式，如图 6-51 所示。图 6-51 导出Flash 影片 16在导出Flash 影片的同时，会导出Flash 播放器，单击确定即可。如图6-52 所示。6-52 导出Flash 播放器 17 保存后的Flash 源文件和 Flash 影片的图标颜色不同，红色图标为*.fla格式，双击该文件图标后，从Flash 工作界面打开文件，此时可以对文件进行修改。灰色图标为*.swf 的格式，该文件只能播放，不能修改。为了以后修

32、改和播放的方便，一个Flash作品通常保存成这两种格式，Flash 源文件便于修改，Flash 影片用于播放。二、“月亮绕地球”实例制作步骤 1打开Flash 程序，建立新的Flash 文档。2单击文档属性中“背景”右下方的黑色三角形按钮。选择深蓝色作为太空的颜色。如图6-53 所示。6-53 设置背景为深蓝色 3执行“插入新建元件”命令或按“Ctrl+F8”，打开“创建新元件”对话框，设新元件名称：月亮；行为（类型）：图形。然后，点击“确定”，如图6-54 所示。6-54 创建“月亮”元件 4此时，进入“月亮”元件编辑状态。选择工具箱中的椭圆形工具，在工具箱下方“颜色”栏中设置椭圆形的线条颜

33、色为无色，填充颜色为放射状灰白渐变。然后，按住“shift”的同时拖动鼠标，在图层 1 上画出一个正圆形。如图 6-55 所示。6-55 编辑“月亮元件”5点击时间轴上方的“场景 1”，切换到场景编辑状态，如图 6-56 所示。图 6-56 切换到场景编辑状态 6双击“图层 1”，图层改名为“地球”。在地球图层用椭圆工具绘制一蓝白渐变的较大的正圆形，作为地球。在“地球”图层的第 30 帧单击右键，插入帧。然后，锁定地球层。如图 6-57 所示。图 6-57 绘制地球并锁定地球所在图层 7 点击新建图层按钮，在地球层上添加一新图层，双击图层名称改为“月亮”。按“Ctrl+L”打开库，从库中拖出月

34、亮元件，自动放在第一帧。图 6-58 从库中拖出元件 8单击“选择工具”，在月亮层的第 30 帧右键单击，插入关键帧，拖动月亮元件改变其位置。在月亮层的第 130 帧之间的任一帧，单击右键，创建补间动画。如图 6-59 所示。图 6-59 月亮层创建补间动画 9如果让月亮沿着椭圆轨道绕地球转动，必须添加运动引导线。点击添加运动引导线按钮，在月亮层上方添加运动引导层。点击工具箱中“椭圆工具”，设置填充颜色为“无色”，在画布中拖出一椭圆形作为引导月亮运动的轨道，如图 6-60 所示。图 6-60 在引导层添加椭圆形 10单击“选择工具”，选中椭圆形并移动位置，如图 6-61 所示，选中“橡皮擦工具

35、”，把椭圆形上方擦出一个缺口。锁定引导层。图 6-61 移动并擦除椭圆形 11单击“选择工具”，在工具箱下部的“选项”中，选中“对齐对象工具”。点击月亮层的第 1 帧，拖动第 1 帧的月亮元件，使其吸附到引导线的左缺口。如图 6-62 所示。图 6-62 使第 1 帧的月亮元件吸附到轨道的左缺口 12点击月亮层的第 30 帧，拖动第 30 帧的月亮，使其吸附到引导线的右缺口。如图 6-62所示。图 6-63 使第 30 帧的月亮元件吸附到轨道的右缺口 13点击“Enter”键，在编辑状态预览，查看“月亮”是否按轨道运动。按“Ctrl+Enter”组合键在影片输出状态预览。此时，看不到引导层上的

36、轨道。14引导层解锁，选中引导层上的椭圆形，按“Ctrl+C”复制。新建一图层，改名称为“轨道”，执行“编辑粘贴到当前位置”，把椭圆形引导线粘贴到“轨道”图层，并与原来的重合。15选中轨道图层上的椭圆形，在属性栏，改变椭圆形的颜色为浅蓝色，粗细为2 磅。如图6-64 所示。图 6-64 设置轨道颜色与粗细 16调整图层次序。拖动“轨道”层到最下层，拖动“地球”层到最上层；按“Ctrl+Enter”组合键，再次预览影片。至此，月亮绕地球动画制作完成。完成后的时间轴和影片如图6-65所示。图 6-65 完成后的时间轴和影片 17执行“文件导出导出影片”命令，在弹出的“导出影片”对话框中，选择文件保

37、存的位置，输入文件名“月亮绕地球”，把文件导出成Flash（*.swf）的格式。同时，另存文件为*.fla 格式。6.4 影片剪辑 Flash 软件中，元件是可以重复使用的对象，不仅可以在本文档中使用，也可以在其它Flash 文档中使用，因此，使用元件可以有效地减小最后生成文件的大小。使用元件其实就是资源共享的方式。制作好的元件会自动存放在“库”面板中，需要时可以从库中拖出来即可调用。元件有图形、按钮和影片剪辑三种类型。图形元件 图形元件适用于静态图像重复利用，或者用于创建与主时间轴相关联的动画。它不能提供实例名称，也不能在动作脚本中被引用。按钮元件 按钮元件用于建立交互按钮，它只对鼠标事件作

38、出反应。影片剪辑元件 制作说明：在影片输出时引导层上的内容都不显示，要想显示引导层上的内容必需复制到普通层上才行。操作提示：本实例操作的关键是“拖动月亮元件吸附到缺口”这一步，如果没有正确吸附到相应位置，月亮只会从“左边缺口”运动到“右边缺口”，而不会沿椭圆轨道运动。操作时选中“对齐对象工具”可便于操作。影片剪辑元件是包含在Flash 动画中的影片片段，有自己独立的时间轴和属性。与图形元件的主要区别在于它支持ActionScript 和声音，具有交互性，是用途最广、功能最多的元件。影片剪辑本身就是一个小的影片，可以包含交互控制、声音以及其它影片剪辑的实例，也可以将其放置在按钮元件的时间轴中制作

39、动画按钮。若在主场景中存在影片剪辑，那么通过“Enter”键不能观看，只能通过“Ctrl+Enter”组合键在影片播放状态能观看。本节主要介绍“旋转风车”和“自转地球”两个实例的制作方法，这两个实例是在前面6.2 节“风车”和6.3 节“月亮绕地球”实例基础上的进一步完善。一、“旋转风车”实例制作步骤 1打开6.2 节制作的“风车.fla”文件，进入其工作界面。单击“选择工具”，在舞台中的风车上拖出一个矩形框，选中整个风车，按“F8”键，弹出“转换为元件”对话框，设置元件名称：风车；行为：图形。然后，点击“确定”，将选中的“风车”图形转换为“风车元件”。如图6-66 所示。图 6-66“风车”

40、转换为图形元件 2 按“CTRL+F8”建立新元件，新元件名称：动的风车；行为：影片剪辑，确定，如图6-67所示。随即进入元件编辑状态。图 6-67 建立“动的风车”影片剪辑元件 3按“CTRL+L”打开库，点击“风车”图形图标，库上方显示出风车，单击风车并拖动，把它从库中拖放到舞台中。如图6-68 所示。图 6-68 拖放风车 4在时间轴的第30 帧，右键单击，插入关键帧。在第1 30 帧之间任意帧单击右键，选择 实例说明：通过“旋转风车”和“自转地球”实例的制作，由简单到复杂，介绍在Flash 中导入外部素材图片和添加遮罩层的步骤，说明影片剪辑动画制作的一般方法。“创建补间动画”。在舞台下

41、方的属性栏，显示帧属性，设置简易：-100，旋转为：顺时针2 次。如图 6-69 所示。图 6-69 设置帧属性 5按“Enter”键预览风车转动。6点击时间轴上方的“场景 1”，切换到场景编辑状态。把场景中的对象全部删掉。单击属性面板中“大小”后面的按钮，在弹出的“文档属性”对话框中，改变文档的宽为 800PX，高为 600PX。确定。7执行“文件导入导入到库”命令，在弹出的“导入到库”对话框中，找到图片“卡通米老鼠”，单击“打开”，把该图片导入到库中。如图 6-70 所示。图 6-70 图片导入到库中 8从库中把图片拖放到画布中，调整图片位置于舞台正中。单击图层 2，把库中的影片剪辑动画“

42、动的风车”拖到画布中，调整其位置。如图 6-71 所示。图 6-71 完成后的效果 9按“Ctrl+Enter”组合键，预览影片。画面中的风车就会不停地转下去。文件另存为：“旋转风车.fla”格式，文件导出导出影片：“旋转风车.swf”格式。二、“自转地球”实例制作步骤 1打开6.3 节中制作的“月亮绕地球.fla”文件，进入其工作界面。2执行“插入新建元件”命令，或按“Ctrl+F8”组合键，在弹出的“创建新元件”对话框中，输入文件名“地球”，行为选择“影片剪辑”，确定。如图6-72 所示。图 6-72 建立新元件 3此时进入到地球影片剪辑元件编辑状态。为了使制作好的地球，与原来的大小相同，

43、把原来的场景中的地球复制到影片剪辑元件中。点“场景1”，切换到场景编辑状态。如图6-73所示。图 6-73 切换到场景编辑 4在场景编辑状态，单击“地球”图层，按“Ctrl+C”复制。点击“编辑元件”按钮，在弹出的列表中选择“地球”，如图6-74 所示。图 6-74 单击“地球”元件编辑按钮 5又切换回“地球影片剪辑元件”编辑状态，按“Ctrl+V”粘贴到的图层中。在第20 帧插入帧。锁定图层。如图6-75 所示。图 6-75 粘贴地球到元件中 6单击“新建图层”按钮，添加新图层2。执行“文件导入导入到库”，选择“时区”图片，打开。把时区图片导入到库中。按“CtrlL”打开库，即可看到时区图片

44、已经被导入到库中。如图 6-76 所示。图 6-76 导入图片“时区”7把图层 2 拖到图层 1 的下方。并选中图层 2，点击库中的“时区”，把时区图片，拖到画布中。点击工具箱中的“任意变形”按钮，改变时区图的高，使其比地球的直径稍大。如图 6-77 所示。图 6-77 把时区图片拖到画布中并调整其高度 8单击“选择工具”，选中时区图片，按“F8”，把时区图片转换为“图形类型”的元件。选中第 1 帧的时区元件，调整它的位置，使其和地球的右边界对齐；在第 20 帧插入关键帧，向右移动位置，使其和地球的左边界对齐。如图 6-78 所示。图 6-78 调整时区图和地球的相对位置 9在第 120 帧之

45、间任意帧单击右键，创建补间动画。右键单击图层 1，在弹出的下拉菜单中，选择“遮罩层”。这时，图层 1 变成“遮罩层”并自动锁定，图层 2 变成“被遮罩层”也自动锁定，舞台上呈现出一个内部运动的正圆形地球。如图 6-79 所示。至此完成地球影片剪辑元件的制作。图 6-79 地球遮罩效果 10点击“场景1”切换到场景编辑状态，点击地球图层。打开库，从库中把做好的地球影片剪辑元件拖出来，覆盖到原来的蓝白渐变的地球上。如图6-80 所示。图 6-80 用遮罩效果地球覆盖原来的图形 11按“Ctrl Enter”键预览。文件另存为：“自转地球.fla”格式，文件导出导出影片：“自转地球.swf”格式。6

46、.5 交互动画 在 Flash 动画中，通过添加控制按钮，或者在关键帧添加Action 命令来实现交互动画，增加动画的可控性。一、关键帧添加Action命令 实例说明：实例“月亮绕地球”和“自转地球”的区别在于“地球”。“月亮绕地球”实例中用一个蓝白渐变的圆形表示地球，没有自转效果。“自转地球”中的地球具备自转效果。如果要表现整个太阳系中各种星体的运动效果，同样也是利用多个影片剪辑元件来完成。给关键帧添加Action 命令就是将相应的命令代码添加到关键帧中，这样当动画播放到该帧时就会执行该帧中的命令。该命令主要控制时间线的播放进程，常用的命令有以下几种。Goto 命令 在关键帧中添加该命令，可

47、以控制动画跳转到指定的场景或者指定的帧。如：gotoAndPlay(1);表示跳转到当前场景的第1 帧并继续播放。gotoAndPlay(场景2,10);表示跳转到“场景2”中的第10 帧并继续播放。Play 命令 在关键帧中添加该命令，表示动画播放到该帧时将继续播放，其命令语句为：play();Stop 命令 在关键帧中添加该命令，表示动画播放到该帧时将停止播放，其命令语句为：stop();二、“画轴”制作步骤 1打开Flash 程序，建立新的Flash 文档，单击“属性”栏中的按钮，弹出“文档属性”对话框，设置文档的尺寸为450 600px，背景颜色为深紫色，如图6-81 所示，然后“确定

48、”。图 6-81 设置文档尺寸和背景颜色 2 在图层1，点击工具栏中的“矩形工具”，设置填充颜色为“线性渐变”。调整右边的“混色器”，如图6-82 所示。图 6-82 设置填充颜色 3在画布中画出一个长条状的矩形。如图6-83 所示。图 6-83 绘制长条矩形 4点击工具栏中的“填充变形”工具，然后，点击矩形，此时的矩形如图 6-84 所示。图 6-84 使用“填充变形”工具 5按住右上方的“圆形旋转按钮”，拖动并顺时针旋转 90 度，改变线性填充的方向为横向。接着，按住并向上拖动“矩形按钮”，向内压缩填充比例。如图 6-85 所示。图 6-85 按住矩形方块向上拖动进行填充变形 6调整矩形的

49、填充颜色后如图 6-86 所示。图 6-86 矩形的填充颜色调整后 7使用“选择工具”选中矩形，按“Ctrl+C”复制该矩形。新建图层 2，按“Ctrl+V”粘贴到图层 2 上。单击“任意变形工具”，把图层 2 上的矩形拉长、拉扁。如图 6-87 所示。图 6-87 拉长拉扁图层 2 上的矩形 8“选择工具”选中这两个矩形，执行“修改对齐水平居中”命令，使两矩形水平居中对齐；再次执行“修改对齐垂直居中”命令，使两矩形垂直居中对齐，如图 6-88所示。图 6-88 对齐两个矩形 9拖动图层 2，移至图层 1 的下方。选中图层 1 中矩形的所有边线并删除。选中图层 2 中矩形的上、下边线并删除。使

50、用黑箭头工具点击图层 2 中矩形的左边线，然后，按住键盘上的“shift”键，并点击图层 2 中矩形的右边线，可以同时选中左、右边线。设置属性中的线条，使线条加粗为 5，颜色为深灰色。如图 6-89 所示。图 6-89 设置扁矩形的左右边线 10单击“选择工具”，选中图层1 和图层2 中的所有图形，然后，执行菜单“修改转换为元件”命令，在弹出的“转换为元件”对话框，设置元件名称为“画轴”，选择行为类型为“图形”，并“确定”。如图6-90 所示。图 6-90 转换为元件 三、“画卷展开”制作步骤 1“画轴”实例中，当转换为元件后，元件自动位于图层1 的第1 帧。选中图层1，双击图层 1 的名称，