1、第7章 Flash快速入门,7.1 Flash概览 7.2 矢量绘图 7.3 输入文本 7.4 创建和编辑元件 7.5 图层 7.6 Flash动画 7.7 按钮 7.8 思考与练习,7.1 Flash 概 览,7.1.1 Flash的功能和特点Macromedia Flash MX 是制作Web内容的专业标准创作工具。无论是创建动画徽标、Web站点导航控件、长篇动画、完整的Flash Web站点，还是创建Web应用程序，Flash的强大功能都是实现我们创造力的最佳选择。,Macromedia Flash MX 影片是用于 Web 站点的图形、文本、动画和应用程序。它们主要由矢量图形组成，但是
2、还可以包含导入的视频、位图图形和声音。Flash影片可以结合交互性，从而允许观看者进行影片控制，同时我们也可以创建与其他Web应用程序交互的非线性影片。Web设计人员可以使用Flash创建导航控件、动画徽标以及带有同步声音的长篇动画，甚至可以创建完整的丰富多彩的Web站点。Flash影片使用的是压缩的矢量图形，这使它们可以快速下载，并可以根据观看者的屏幕分辨率大小进行缩放。,7.1.2 Flash窗口组成及设置,图7-1 Flash MX工作区,(1) 舞台。如图7-2所示，舞台是执行以下操作的位置：绘制和导入作品、添加文本和声音、添加其他功能(如导航按钮或用户界面组件)。,图7-2 舞台,(
3、2) 工具箱。如图7-3所示，工具箱包含用于创建、放置和修改文本与图形的工具。使用鼠标在工具箱上滚动可了解每一部分的工作方式。,图7-3 工具箱,(3) 面板。如图7-4所示，Flash中的面板有助于使用舞台上的对象、整个文档、时间轴和动作。选择“窗口”菜单可查看面板列表。可以通过选择“窗口”“面板设置”或通过创建自定义面板设置来显示常用的面板设置。,图7-4 面板,(4) 时间轴。时间轴基于时间组织和控制影片的内容。与电影一样，Flash将时间长度分成多个帧。每个帧都有其各自的内容，或者它使用以前帧的内容，如图7-5所示。,图7-5 时间轴,(5) 图层。为了帮助组织内容，时间轴被划分成多个
4、图层，如图7-6所示。例如，背景图层可应用到影片的每个帧中，而动画图层一般针对特定帧。,图7-6 图层,(6) 库。“库”面板存储可以重复使用的、名称为元件的元素，如图7-7所示。例如，如果想重复使用图形、影片剪辑或声音，可以将其拖到库中，然后在需要时将其拖到舞台中。,图7-7 库,(7) 属性检查器。属性检查器显示工具或对象的最常用设置，如图7-8所示。,图7-8 属性检查器,(8) 动作脚本。如图7-9所示，动作脚本是Flash提供的内置编程语言，它是在“动作”面板中创建的。,图7-9 动作脚本,7.1.3 Flash操作特点Flash 提供了许多方法来创建原始插图，以及从其他应用程序中导
5、入插图。我们既可以用绘画工具创建对象与修改现有对象的属性，也可以从其他应用程序中导入矢量图形、位图图形和视频，然后在Flash中修改导入的图形。使用Flash可以使对象动起来，当它们在舞台中显示时，我们能够更改它们的形状、大小、颜色、不透明度、旋转和其他属性。可以创建逐帧显示的动画，而在每一帧中可以创建单独的图像；还可以创建补间动画，即只需创建动画的第一帧和最后一帧，然后使用 Flash 创建中间的帧；也可以使用动作脚本(一种面向对象的编程语言)创建Flash动画。,Flash可以创建交互式影片，观众可以使用键盘或鼠标跳到影片的不同片断，移动对象，在表格中输入信息以及执行其他操作。使用动作脚本
6、撰写动作的脚本，可以创建交互式影片。Flash可以为影片剪辑提供已定义的参数(叫做组件)，用以在Flash影片中开发丰富的用户体验。每一个内置 Flash 组件都具有自己的一套动作脚本方法，我们可以在其运行时设置和更改创作参数和其他选项。通过将预定义组件的易于插入功能与动作脚本的强大功能相结合，可以创建功更能完全的Web应用程序。,Flash文档是具有 .fla文件扩展名的文件，它包含开发、设计和测试交互式内容所需的所有信息。Flash文档并不是在Flash Player中显示的影片。相反，需要将FLA文档发布为 Flash 影片，而后者的文件扩展名为 .swf，其中只包含显示影片所需的信息。
7、,7.2 矢 量 绘 图,7.2.1 绘制线条、矩形和椭圆Flash中线条、矩形和椭圆工具的使用方法与其他图形程序中的方法相同(如Word中的图形绘制等)。绘制步骤如下：(1) 选择“文件”“打开”，定位到Flash MX程序文件夹，然后打开LessonsWork FilesIllustrate.fla。如果在该Work File的底部看不到导航按钮，请选择“视图”“缩放比率”“全部显示”。(2) 单击椭圆工具，然后将指针移动到舞台，如图7-10所示。,图7-10 单击椭圆工具,(3) 在舞台上拖动以绘制一个椭圆。同时，我们也可为绘制的任何形状选择填充颜色和笔触颜色，方法是使用工具箱中的“笔触
8、颜色”和“填充颜色”控件，或者在椭圆工具处于选定状态时使用属性检查器。步骤如下：(1) 确保椭圆工具仍处于选定状态，然后使用“笔触颜色”和“填充颜色”控件，尝试将“笔触颜色”设置为“黑色”，“填充颜色”设置为紫色，如图7-11所示。(2) 在舞台上拖动以绘制椭圆，如图7-12所示。,图7-11 笔触颜色、填充颜色,图7-12 椭圆,还可以在椭圆工具处于选定状态时，使用属性检查器来选择填充颜色和笔触颜色。选中属性检查器后，它将显示选定工具的设置。如果切换到另一个工具，它则会显示所切换到的工具的设置，如图7-13所示，具体步骤如下：,图7-13 “椭圆工具”属性检查器,(1) 确保椭圆工具仍处于选
9、定状态。如果未显示属性检查器，请选择“窗口”“属性”。如果属性检查器已打开，但不显示任何内容，请单击左上角的三角形。(2) 将指针定位到“笔触颜色”控件上，单击颜色样本，然后更改边框的颜色。(3) 将指针定位到“填充颜色”控件上，然后更改填充颜色。(4) 将指针定位到“笔触高度”控件上，然后更改线条粗细。(5) 将指针定位到“笔触样式”控件上，然后更改线条样式。(6) 在舞台上拖动以绘制另一个椭圆。,选择某个工具时，其功能键会出现在工具箱的“选项”区域。线条工具和矩形工具与椭圆工具非常相似，但是它们的功能键不同。其使用步骤如下：(1) 单击矩形工具，如图7-14所示。(2) 单击“圆角矩形半径
10、”功能键以定义一条由20个点组成的曲线，其形状类似于图7-15。(3) 在舞台上拖动以绘制矩形。,图7-14 矩形工具,图7-15 圆角矩形,7.2.2 使用铅笔工具铅笔工具是Flash特有的，它可以用于绘制线条、形状，其使用步骤如下：(1) 在Work File文件中，前移到第2页：使用铅笔工具。(2) 单击铅笔工具，然后从“铅笔模式”功能键中选择“伸直”，如图7-16所示。(3) 在舞台上尝试绘制一条类似图7-17所示的线条。,图7-16 铅笔工具,图7-17 “伸直”线条,(4) 尝试使用铅笔工具绘制如图7-18所示的形状，不必强求它们一模一样。(5) 从“铅笔模式”功能键中选择“平滑”
11、，尝试绘制一条类似图7-19所示的线条。(6) 尝试使用其他“铅笔模式”功能键。,图7-18 “伸直”矩形、三角形,图7-19 “平滑”线条,选择铅笔工具时，属性检查器显示它的设置。可选择用铅笔工具绘制线条的颜色、粗细和样式(如图7-20所示)。具体步骤如下：(1) 使用“笔触颜色”控件为铅笔线条选择另一种颜色。(2) 使用“笔触高度”控件将线条粗细值改为2。(3) 使用“笔触样式”控件将线条样式改为点线。(4) 在舞台上绘制一条锯齿线。颜色、线条粗细和线条样式反映了我们在属性检查器中所做的选择以及用到的在工具箱中选择的任意功能键。,图7-20 “铅笔工具”属性检查器,7.2.3 绘画和填充形
12、状可以使用画笔工具创建像刷子的笔触，就像正在绘画一样。具体步骤如下：(1) 前移到第3页：绘画和填充形状。(2) 在汽车图像上进行绘画时，单击画笔工具，然后使用“画笔模式”功能键试验不同的画笔模式(如图7-21所示)。在使用“内部绘画”功能键时，确保从汽车内部开始绘画。如果从空区域(如汽车的外面)开始绘画，则不会对现有的作品进行改变(如图7-22所示)。,图7-21 画笔模式,图7-22 画笔模式,可以使用颜料桶工具改变现有绘画的颜色并填充由线条包围的空区域。具体步骤如下：(1) 单击颜料桶工具，然后单击正方形。(2) 从“空隙大小”功能键选择“封闭大空隙”(如图7-23所示)。(3) 在舞台
13、上单击空椭圆的内部(如图7-24所示)。即使它没有完全闭合，Flash也会填充该区域。可以像使用纯色一样用渐变色来填充区域(如图7-25所示)。步骤如下：,图7-24 封闭大空隙,图7-25 用渐变色来填充区域,图7-23 “颜料桶工具”及其选项,(1) 在颜料桶工具仍处于选定状态时，在属性检查器或工具箱中单击“填充颜色”控件，然后从“填充颜色”弹出窗口的底部选择一个渐变色(如图7-26所示)。,图7-26 “填充颜色”弹出窗口,(2) 在舞台上单击圆的内部。使用填充变形工具可调整渐变色填充或位图填充的大小、方向或中心(如图7-27所示)。具体步骤如下：(1) 选择填充变形工具并在舞台上单击该
14、圆(如图7-28所示)。当我们用填充变形工具选择渐变色填充或位图填充时，它的中心点会出现，并显示带有编辑手柄的边框。(2) 将中心点从圆的中心拖走。渐变色的明亮区域将随中心点移动。(3) 试着移动每个手柄以更改所填色的宽度、大小和旋转。,图7-27 “填充变形工具”控制点,图7-28 填充变形工具,7.2.4 更改笔触属性使用墨水瓶工具和属性检查器，可以将新的笔触样式、粗细或颜色应用到线条。具体步骤如下：(1) 在Work File中，前移到第4页：更改笔触属性。(2) 单击墨水瓶工具 。(3) 在属性检查器中，将“笔触样式”更改为虚线，将“笔触高度”值更改为2，将“笔触颜色”设置为红色(如图
15、7-29所示)。,图7-29 “墨水瓶工具”属性检查器,(4) 用“墨水瓶”指针的笔尖，在舞台上单击椭圆的边缘。Flash将新的笔触设置应用到该椭圆(如图7-30所示)。,图7-30 应用“笔触设置”到椭圆,7.2.5 擦除橡皮擦工具用来擦除线条和填色。可以将其自定义为只擦除线条、只擦除填色、只擦除选定的填色或只擦除已经开始擦除的填色。具体步骤如下：(1) 在Work File中，前移到第5页：擦除。(2) 单击橡皮擦工具，从“橡皮擦模式”功能键中选择“标准擦除”，并擦除其中一辆汽车的一部分(如图7-31所示)。(3) 从“橡皮擦模式”功能键中选择“擦除填色”，擦除另一辆汽车的一部分。(4)
16、单击“水龙头”功能键并单击汽车上的一个绘画区域以便立即擦除填色。还可以使用“水龙头”功能键擦除线条(如图7-32所示)。,图7-31 橡皮擦模式,图7-32 “水龙头”功能键,(5) 连续按Ctrl+Z组合键以撤销先前的删除操作，并试验其他橡皮擦功能键，并观察效果。,7.2.6 选择线条和形状在更改线条和形状之前，先使用箭头或套索工具选择它。具体步骤如下：(1) 在Work File中，前移到第6页：选择线条和形状。(2) 单击箭头工具，然后单击椭圆的中心。该形状的填色被高亮度显示，表明它已被选定。(3) 将选定形状拖到右边。只有填色随指针移动(如图7-33所示)。(4) 选择“编辑”“撤销”
17、，填色移回到椭圆中。(5) 在椭圆的外面单击一次以取消选择，然后在椭圆的内部双击并拖动它(如图7-34所示)。边框随形状移动，因为双击填色也会选择所有相邻的线条。同样，双击线条也会选择所有相邻的填色。,图7-33 拖动填充到右边,图7-34 双击选中“填充及边框”,(6) 在舞台上，先单击形状上的相连线条之一，然后双击它。单击只选择一个线条，而双击选择相连的所有线条(如图7-35所示)。(7) 在单击选择其他线条时按住Shift键就不会选择所有相邻线条。,图7-35 选择方式,还可以在某个区域周围拖动一个名称为选择框的工具选择矩形，以便选择该区域中所有对象。具体步骤如下：(1) 在Work F
18、ile中，前移到第7页：选择线条和形状。(2) 利用箭头工具，在舞台上显示的点之间拖动以便选择整个树。在选择形状或线条之后，就可以使用任何可用的功能键对其进行更改。(3) 选择该树，然后单击“平滑”功能键 。继续单击该功能键以应用更多更改(如图7-36所示)。,图7-36 “平滑”功能,使用套索工具，可通过拖动手绘或直边选择区域进行选择。具体步骤如下：(1) 单击套索工具并在树的周围拖动(如图7-37所示)。(2) 在释放鼠标按钮时，即使留有空隙，Flash也会选中所圈住的区域。然后，将指针移到选定区域上以使它变成箭头，再将该区域拖到一边(如图7-38所示)。这样就会分割选定区域周围的形状。,
19、图7-37 套索工具,图7-38 套索工具使用,为套索工具使用“多边形模式”功能键，以便进行直边选择。可以使用以下步骤：(1) 在Work File中，前移到第8页：选择线条和形状。(2) 在套索工具仍处于活动状态时，单击“多边形模式”功能键，然后单击舞台上所显示的点(如图7-39所示)。在用套索工具选择了不规则区域之后，可通过移动和改变它的形状或使用任何功能键及命令来更改选择(如图7-40所示)。,图7-39 套索工具“多边形模式”,图7-40 套索工具选项,7.2.7 更改线条属性使用箭头工具和属性检查器，可以对线条应用新的线条样式、粗细和颜色(如图7-41所示)。具体步骤如下：,图7-4
20、1 形状属性检查器,(1) 选择“编辑”“撤销”，以便将填色移回到舞台上的椭圆中。选择箭头工具，然后在椭圆的外面单击一次以取消选择。现在，在舞台上单击椭圆的边缘。属性检查器显示椭圆的当前设置。因为我们选择了外边缘，所以“填充颜色”控件上有一条线穿过它，这意味着该控件不能被使用。(2) 将笔触样式更改为虚线，使用滑块将笔触高度值更改为4，并将颜色设置为红色。,7.2.8 更改填充属性还可以使用箭头工具和属性检查器将填色应用到形状上。具体步骤如下：(1) 单击箭头工具，然后单击椭圆的中央以选择它。属性检查器显示出椭圆的当前设置。“填充颜色”控件上的直线将消失。(2) 使用属性检查器更改填充颜色。,
21、7.2.9 改变线条和形状的形状可以不使用手柄而使用箭头工具改变线条和形状的形状。具体步骤如下：(1) 在Work File中，前移到第9页：改变线条和形状的形状。(2) 使用箭头工具拖动上面三角形中的线条，而不要先选择它们。如果先选择它们，拖动时就会移动它们而不是改变它们的形状(如图7-42所示)。在以上过程中，指针发生变化以显示线条的形状如何改变。如果指针旁边有一个角表明可以调整线的端点，如果有一条曲线表明可以调整线的中点(如图7-43所示)。,图7-42 使用箭头工具改变三角形中的线条,图7-43 改变指针的形状,(3) 尝试改变下面的三角形的形状，注意其特点：即使没有可见边框，它也好像
22、被一条线包围一样(如图7-44所示)。,图7-44 使用改变的指针变换三角形的形状,7.2.10 缩放和旋转可以使用任意变形工具来缩放、旋转、伸展或倾斜线条和形状。具体步骤如下：(1) 选择任意变形工具，然后选择三角形(如图7-45所示)。在边框上出现8个规则手柄，可以使用此工具进行缩放、旋转和倾斜。光标发生变化表明可以进行哪种类型的操作。(2) 按住Shift键并拖动任一手柄以改变形状。拖动角手柄时可按比例改变形状的大小。(3) 选择“旋转与倾斜”功能键，然后用任意变形工具选择三角形。拖动中间手柄以倾斜三角形(如图7-46所示)。,图7-45 任意变形工具,图7-46 任意变形工具之“旋转与
23、倾斜”功能键,(4) 拖动角手柄以旋转三角形。三角形围绕中间的白色圆圈旋转(如图7-47所示)。还可以围绕一个点旋转图形对象。(5) 拖动三角形中间的白色圆圈(被称作变形点)，并将其放在三角形的外边。(6) 拖动角手柄以旋转三角形。三角形将围绕白色圆圈旋转(如图7-48所示)。,图7-47 旋转指针,图7-48 旋转中心(白色圆圈),使用“变形”面板，可以输入缩放和旋转的准确量。具体步骤如下：(1) 仍然使用任意变形工具，选择正方形。(2) 选择“窗口”“变形”。出现“变形”面板(如图7-49所示)。(3) 单击“约束”，在“缩放宽度”字段中键入50%。(4) 选择“旋转”，在“旋转”字段中键
24、入45，然后按回车键。结果应该和图7-50所示的正方形一样。,图7-49 “变形”面板,图7-50 “缩放、旋转”效果,7.2.11 分割和组合当我们将形状和线条重叠放置时，Flash会连接或分割它们。具体步骤如下：(1) 在Work File中，前移到第10页：分割和组合。(2) 选择箭头工具，然后选择树并将其移到房屋的上面。取消选择树，然后试着将其从房屋上移开(如图7-51所示)。,图7-51 分割(连接),如果两个形状的颜色相同，在取消选择时，Flash会将它们连接在一起，我们无法将树从房屋上移开。如果这些对象的颜色不同，情况会有所不同。(3) 在Work File中，前移到第11页：分
25、割和组合。(4) 将绿树移到橙色房屋上并取消选择。(5) 再次选择绿树并将其从橙色房屋上移开(如图7-52所示)。,图7-52 分割(分割),Flash在与绿树重叠的位置分割橙色房屋。如果形状或线条颜色不相同，Flash会分割较低的形状或线条。可以通过组合线条及形状来防止分割和连接。一旦组合了线条和形状，它们就被当作单个对象来处理。具体步骤如下：(1) 在Work File中，前移到第12页：分割和组合。(2) 使用箭头工具围绕树绘制一个选择框。确保选择整个树，然后选择“修改”“组合”。(3) 在房屋上移动树并取消选择。(4) 再次选择树并将其从房屋上移开(如图7-53所示)。,图7-53 组
26、合,以上步骤的结果没有发生分割或连接。但仍然可以编辑该组合的内容。步骤如下：(1) 使用箭头工具双击树组合(如图7-54所示)。在编辑该组合时，舞台上的其余部分变暗。(2) 在树的外面单击一次并取消选择该组合，然后使用属性检查器在该组合内更改线条和形状。(3) 完成后在该组合的外面双击。舞台的其余部分不再变暗。,图7-54 编辑“组合”内容,7.2.12 分组使用属性检查器，可确定对象是否被分组。具体步骤如下：(1) 使用箭头工具选择树。如果属性检查器不显示，请选择“窗口”“属性”(如图7-55所示)。属性检查器显示组的设置，这表明该形状是一个组合。(2) 使用箭头工具选择房屋。属性检查器显示
27、形状的设置，这表明该形状不是组合。在本节中，我们学习了如何使用Flash提供的基本绘画和选择工具。有关Flash说明的更多信息，请参见“帮助”“使用Flash”“绘画”。,图7-55 “组合”属性检查器,7.3 输 入 文 本,7.3.1 创建文本并设置其格式使用文本工具将文本放到舞台上的操作步骤如下：(1) 选择“文件”“打开”，定位到Flash MX程序文件夹，然后打开LessonsWork FilesText.fla。如果在该Work File的底部看不到导航按钮，请选择“视图”“缩放比率”“全部显示”。(2) 单击 文本工具，单击舞台，然后开始键入文本内容。这样将创建一个逐渐展开的单行
28、文本块。文本块随着键入逐渐变宽(如图7-56所示)。(3) 新建一个文本块，但这次拖动调整大小的手柄以定义文本块的宽度。在框中键入文本内容(如图7-57所示)。,图7-56 单行文本块,图7-57 多行文本块,用这种方法创建文本块时，它的宽度是固定的，单词在到达文本块的边缘时会自动换到下一行。可以延展的单行文本块的右上角有一个圆形手柄，而固定宽度的文本块有一个正方形手柄。将固定宽度的文本块转换成带有圆形手柄的可延展单行文本块的操作步骤如下：(1) 拖动两个文本块的调整大小手柄以改变宽度。在用圆形手柄改变文本块的大小时，它将变成带有正方形手柄的文本块。(2) 双击正方形手柄。,7.3.2 处理字
29、体在使用文本工具选择文本时，属性检查器(“窗口”“属性”)显示标准的文本格式设置功能。可以用它来改变选定文本对象的字体和大小属性，操作步骤如下：(1) 在Work File中，前移到第2页：处理字体。(2) 用文本工具选择字符。(3) 使用属性检查器将文本变成绿色粗体(如图7-58所示)。,图7-58 处理字体,7.3.3 设置文本块的格式还可以将字符格式设置应用到整个文本块或一次应用到多个文本块。一次应用到多个文本块的步骤如下：(1) 在Work File中，前移到第3页：设置文本块的格式。(2) 使用箭头工具，在按住Shift键的同时选择该Work File中的两个文本块。(3) 使用属性
30、检查器选择新字体和颜色(如图7-59所示)。,图7-59 设置文本块的格式,7.3.4 创建文本字段可以将文本块转换成文本字段，它们在Flash影片中的工作方式很像HTML文本字段。例如，可以使用它们从用户收集用于调查和定单的信息。具体创建文本字段的步骤如下：(1) 在Work File中，前移到第4页：创建文本字段。(2) 要将舞台上的文本转换成文本字段，请单击文本工具并在文本块中放置一个文本插入点。(3) 从属性检查器选择“输入文本”(如图7-60所示)。,图7-60 “输入文本”属性检查器, “静态文本”创建不会改变的文本。 “动态文本”创建根据外部源(如服务器)自动更新的文本框。 “输
31、入文本”创建用户可在其中输入文本的文本框。调整大小手柄从右上角移到右下角(如图7-61所示)。输入字段有几个用来控制它们在Web页中工作方式的选项。如需了解有关文本字段详细信息，请参见“帮助”“使用Flash”“处理文本”。,图7-61 调整大小手柄从右上角移到右下角,7.3.5 处理字体在Flash文档中使用系统上安装的字体时，Flash将字体信息嵌入到Flash SWF(影片)文件中，以确保字体在Flash Player中的正确显示。嵌入字体只能用于输入文本和动态文本。嵌入字体的步骤如下：(1) 在舞台上选择文本，然后使用属性检查器选择一种嵌入的字体。它可以是系统上安装的任何字体。(2)
32、将字体改为选定的字体。可以将设备字体用于嵌入字体的替代字体。因为设备字体不是嵌入的，Flash Player使用本地计算机上与设备字体最接近的字体。,使用小字号(小于10磅)时，设备字体比嵌入字体更清楚。Flash带有以下3种设备字体：_sans、_serif和_typewriter。将文本设为设备字体的步骤如下：(1) 在舞台上选择文本并从属性检查器选择一种设备字体，文本将改变为设备字体。(2) 单击工具箱中的文本工具，选择一种设备字体，然后键入一些文字。如果需要了解有关字体的详细信息，请参见“帮助”“使用Flash”“关于嵌入字体和设备字体”。,7.3.6 改变文本形状Flash提供将文本
33、转换成基本形状的独特功能，它允许我们用箭头工具改变字符的形状或者用渐变色填充字符。文本一旦转换成形状，就再也无法作为文本来编辑了。已分离的字符不能重新转换成文本。具体步骤如下：(1) 在Work File中，前移到第5页：改变文本形状。(2) 单击箭头工具并在舞台上选择文本对象。(3) 选择“修改”“分离”，Flash将文本分离成单个字符(如图7-62所示)。(4) 再次选择“修改”“分离”，这将把字符转换成形状(如图7-63所示)。,图7-62 将文本分离成单个字符,图7-63 把字符转换成形状,(5) 在转换的文本外部单击以取消选择该形状，然后选择任意变形工具。(6) 将指针移到其中一个字
34、符的边缘，拖动以改变它的形状。,7.3.7 设置段落格式可以将整个文本块或同时将多个文本块应用段落格式进行设置。操作步骤如下：(1) 在Work File中，前移到第6页：设置段落格式。(2) 使用箭头工具并在按住Shift键时选择两个文本块。(3) 使用属性检查器使段落居中(如图7-64所示)。,图7-64 设置段落格式,(4) 单击“格式”并选择一个新的行距，试验其他选项。单击“完成”以便将所作的选择应用到选定文本(如图7-65所示)。这样更改同时可以影响到两个文本块。在本节中，我们学习了如何将文本添加到影片中，如何设置它的格式以及如何将其分离成形状，还学习了如何创建用来为影片增加交互性的
35、文本字段。有关如何处理文本的更多信息，请参见“帮助”“使用Flash”“处理文本”。,图7-65 格式选项,7.4 创建和编辑元件,7.4.1 建立元件建立元件的具体步骤如下：(1) 选择“文件”“打开”，定位到Flash MX程序文件夹，然后打开LessonsWork Filessymbols.fla。如果在该Work File的底部看不到导航按钮，请选择“视图”“缩放比率”“全部显示”。(2) 如果“库”面板未打开，请选择“窗口”“库”(如图7-66所示)。,图7-66 打开“库”面板,(3) 使用箭头工具，单击该汽车，然后将其拖动到库中。将显示“转换为元件”对话框。可以使用在舞台上创建的
36、任何绘画完成此操作。(4) 在“转换为元件”对话框中，键入Car作为名称，选择“图形”作为其行为，然后单击“确定”。舞台上的汽车现在成为库中Car元件的实例(如图7-67所示)。我们所创建的元件以及已经为此影片创建的一些元件出现在库中。每个文档都有其各自的库。,图7-67 “库”面板,7.4.2 创建和更改实例在创建元件之后，可以在影片的任何位置使用它的实例。具体步骤如下：(1) 在Work File中，前移到第2页：创建和更改实例。(2) 将汽车从“库”面板拖到该WorkFile中。可从“库”面板中拖动汽车的图片，也可以拖动单词“Car”(如图7-67所示)。这将创建该汽车的实例。(3) 再
37、创建几个实例以便进行练习。可以在不影响其他实例或原始元件的情况下，更改元件的实例。使用任意变形工具的“缩放和旋转”以及“旋转与倾斜”功能键来更改我们创建的实例(如图7-68所示)。,图7-68 缩放和旋转“图元”,还可以修改实例的颜色属性以改变其亮度、色相或透明度。具体步骤如下：(1) 如果属性检查器未打开，请选择“窗口”“属性”。(2) 使用箭头工具，选择汽车的实例。属性检查器显示元件实例的设置(如图7-69所示)。,图7-69 “图形图元”属性检查器,(3) 在“颜色样式”框中，单击弹出菜单，然后选择“色调”。(4) 单击“填充颜色”框，然后从“颜色”弹出菜单中选择绿色。使用滑块在“色彩数
38、量”文本框中输入50%(100%色调表示用该颜色完全充满实例)。汽车的颜色立即变成选定的颜色。,可以使用颜色效果使元件实例变得透明。具体步骤如下：(1) 将该汽车的两个实例拖到舞台上。(2) 使用箭头工具，选择汽车的一个实例。然后从属性检查器中选择“颜色样式”框，并从弹出菜单中选择“Alpha”(如图7-70所示)。(3) 在“Alpha数量”框中输入50%。,图7-70 “影片剪辑图元”属性检查器,7.4.3 编辑元件我们还可以通过编辑元件本身来更改该文档中的所有实例。在编辑元件时，该文档的其余部分将消失，元件自行出现，所有Flash功能和工具变得可用。这被称作元件编辑模式。具体步骤如下：(
39、1) 在Work File中，前移到第3页：编辑元件。(2) 选择汽车的某个实例，然后选择“编辑”“编辑元件”。(3) 使用任意变形工具改变汽车的形状(如图7-71所示)。,图7-71 编辑元件,可以像编辑未组合的形状那样编辑该元件。(4) 选择“编辑”“编辑文档”以返回到该文档。该元件的所有实例都发生变化，但每个实例的变化都相同。在本节中，我们学习了如何向库中添加元件，如何在舞台上创建实例以及如何编辑元件。在以后的课程中，我们还将学习如何在动画中使用元件以及如何创建按钮元件。有关元件的更多信息，请参见“帮助”“使用Flash”“使用Flash资源”。,7.5 图 层,7.5.1 理解图层可以
40、将图层视作互相堆叠的透明纤维纸。当图层上没有任何东西时，可以通过它看到下面的图层。图层有助于组织文档的作品，即可以在一个图层上绘制和编辑作品，而不影响另一图层上的作品；也可以在时间轴上按照文件夹组织图层(如图7-72所示)。,图7-72 图层,7.5.2 选择图层绘制和编辑操作在活动图层上进行。若要激活某个图层，应在舞台上选择该图层上的对象。活动图层在时间轴上被突出显示，铅笔图标表示它可以编辑，还可以在时间轴上选择图层以激活它。具体步骤如下：(1) 选择“文件”“打开”，定位到Flash MX程序文件夹，然后打开LessonsWork Fileslayers.fla。如果在该Work File
41、的底部看不到导航按钮，请选择“视图”“缩放比率”“全部显示”。,(2) 使用箭头工具，在时间轴中单击“selecting layers”文件夹旁边的三角形。使用时间轴的滚动条显示该文件夹的内容。该文件夹将打开，并显示它所包含的图层。舞台上的三个对象分别位于单独的图层上(如图7-73所示)。,图7-73 图层文件夹,(3) 仍然使用箭头工具，在舞台上选择该三角形。Triangle图层变成活动图层。(4) 在时间轴中选择Circle图层。该圆形在舞台上被选中。,7.5.3 改变图层顺序在图像发生重叠时，时间轴顶部图层的内容将出现在它们下面的图层内容的前面。可以通过改变图层顺序来解决这一问题。具体步
42、骤如下：(1) 在Work File中，前移到第2页：更改图层的顺序。(2) 使用箭头工具，将三角形移到圆上。三角形将覆盖圆，且不会有任何连接或分割，即使这些图形不是组或元件时也是如此。(3) 在时间轴中，将Triangle图层拖动到Circle图层的下面。现在，圆形显示在三角形的前面(如图7-74所示)。,图7-74 改变图层顺序,7.5.4 创建、命名、隐藏和锁定图层在本场景中，背景是单独的图层，因此可以在前景进行绘制。具体步骤如下：(1) 在Work File中，前移到第3页：创建、命名、隐藏和锁定图层。(2) 在时间轴中打开“Creating Layers”文件夹。单击Backgrou
43、nd图层，然后在时间轴的底部单击“插入图层”按钮 。新图层出现在Background图层上方并变为活动图层。(3) 双击该图层的名称，键入“Cars”作为该图层的新名称，然后按Enter键(如图7-75所示)。,图7-75 创建图层,此时即可直接在新图层上进行绘制。但是，如果首先隐藏Trees图层以减少舞台上的混乱程度并锁定Background图层，将更加方便。在每个图层名称的右侧都有许多控件，可以通过它们锁定或隐藏当前图层的内容(如图7-76所示)。具体步骤如下：,图7-76 命名、隐藏和锁定图层,(1) 单击Background图层的“锁定”列以锁定它。(2) 单击Trees图层的“眼睛”
44、列以隐藏它。图标显示在图层名称的旁边以显示图层是被锁定还是被隐藏的。(3) 在时间轴单击Cars图层以确保它是活动图层。(4) 如果“库”面板未打开，请选择“窗口”“库”以打开它。从该库中打开汽车元件，然后在Car图层中创建几个汽车实例。(5) 单击Trees图层的“眼睛”列以使其再次可见。放在Cars图层中的对象显示在Background图层中的对象和Trees图层中的对象之间。,7.5.5 使用遮罩图层对于聚光灯效果和过渡，可以使用遮罩图层来突出显示下面的图层部分。具体步骤如下：(1) 当Cars图层在时间轴中处于选定状态时，单击“添加图层”按钮以便在其上创建一个新图层。将其命名为Cars
45、 Mask。遮罩图层总是直接遮住紧挨在它下面的图层，因而需要确保在适当的位置创建遮罩图层。(2) 使用椭圆工具，在其中两个汽车上绘制一个实心椭圆。在遮罩中，任何实心区域都是完全透明的，任何非实心区域都是不透明的。,(3) 在时间轴中右键单击Cars Mask图层，然后从上下文菜单中选择“遮罩层”(如图7-77所示)。该图层转换为遮罩图层。紧挨在它下面的图层链接到该遮罩图层。遮罩图层的名称已缩进(如图7-78所示)。,图7-77 “时间轴”上下文菜单,图7-78 遮罩图层,7.6 Flash 动 画,7.6.1 在动画中使用关键帧关键帧是用于指定按钮或动画变化的帧。在补间动画中，在时间轴中重要的
46、点上创建关键帧并让Flash创建关键帧之间的帧。如图7-79所示，关键帧在帧中用圆圈表示。对于图层来说，不包含图形的关键帧是空白的。,图7-79 动画中的帧类型,7.6.2 补间动作在本范例中，我们将让Work File中的汽车从当前位置移动到蓝色的X处。具体步骤如下：(1) 选择“文件”“打开”，定位到Flash MX程序文件夹，然后打开LessonsWork Filestweening.fla。如果在该Work File的底部看不到导航按钮，请选择“视图”“缩放比率”“全部显示”。(2) 使用箭头工具在汽车周围拖出一个选择边框。(3) 选择“插入”“创建补间动画”。Flash在Car图层上
47、绘制一条点线以表示一个不完整的补间动画。它还自动将汽车变成一个名为“Tween 1”的元件(“Tween 1”列在库面板上)。在补间动画中补间的图像必须是元件或组。,(4) 在舞台上，选择Car图层中的第15帧并将汽车拖到蓝色的X处。Flash自动插入一个新关键帧并将点线变成实线。(5) 在Car图层中选择第1帧，然后选择“控制”“播放”(或直接按Enter键)。若要重新观看影片播放，请选择“控制”“后退”，然后选择“控制”“播放”。,7.6.3 补间大小和旋转使用补间动画不仅能够创建动画，还能够改编组合或元件的大小，或者使其旋转。下面我们还将学习如何创建多个关键帧。在Work File中，前
48、移到第2页：补间大小和旋转。可以使用库中的元件创建动画。为了节省时间，我们已将舞台上的车轮转换成元件。具体步骤如下：(1) 在Wheel图层中选择第23帧，然后选择“插入”“关键帧”。在选择该帧的同时也就选择了它在舞台上的内容。因此，在下一步中进行的更改将被应用到选定车轮上。现在要将车轮增大一倍并旋转它。,(2) 选择“窗口”“变形”以显示“变形”面板。选择“约束”以保持车轮的比例，在“缩放”中键入200，在“旋转”中键入180，然后按Enter键(如图7-80所示)。,图7-80 “变形”面板,(3) 在Wheel图层的第17帧和第22帧之间选择一个帧，然后选择“插入”“创建补间动画”。在创
49、建补间动画时，将跨越这两个关键帧之间的空间(如图7-81所示)。,图7-81 补间动画,(4) 在时间轴中选择第16帧，然后选择“控制”“播放”。现在要将动作扩展到第30帧并将车轮的大小缩减到100%。(5) 请确保已选定Wheel图层，然后将指针定位到第30帧。选择“插入”“关键帧”。(6) 在“变形”面板中，在“缩放”中键入100，然后按Enter键。(7) 在Wheel图层中选择第24帧和29帧之间的任一帧，然后选择“插入”“创建补间动画”。(8) 在时间轴中，选择第16帧，然后选择“控制”“播放”。,7.6.4 使用动作路径可以使用动作路径让元件以复杂的模式移动。在Work File中，前移到第3页：使用动作路径。可以使用运动引导层图层绘制对象跟随的路径。引导层用图层名称左侧的引导层图标标明。引导层不会出现在发布的Flash影片中。具体步骤如下：(1) 选择Car图层，然后选择“插入”“运动引导层”。(2) 在时间轴中，在“引导层：Car”图层中选择第31帧，然后选择“插入”“关键帧”(如图7-82所示)。,图7-82 运动引导层,(3) 使用铅笔工具绘制一条从汽车到路径终点的曲线。 (4) 在时间轴中，在Car图层中选择第31帧。 (5) 选择箭头工具并单击“对齐”功能键(如图7-83所示)。,
