二维动画设计第三章 元件和库

第3章元件和库本章内容导读 元件是Flash动画中的重要元素。元件只需创建一次即可在整个文档或其他文档中重复使用。Flash中的元件全部存放在库中，通过库面板可以对元件进行编辑和管理，将元件从库中导入到舞台中就成了实例，三者之间具有密切的关联。学习本章后你应该掌握如下内容： 元件的分类、创建、用法、修改和编辑； 实例和库面板； 图层属性与时间轴。3.1.1元件分类 影片剪辑：影片剪辑实际上是可重复使用的动画片段，其拥有相对于主时间轴独立的时间轴，也拥有相对于舞台的主坐标系独立的坐标系。它是一个容器，可以包含一切素材，如用于交互的按钮、声音、图片和图形等，甚至可以是其他的影片剪辑。 图形：图形是元件的一种最原始的形式，其与影片剪辑相类似，可以放置其他元件和各种素材。图形元件也有自己的独立的时间轴，可以创建动画，但其不具有交互性，无法像影片剪辑那样添加滤镜效果和声音。 按钮：按钮用于在动画中实现交互，有时也可以使用它来实现某些特殊的动画效果。一个按钮元件有4种状态，它们是弹起、指针经过、按下和点击，每种状态可通过图形或影片剪辑来定义，同时可以为其添加声音。3.1AdobeFlash元件介绍转换为元件：在舞台上绘制或导入对象后，如图3-1所示，可以将其转换为对象。在舞台上选中对象，选择“修改”→“转换为元件”命令（或按“F8”键），如图3-2所示。此时将打开“转换为元件”对话框，在“名称”文本框中输入元件名称。在“类型”下拉列表中选择元件类型，这里选择“图形”将其转换为图形元件，如图3-3所示。 图3-1舞台上绘制好对象图图3-2“转换为元件”命令图3-3“转换为元件”对话框3.1.2元件创建 新建元件：选择“插入”→“新建元件”命令（或“Ctrl+F8”键将打开“创建新元件”对话框）,如图3-4所示。在其中设置元件名称和元件类型后，单击“确定”按钮，Flash会将元件添加到库中，同时打开该元件的编辑窗口，在该窗口中即可直接创建需要的元件内容,如图3-5所示。图3-4“创建新元件”对话框图3-5库中显示新建的元件3.1.3元件用法 点击确定创建元件以后，舞台会自动进入元件的编辑模式，在元件的编辑模式下，绘制一个物体，会看到库面板中的元件预览窗口中会显示该物体，如图3-6所示。点击舞台左上角的场景名，返回影片编辑模式，或者在元件编辑模式下，可以点击空白处，也可以回到影片编辑模式。图3-6创建新元件3.1.4元件的修改和编辑如果对元件不满意，希望进行修改的话，可以在“库”面板中双击该元件，或者直接在舞台上双击该元件，就可以重新进入元件编辑模式下，对该元件进行重新的编辑。需要注意的是，元件一旦被重新编辑，那么在舞台中所有的该元件都会发生相应的变化。如果元件在舞台当中，可以直接双击该元件，就可以进入内部进行编辑。如果元件在“库”面板中没有被拖到舞台上，可以在“库”面板中双击该元件进入其内部进行编辑。编辑完毕以后，可以点击舞台左上角的场景名返回，也可以双击元件周围的空白区域返回舞台，如图3-7所示。图3-7返回场景中在Flash中可以对元件进行整体的调整。选需要调整的元件，在“属性”检查器面板中，打开“色彩效果”的卷轴栏，在“样式”的下拉菜单中有5个选项，分别为：无、亮度、色调、高级、Alpha，如图3-8所示。图3-8“色彩效果”图3-9亮度的调节杠杆无：是指对该元件无须添加任何的色彩效果。亮度：是指对该元件进行亮度的整体调整，选择了该选项后，下面会出现一个亮度的调节杠杆，数值越高亮度越强，如图3-9示。 色调：是指对该元件进行色调的调整，选择该选项后，右侧会出现一个色块，点击可以进行颜色的调整，而下面会出现“色调”、“红”、“蓝”、“绿”四个调节杠杆。调节为，先点击色块，设定好主色调，然后调节下面的“色调”的参数，值越高，元件就会越接近主色调的颜色，而“红”、“蓝”、“绿”三个参数，可以更加细致的调节主色调的RGB值，如图3-10所示。图3-10色彩调节图3-11高级图3-12Alpha高级：该选项可调的参数是最多的，它一共可以调整“Alpha”、“红”、“蓝”、“绿”四个选项的参数，每个选项共两个值，分别为百分比和偏移值，可以进行更加细致的调整，如图3-11所示。Alpha：该选项是调节元件的透明度，选择以后，下面会出现调整杠杆，数值越低，元件就会越透明，如图3-12所示。另外有一些整体编辑的命令，则是“影片剪辑”和“按钮”元件类型所独有的。选中需要调整的“影片剪辑”或“按钮”元件，在“属性”检查器面板中，可以看到有“显示”和“滤镜”两个卷轴栏，如图3-13所示。点开“显示”卷轴栏，在“混合”选项后面有一个下拉菜单，点开会看到有多种选项，如图3-14所示。经常使用AdobePhotoshop的读者对这些选项应该不会陌生，这些都是图层混合模式的选项，如图3-15所示，就是“变暗”模式的效果。图3-13“显示”和“滤镜”两个选项组图3-14“混合”选项图3-15应用“变暗”模式前后效果对比选中相应的元件，打开“滤镜”卷轴栏，点击面板最左下角的“添加滤镜”按钮，会弹出显示着所有滤镜效果的浮动面板，如图3-16所示。常用AdobePhotoshop的读者应该也会发现，这些都是“图层样式”的选项，选中一个滤镜，元件会发生相应的改变，在滤镜面板中也会出现相应的参数，如图3-17所示就是滤镜“投影”的效果。图3-16“添加滤镜”按钮图3-17“投影”滤镜的效果3.1.5案例：元件用途演示 元件的应用——蝴蝶，如图3-18所示。 打开AdobeFlashCS6软件，新建Flash文档，如图3-19所示； 选择“文件”→“保存”，在弹出的“另存为”对话框中，文件名输入“蝴蝶元件”，点击“保存”按钮，如图3-20所示；图3-18元件的应用-蝴蝶图3-19新建Flash文档图3-20输入“蝴蝶元件” 使用工具箱中的“线条工具”和“椭圆工具”，在舞台上绘制蝴蝶的翅膀，如图3-21、图3-22所示；图3-21绘制翅膀轮廓图3-22绘制翅膀花纹点击工具箱中的“颜料桶工具”，在“颜色”面板中选择“线性渐变”，选取所需的颜色，如图3-23所示，给绘制好的蝴蝶翅膀上色，效果如图3-24所示。图3-23“颜色”面板图3-24蝴蝶翅膀上色效果 点击工具箱中“选择工具”选中舞台上的图形,如图3-25所示； 选择“修改”→“转换为元件”命令（或按“F8”键），如图3-26所示。此时打开“转换为元件”对话框，在“名称”文本框中输入“翅膀”。在“类型”下拉列表中选择元件类型，选“图形”将其转换为图形元件，如图3-27所示。同时在“库”面板中显示该元件，如图3-28所示；图3-25选中舞台上的图形图3-26“转换为元件”命令图3-27“转换为元件”对话框图3-28“库”面板中显示图形 用上述同样的方法制作出蝴蝶躯干的元件，如图3-29、图3-30、图3-31、图3-32；图3-29用“椭圆工具”绘制躯干图3-30用“任意变形工具”调整图3-31用“铅笔工具”绘制触角图3-32将触角转换为元件 在“库”面板中双击绘制好的元件，或者直接在舞台上双击元件，重新进入元件编辑模式下，对元件不满意的地方进行重新的编辑，如图3-33、图3-34；图3-33修改蝴蝶躯干图3-34修改蝴蝶翅膀编辑完毕以后，可以点击舞台左上角的场景名返回，也可以双击元件周围的空白区域返回舞台，如图3-35所示；这时，蝴蝶的各部分元件已经制作完毕，将储存在“库”面板中的蝴蝶躯干、翅膀用鼠标拖入到舞台上进行排列组合（翅膀拖入两次），如图3-36所示；图3-35返回舞台图3-36拖入到舞台 选中舞台上的躯干元件，按鼠标左键选择“排列”→“移至顶层”，如图3-37所示； 蝴蝶各部分元件位置调整完成，如图3-38所示；图3-37躯干移至顶层图3-38位置调整完成为了使蝴蝶的两个翅膀形成前后对比，将后面翅膀的亮度调暗。选中后面的翅膀，在“属性”检查器面板中，打开“色彩效果”的卷轴栏，选择“样式”下拉菜单中的“亮度”，将亮度值调低，如图3-39所示，效果如图3-40所示;图3-39翅膀亮度调节图3-40亮度调节后效果 选中舞台上的组合好的蝴蝶元件，如图3-41所示。选择“修改”→“转换为元件”命令（或按“F8”键），此时将打开“转换为元件”对话框，在“名称”文本框中输入“蝴蝶1”。在“类型”下拉列表中选择元件类型，选择“影片剪辑”将其转换为影片剪辑元件，如图3-42所示。同时在“库”面板中显示该元件，如图3-43所示；图3-41选中舞台上的蝴蝶元件图3-42转换为元件图3-43“库”面板中显示该元件选择“文件”→“保存”，保存“蝴蝶元件”文件。3.2.1图形实例3.2实例 “属性”面板简介：图形元件一般包括静态的图形对象或是与影片的主时间轴同步的动画。将图形元件放置到舞台上，选择该实例后，可以在“属性”面板中对实例进行设置，如图3-44所示。图3-44图形实例的“属性”面板 改变实例色彩：每个元件都有自己的色彩效果，要想在实际应用中改变这个效果，可以在“属性”面板的“色彩效果”栏用于改变实例的色彩效果。在该栏中，“样式”下拉列表包含“无”、“亮度”、“色调”、“高级”和“Alpha”这5个选项，在下拉列表中选择相应的设置项，即可对实例进行设置,如图3-45、图3-46所示。图3-45“色彩效果”选项组图3-46“亮度”“色调”“高级”和“Alpha” 循环：“循环”栏是图形实例的一个独有设置栏，其用于设置实例跟随动画同时播放的方式。在“选项”下拉列表中选择相应的选项即可进行设置，如图3-47所示。图3-47“循环”栏“循环”：选择该选项，实例跟随动画同时进行循环播放自身动画，在“第一帧”文本框中输入动画开始的帧。“播放一次”：选择该选项，从指定帧开始播放动画序列，播放后动画停止。在“第一帧”文本框中输入指定帧的帧数。“单帧”：显示动画序列中的某一帧，在“第一帧”文本框中输入需要显示的帧的帧数。3.2.2案例：影片剪辑实例 实例名称：在Flash中，影片剪辑是一种对象，其可以通过ActionScript来进行调用。为了实现这种调用，需要给予影片剪辑一个可以识别的名称，这个名称并不是该元件在“库”面板列表中的名称。在“属性”面板的“实例名称”文本框中输名称，即可为影片剪辑命名，如图3-48所示。图3-48为实例命名 设置实例的混合模式：对于影片剪辑来说可以像AdobePhotoshop那样处理对象之间的混合模式，通过混合模式的设置来创建复合图像效果，如图3-49所示。所谓的复合，是改变两个或多个重叠图像的透明度或颜色关系的过程，通过复合可以混合重叠影片剪辑中的颜色，从而创造独特的视觉效果，如图3-50所示。图3-49混合模式图3-50正片叠底效果对比3.2.3按钮实例 按钮实际上是一个有4帧的影片剪辑，这4个帧对应按钮的4种不同的状态。按钮实例的时间轴不能播放，但可以感知用户鼠标的动作，并根据鼠标动作来触发对应的事件。设置按钮实例的属性，可以在其“属性”面板中进行，如图3-51所示。图3-51按钮“实例”属性面板3.2.4改变实例 对于创建的实例，用户可以在“属性”面板中对其进行设置，这里除了可以更改实例的色彩、大小和添加滤镜等操作之外，还可以改变实例的类型和交换实例。同时，实例也可以被分离以便于对其进行编辑修改。改变实例的类型，如图3-52所示。交换实例的过程，如图3-53、图3-54所示。图3-52改变实例的类型图3-53单击“交换”按钮图3-54“交换元件”对话框3.3“库”面板介绍3.3.1库内元件的管理选择菜单命令“窗口”→“库”，如图3-55所示，可以打开当前“库”面板。“库”面板包括标栏、预览窗口、文件列表和库文件的管理工具，如图3-56所示。在“库”面板中，不同类型的元件显示不同的图标。在该面板中可以预览元件、创建新的元件、删除元件、重命名元件、复制元件、建立用于元件分类的文件夹、查看元件属性、删除未使用的项目等操作。图3-55“窗口”→“库”菜单命令图3-56“库”面板 预览元件：预览窗口，用于显示文件内容，若元件包含多帧，则预览窗口中会出现播放控制按钮，单击“播放”按钮，可以播放该元件的动画效果；单击“暂停”按钮，则暂停播放，如图3-57所示。图3-57预览窗口创建新元件：点击“库”面板左下角的“新建元件”按钮，如图3-58所示，打开“创建新元件”对话框，可为新元件命名及选择新元件类型；相当于单击“插入”→“创建新元件”命令。图3-58“新建元件”按钮 删除元件：在“库”面板中，选中要删除的元件，鼠标右键，在弹出的快捷菜单中选择“删除”命令，将弹出删除元件提示框，点击“删除”即可。或选中元件后点击库面板左下角的“删除”按钮，同样可删除元件，如图3-59所示。图3-59“删除”按钮图3-60“直接复制元件”对话框重命名元件：在“库”面板中，选中一个元件，单击鼠标右键，在弹出的快捷菜单中选择“重命名”命令(或双击元件名称)，此时元件名处于编辑状态，输入新的元件名称即可。复制元件：在“库”面板中，选中要复制的元件，鼠标右键，在弹出的快捷菜单中选择“直接复制”选项，直接弹出“直接复制元件”对话框，如图3-60所示，在名称文本框中输入新的文件名，完成后单击“确定”按钮，在“库”面板中复制一个名称不同但内容相同的元件。 创建文件夹： 单击“库”面板左下角的“新建文件夹”按钮，如图3-61所示。建立一个新的元件文件夹，此时文件夹名处于编辑状态，将文件夹重新命名； 按住“Ctrl”键，依次选中要放入该文件夹中的元件，然后用鼠标将他们拖入新建文件夹的图标上，松开鼠标，即可将这些文件放入该文件夹中。图3-61“新建文件夹”按钮图3-62“属性”按钮图3-63“位图属性”对话框查看元件属性：单击该“属性”按钮，可以查看和修改库中文件的属性．单击库中任何一个文件，例如选中一个位图元件，单击属性按钮，弹出的对话框就会显示该图形元件的名称、类型、路径及创建的日期等一系列属性，见图3-62、3-63所示。 库操作菜单：在“库”面板右上角有个菜单选项按钮，单击后可打开库操作菜单，所有对库的操作都可以从该菜单中选择相应的命令，如图3-64所示。 删除未使用库项目：在元件库中，可能有一些项目到最后是没用到的，为了减小文件的体积，我们可以将这些没用的项目删掉。 点击“库”面板右上角的库菜单按钮，在弹出的菜单中选择“选未用项目”命令，所有未使用的项目都会被选中，如图3-65所示。 点击“库”面板底部的删除按钮，即可删除这些未使用的项目。图3-64库操作菜单图3-65“选择未用项目”命令3.3.2外部文件导入 使用外部库：选择“文件”→“导入”→“打开外部库”命令打开“作为库打开”对话框，如图3-66所示，在对话框中选择需要打开的源文件，单击“打开”按钮，即可打开该文档的“库”面板，如图3-67所示。此时，只需在“库”面板中将需要使用的元件拖放到舞台，该元件即成为当前文件的实例，同时该元件将出现在当前文档的“库”面板中。图3-66“作为库打开”对话框图3-67外部库 导入外部图像、视频和音频：菜单的“文件”→“导入”→“导入到库”命令，选择电脑中的图片、音频或视频文件，然后双击该文件或者单击打开按钮，在“库”面板中就会出现该文件，但是并没有出现在舞台上，可以使用鼠标把该文件从“库”面板中直接拽到舞台上，如图3-68﹑3-69所示。图3-68在“库”面板中显示导入的对象图3-69将导入的对象拖入舞台3.3.3案例：库的作用在“元件的应用——蝴蝶”制作完成的基础上，对其“库”面板整理，为制作“蝴蝶丛中飞”动画做准备。 打开AdobeFlashCS6软件，新建Flash文档，选择“文件”→“打开”，找到“蝴蝶”文档，点击打开，如图3-70所示； 单击“库”面板左下角的“新建文件夹”按钮，如图3-71所示。建立一个新的元件文件夹，此时文件夹名处于编辑状态，将文件夹命名为“蝴蝶”，如图3-72所示；图3-70“打开”对话框图3-71“新建文件夹”按钮图3-72新建文件夹命名为“蝴蝶” 按住“Ctrl”键，依次选中要放入该文件夹中的元件，然后用鼠标将他们拖入新建文件夹的图标上，松开鼠标，即可将这些文件放入该文件夹中，如图3-73所示； 选择“文件”→“导入”→“打开外部库”命令打开“作为库打开”对话框，如图3-74所示，在对话框中选择所需背景素材“背景”的的源文件，单击“打开”按钮，即可打开该文档的“库”面板，如图3-75所示。此时，需在“库”面板中将需要使用的元件拖放到舞台，该元件将出现在当前文档的“库”面板中，如图3-76所示；图3-73拖入“蝴蝶”文件夹中图3-74“作为库打开”对话框图3-75外部库图3-76该元件将出现在当前文档的“库”面板中 新建文件夹命名为“背景素材”，将导入的背景素材元件全选，拖入该文件夹中，如图3-77所示； 选择“文件”→“导入”→“导入到库”命令，如图3-78所示，选择电脑中所需的蝴蝶素材psd文件，单击打开按钮，这样在“库”面板中就出现该文件。新建文件夹命名为“蝴蝶2”，将导入的蝴蝶psd文件放入该文件夹中；图3-77导入素材整理到“背景素材”文件夹中图3-78导入PSD文件 双击“蝴蝶”元件，此时元件名处于编辑状态，将元件名称改为“蝴蝶1”，如图3-79所示； 检查“库”面板中的元件，选中不需要的项目，点击“库”面板底部的删除按钮，删除这些不使用的项目，以节省空间，如图3-80所示； “库”面板整理完成，如图3-81所示。图3-79将元件名称修改为“蝴蝶1”图3-80删除不使用的项目图3-81“库”面板整理完成3.4图层属性和时间轴概念3.4.1时间轴操作及运用 时间轴面板主要用于组织和控制影片中图层和帧的内容，使这些内容提要随着时间的推移而发生相应的变化，时间轴主要由以下对象组成:帧﹑图层和播放头，如图3-82所示。图3-82时间轴 关键帧：关键帧是动画片段开始与结束的决定画面。通常Flash会依照第1帧的“关键帧”和最后1帧的“关键帧”，来决定动画的进行方式。也就是说，只要安排好这两张画面，就可以制作出一段动画作品。 空白关键帧：“空白关键帧”，是指它本身是关键帧，但该帧没有任何元素。 帧：帧也称静态帧，所有出现在“时间轴”中的帧称为“帧”。在Flash的动画制作模式中，“帧”往往代表中间画面，也就是第1帧与最后1帧画面间渐变的过程，因此它们是无法被编辑和修改的。 图层：图层可以帮助用户组织文档中的插图。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。在图层上没有内容的舞台区域中，可以透过该图层看到下面的图层。 播放头：播放头指示当前在舞台中显示的帧。播放Flash文档时，播放头从左向右通过时间轴。3.4.2帧的相关属性及用法 帧的相关属性 表示“空白关键帧”，该帧没有任何元素。 表示关键帧，“空白关键帧”加入对象后即可变成关键帧。 表示“空白帧”，“关键帧”后呈白色状态的帧为空白帧。关键帧后呈灰色状态的帧表示内容没有发生变化，和关键帧中的内容相同。 表示“运动过渡帧”，用箭头显示出动画的过程，背景颜色为浅紫色。 表示“形状过渡帧”，用箭头显示出动画的过程，“形状过渡帧”与“运动过渡帧”的区别是背景颜色为浅绿色。 虚线代表在过渡动画的过程中出了问题，应检查开头与结尾关键帧的属性。 当关键帧上有一个小写的字母“a”出现时，表示这个帧已被指定动作脚本，该帧可以实现相应的交互动作。 关键帧上有一个小红旗，表示该帧上设定了“帧标签”或“注释”。帧标签用于标识“时间轴”的关键帧。 表示在该帧中加入了声音。 金色的锚记，表明该帧是一个命名“锚记”。命名锚记使Flash的导航变得很简单，它可以使观众使用“浏览器”中的“前进”和“后退”按钮，即从影片中的一个帧跳到另一个帧，或者从一个场景跳到另一个场景。 关键帧之间为浅蓝色背景，且关键帧之间以虚线连接，表示创建的动画为动作补间动画，但该动画没有创建成功，或在创建时操作出现错误。 在“时间轴”窗口的最右上方，有一个“小标尺”按钮，单击该按钮，将会弹出一个下拉菜单，如图3-83所示，选择相应的选项，可以更改帧的显示方式，“时间轴”也随之发生变化。图3-83“小标尺”按钮 帧的用法 插入帧或关键帧： 选择“插入帧”命令（如图3-84所示）或按F5键； 插入一个关键帧，按F6键； 插入一个空白关键帧，按F7键。 选择帧： 若要选择一个帧，请单击该帧。若已启用“基于整体范围的选择”，请按住<Ctrl>并单击该帧。（选择“编辑”→“首选参数”，在“常规”下勾选“基于整体范围的选择”复选框，如图3-85所示）；图3-84“插入帧”命令图3-85基于整体范围的选择 若要选择多个连续的帧，请按住<Shift>并单击其它帧； 若要选择多个不连续的帧，请按住<Ctrl>单击其他帧； 若要选择时间轴中的所有帧，请选择“编辑”→“时间轴”→“选择所有帧”菜单命令，如图3-86； 若要选择整个静态帧范围，请双击两个关键帧之间的帧。如果已启用“基于整体范围的选择”，请单击序列中的任何帧。图3-86选择所有帧 移动帧： 鼠标选中需要移动的帧拖动即可，如图3-87所示。 复制帧: 选择帧或序列并选择“编辑”→“时间轴”→“复制帧”。选择要替换的帧或序列,然后选择“编辑”→“时间轴”→“粘贴帧”或者右键单击鼠标，如图3-88、图3-89所示。图3-87移动帧图3-88复制帧图3-89粘贴帧 删除关键帧： 选择关键帧右键单击选择“清除关键帧”，如图3-90所示。 清除帧： 选择关键帧并选择“编辑”→“时间轴”→“清除帧”，或右键单击关键帧，选择“清除帧”命令，如图3-91所示。 删除帧： 选择帧或序列并选择“编辑”→“时间轴”→“删除帧”或者右键单击从上下文菜单中选择“删除帧”命令，如图3-92所示。图3-90清除关键帧图3-91清除帧图3-92删除帧 更改静态帧序列的长度： 鼠标选中开始或结束帧向左或向右拖动范围，如图3-93所示。图3-93更改静态帧序列的长度帧的用法——蝴蝶侧面飞行动画制作在【例3-2】制作完成的基础上，利用帧的相关知识，在“蝴蝶1”元件中制作飞行动画，如图3-94所示。为“蝴蝶丛中飞”动画做准备。图3-94蝴蝶侧面飞行动画 打开AdobeFlashCS6软件，新建Flash文档，选择“文件”→“打开”，找到“蝴蝶”文档，点击打开； 在“库”面板中找到“蝴蝶1”元件，如图3-95所示，双击此元件，进入“蝴蝶1”的编辑状态，如图3-96所示。 在“时间轴”面板上选第一帧，如图3-97所示，点工具箱中的“变形工具”，调整蝴蝶的动作；图3-95找到“蝴蝶1”元件图3-96进入“蝴蝶1”元件的编辑状态图3-97选择第一帧 按F5键，在“时间轴”面板上插入关键帧，如图3-98所示，按蝴蝶飞行的运动规律，调节蝴蝶的动作，如图3-99所示； 按照上述方法依次插入关键帧，调节蝴蝶的动作，如图3-100、图3-101所示；图3-98插入关键帧图3-99调整动作图3-100调整动作图3-101调整动作 将制作好的4帧全选，右键单击选择“复制帧”命令，如图3-102所示； 鼠标选中第5帧，右键单击选择“粘贴帧”命令，如图3-103所示； 动画制作完成，点击“时间轴”面板底部的播放按钮观看，如图3-104所示。也可用位于“库”面板预览窗口右上方的播放按钮播放，如图3-105所示；图3-102复制帧图3-103粘贴帧图3-104播放动画图3-105在“库”面板中播放选择“文件”→“保存”。保存“蝴蝶”文件。3.4.3图层属性及运用 图层类型 引导图层这类图层实际上包含了两个子类，一种是运动引导层，如图3-106所示，它用于辅助其他图层对象的运动或定位，用户可在其中绘制用于控制对象运动的曲线；另一种是普通引导层，如图3-107所示，它仅用于辅助制作动画片。尽管用户可在这两类引导图层中进行绘画和编辑，但其内容都不会出现在将来发布的影片中。图3-106运动引导层图3-107普通引导层图3-108遮罩层遮罩层遮罩层是一种特殊的图层，如图3-108所示，创建遮罩层后，遮罩层下面图层的内容就像透过一个窗口显示出来一样，这个窗口的形状就是遮罩层中内容的形状。 图层文件夹用于辅助组织与管理图层，并且支持嵌套，如图3-109所示。例如，通过隐藏或锁定图层文件夹，可快速隐藏或锁定图层文件夹中的所有图层。图3-109图层文件夹图层操作要创建一个新图层，可选“插入”→“时间轴”→“图层”菜单，如图3-110所示。或单击“时间轴”控制面板中的“新建图层”按钮，如图3-111所示。也可以在“时间轴”控制面板中右键单击图层，从弹出的快捷菜单中选择“插入图层”菜单项，如图3-112所示。图3-110“插入”→“时间轴”→“图层”图3-111“新建图层”按钮图3-112“插入图层”命令 要创建运动引导层，右键单击图层，从弹出的快捷菜单中选择“添加运动引导层”菜单项，如图3-113所示。当创建运动引导层时，当前图层会自动成为被引导层，如图3-114所示。如果希望使其他图层也成为被引导图层，可首先单击选中这些图层，然后将其拖至引导层或被引导层下方即可实现，如图3-115所示。图3-113“添加运动引导层”命令图3-114当前图层会自动成为被引导层图3-115其他图层也成为被引导层 要创建“遮罩层”，右键单击图层，从弹出的快捷菜单中选择“遮罩层”菜单项，如图3-116所示。 创建图层文件夹在时间轴中选择一个图层或文件夹，然后选择“插入”→“时间轴”→“图层文件夹”，如图3-117所示。或右键单击插入文件夹如图3-118所示，或单击时间轴底部的“新建文件夹”图标，如图3-119所示。图3-116“遮罩层”命令图3-117创建图层文件夹图3-118右击“插入文件夹”图3-119“新建文件夹”图标 图层修改要绘制、上色或者对图层或文件夹进行修改，需要在时间轴中选择该图层以激活它。当图层名字旁边出现一个铅笔图标时，如图3-120所示，表示该如曾时当前工作图层(每次只能有一个工作图层)。我们可以隐藏图层来保持当前工作区的清洁，也可以在任何可以和未被锁定的图层中进行编辑，还可以将图层锁定，以防被破坏，还可以在任何图层查看对象的轮廓线，确定轮廓线的颜色，及改变图层的高度等，如图3-121所示。图3-120铅笔图标图3-121图层操作按钮 选择图层选择图层有以下4种方法： 单击时间轴上的图层名称，如图3-122所示。 单击属于该层时间轴上的任意一帧，如图3-123所示。 在编辑区选择该层中舞台的对象，如图3-124所示。 若要同时选择多个图层，可先按住<Shift>键或者是<Ctrl>键，再单击所要选择的图层名称。图3-122单击时间轴面板中的图层名称图3-123单击属于该图层时间轴上的任意一帧图3-124选择该图层对应舞台中的对象 复制图层有时需要复制一层以上的内容及帧系列来建立一个新层，这在从一个场景到另一个场景或从一个电影到其他电影传递层很有用。甚至可以同时选择一个场景的所有层并将它们粘贴到其他任何位置来复制场景。或者可以复制层的部分时间轴来生成一个新的层。无论何时，当用户在另一个层的开始位置粘贴一个层的内容及系列时，该层的名字将自动设置为与被复制层相同。 选定需要复制的图层； 选择“编辑”→“时间轴”→“复制图层”，用户可以看到两个图层的名称和内容也会一样，然后在此基础上进行修改即可，如图3-125、3-126所示。图3-125复制图层图3-126复制图层名称为原图层名加上“复制”二字 删除图层单击右键要删除的图层，再快捷菜单中选择“删除图层”选项；或单击时间轴上的按钮，将要删除的图层用鼠标拖动到上。 锁定/解锁图层单击图层名字右边的锁定栏就可以锁定图层，再次单击锁定栏就可以解除对图层的锁定，如图3-128所示。图3-128锁定图层可单击按钮，可以将所有的图层锁定，再次单击就可以解除对所有的图层的锁定。在按住<Alt>键后，单击任意一个图层上的锁定栏，可以锁定或解除此图层外的所有图层。在按住<Ctrl>键后单击任意一个图层可以锁定或解除所有图层。 图层属性虽然在图层面板中可以直接设置图层的显示和编辑属性，但用户也可以通过使用“图层属性对话框”来更改，在“图层属性对话框”中提供了更为全面的修改选项，包括设置图层的高度等一系列图层属性。图层的属性设置：在任意的图层上单击鼠标右键都会弹出快捷菜单，选择其中的“属性”项，可以打开图层的属性设置对象，在此对话框里可以设置很多属性，例如图层的名称，显示/锁定，对象的轮廓颜色，图层的类型及图层高度等，如图3-129所示。图3-129“图层属性”对话框 名称：在此框中可输入或修改层的名称。 显示：显示或隐藏层。取消选中该复选框将隐藏层。 锁定：选中该复选框可将图层锁定。 类型：该选项区域可用于更改图层的类型，主要包括以下6种：普通层：这是默认的图层类型。引导层：允许用户创建网格、背景或其他对象用来帮助对齐对象的层，用户可以链接若干个普通层到引导层。被引导层：是被链接到引导层的普通层。遮罩层：在这种类型的层中可创建一些透明区域展示位于该层下面的对象，这类型的层对于创建诸如探照灯之类的效果非常有效。被遮罩：是链接到遮罩层的普通层。文件夹：创建图层文件夹。 轮廓颜色：通过此颜色框可以修改当图层以轮廓线方式显示时，轮廓线的颜色。 将图层视为轮廓：可以用来切换图层中的对象是否以轮廓线方式显示。 图层高度：该选项主要用来在图层面板中查看声音波形文件的细节方面的设置选项。 图层的重命名在没有命名的情况下，新图层会按照创建的顺序自动来为图层命名，对图层重新命名可以更好地管理图层，若想要对图层重命名，可以进行一下操作： 用鼠标双击该图层的名称，当高亮显示文字时可以直接输入新的名称，最后再按回车键即可。 用鼠标点击某图层，从快捷菜单中选择“属性”选项，这时会弹出“图层属性”对话框，我们可以在此对该图层进行重命名。 改变图层的次序图层就像透明的薄片一样，在舞台上一层层地向上叠加。图层的顺序将会影响对象的显示效果。要改变图层的顺序，可按以下步骤进行： 将鼠标移动到要改变图层顺序的层上，并按住鼠标左键不放向上或者是向下移动。 在拖动过程中，会看到一条虚线随鼠标移动，将该虚线移动到想要的位置，然后放开鼠标即可，如图3-130所示。图3-130所示3.4.4图层操作流程及修改 本案例是图层操作流程及修改的练习——蝴蝶丛中飞，如图3-131所示。 打开FlashCS6软件，新建Flash文档，选择“文件”→“打开”，找“蝴蝶”文档，点击打开； 在“库”面板中找到“背景素材”，用鼠标拖到舞台上，此时背景素材出现在“图层1”中，如图3-132所示；图3-131蝴蝶丛中飞图3-132在“图层1”拖入背景素材 在“时间轴”面板的左下角处点击“新建图层”按钮，如图1-133所示，新建“图层2”，将“库”面板中的“蝴蝶2”拖入到舞台上的“图层2”中，如图3-134所示；图3-133“新建图层”按钮图3-134在“图层2”中拖入“蝴蝶2”元件新建“图层3”，右键单击图层，从弹出的快捷菜单中选“添加运动引导层”命令，如图3-135所示，此时出现引导层，“图层3”变为被引导层，如图3-136所示；图3-135选择“添加传统运动”命令图3-136“图层3”变成被引导层 在“时间轴”的第10帧上，选择所有图层，按F6键插入关键帧，如图3-137所示； 选择“引导层”，用“线条工具”在此图层上画蝴蝶的运动轨迹（绘制的引导线在测试影片时不显示），如图3-138、图3-139所示；图3-137插入关键帧图3-138选择引导层图3-139画运动轨迹选择“图层3”（被引导层）上的第1帧，如图3-140所示，把“库”面板中已做好动画的“蝴蝶1”元件拖入其中，将此元件与引导线的一端吸附，如图3-141所示；图3-140选择“图层3”上的第1帧图3-141元件与引导线的一端吸附 选择“图层3”上的第10帧，如图3-142所示，将“蝴蝶1”元件与引导线的另一端吸附，如图3-143所示；图3-142选择“图层3”上的第10帧图3-143元件与引导线的另一端吸附在“图层3”的第1-10帧之间任意选择一帧（不包括第1帧和第10帧），右键单击选择“创建传统补间”命令，如图3-144、图3-145所示，此时“蝴蝶1”就可以沿着运动轨迹飞行了；图3-144创建传统补间图3-145已创建传统补间 为了使画面更丰富，新建“图层4”，将“蝴蝶1”元件再拖入一次，用“变形工具”改变其方向，如图3-146、图3-147所示；图3-146新建“图层4”图3-147用“任意变形工具”改变元件方向新建“图层5”，右键单击选择“遮罩层”，将其变为遮罩层，同时移到引导层下方，如图3-148、图3-149所示；图3-148选择“遮罩层”命令图3-149用“图层5”变为遮罩层 选择“图层4”，右键单击选择“属性”，在弹出的“图层属性”对话框中，选择“类型”下的“被遮罩层”，将其变为被遮罩层，如图3-150所示。按上述方法将“图层1”“图层2”都变为被遮罩层，如图3-151所示；图3-150“图层属性”对话框图3-151用“图层1”“图层2”都变为被遮罩层选择“图层5”（遮罩层），用“矩形工具”在此图层上画出显示区域范围，如图3-152所示；图3-152“图层5”（被遮罩层）上画出显示区域范围 将所有图层都锁定，如图3-153所示。此时舞台上会显示限定区域的内容，如图3-154所示； 为了以后更方便修改图层内容，双击图层名，将图层都重新命名，如图3-155所示； 动画制作完毕，按<Ctrl+Enter>预览动画效果，如图3-156所示； 选择“文件”→“保存”，保存文件，如图3-157所示。图3-153锁定所有图层图3-154舞台上会显示限定区域的内容图3-155重命名图层图3-156动画预览效果图3-157保存文件