Flash是一款交互式矢量图形编辑与动画制作软件,前面学习了Flash软件的基础知识和关于图形的绘制编辑操作,接下来开始进入Flash动画制作阶段,本章将对两大重要的概念“图层与帧”进行学习,理解并掌握这些知识是进行Flash动画制作的关键。
学习目标:
【时间轴】面板简介
图层操作
如何管理Flash图层
帧的操作
综合实例开发
4.1【时间轴】面板简介
在FlashCS5软件中,图层与帧的操作是通过【时间轴】面板进行的。按照功能不同,【时间轴】面板可以分为两个部分,其中左侧为图层操作区,右侧为帧操作区,如图4-1所示,这是Flash动画制作的核心部分,可以通过选择菜单栏中的【窗口】→【时间轴】命令,或按Ctrl+Alt+T快捷键,对其进行隐藏或显示的切换。
4.2图层操作
Flash软件的图层位于【时间轴】面板的左侧,如图4-2所示,同其他图像编辑软件相同,在Flash中图层好比一张张透明的纸,在一张张透明的纸上分别作画,然后再将它们按一定的顺序进行叠加,各个图层操作相互独立,互不影响。
在【时间轴】面板的左侧,图层的排列顺序决定了舞台中对象的显示情况,其中最顶层的对象将始终显示于最上方,在舞台中可以对每个图层的对象设置任意数量,如果【时间轴】
面板中图层数量过多的话,也可以通过上下拖动右侧的滑动条观察被隐藏的图层。
4.2.1创建图层与图层文件夹
系统默认下,新建空白Flash文档后,在【时间轴】面板中仅有一个名称为“图层1”的图层,在动画制作过程中,用户可以根据动画制作需要自由创建图层,合理有效地创建图层可以大大提高工作效率。
除可以自由创建图层外,Flash软件还提供了一个图层文件夹的功能,它以树形结构排列,可以将多个图层分配到同一个图层文件夹中,也可以将多个图层文件夹分配到同一个图层文件夹中,从而有助于对图层进行管理,对于制作场景比较复杂的动画而言,合理、有效地组织图层与图层文件夹是极为重要的。下面便来学习创建图层和图层文件夹的操作,常用方法如下。
1.通过按钮创建
单击【时间轴】面板下方的“新建图层”按钮进行图层的创建,每单击一次便会创建一个普通图层,如图4-3所示。单击【时间轴】面板下方的“新建文件夹”按钮进行图层文件夹的创建,同样每单击一次创建一个图层文件夹,如图4-4所示。
2.通过菜单命令创建
通过选择菜单栏【插入】→【时间轴】→【图层】或【图层文件夹】命令,同样可以创建图层和图层文件夹。
3.通过【时间轴】面板右键菜单创建
在【时间轴】面板左侧的图层处单击鼠标右键,在弹出的快捷菜单中选择【插入图层】
或【插入文件夹】命令,同样可以创建图层和图层文件夹,如图4-5所示.
在【时间轴】面板中,新建的图层或图层文件夹就会出现在当前所选图层的上面,而且成为当前工作图层或当前工作图层文件夹,以蓝色背景显示且名称后带有铅笔图标,如图4-6所示。
4.2.2重命名图层或图层文件夹名称
在【时间轴】面板中,新建图层或图层文件夹后,系统会自动一次命名为“图层1”、“图层2”和“文件夹1”、“文件夹2”等。为了方便管理,用户可以根据需要自行设置名称,不过一次只能重命名一个图层或图层文件夹。重命名图层或图层文件夹名称的方法很简单,首先在【时间轴】面板的某个图层(或图层文件夹)的名称处快速双击,使其进入编辑状态,然后输入新的图层名称,最后按Enter键即可完成重命名操作,如图4-7所示。
4.2.3选择图层与图层文件夹
选择图层与图层文件夹是Flash图层编辑中最基本的操作,如果要对某个图层或图层文件夹进行编辑,必须现将其选择,在Flash软件中选择图层与图层文件夹的操作方法相同,可以选择一个,也可以选择多个,选择的图层(或图层文件夹)会以蓝色背景显示,常用的方法如下。
1.选取单个图层或图层文件夹
在【时间轴】面板左侧的图层或图层文件夹名称处单击,即可将该层或图层文件夹直接选择。
2.连续选择多个图层或图层文件夹
在【时间轴】面板中选择第一个图层(或图层文件夹),然后按住Shift键的同时选择最后一个图层(或图层文件夹),这样就将第一个与最后一个图层(或图层文件夹)中的所有图层(或图层文件夹)全部选择。
3.间隔选择多个图层或图层文件夹
在【时间轴】面板中,按住Ctrl键的同时,单击需要选择的图层(或图层文件夹)名称,可以进行间隔选择,即当前图层(或图层文件夹)与单击的图层(或图层文件夹)为选择的图层(或图层文件夹),如图4-8所示是选择不同图层或图层文件夹的不同显示。
4.2.4调整图层与图层文件夹排列顺序
在【时间轴】面板创建图层或图层文件夹时,会按自下向上的顺序进行添加,当然在动画制作的过程中,用户可以根据需要更该图层(或图层文件夹)的排列顺序,并且还可以将图层与图层文件夹放置在同一个图层文件夹中,常用方法如下。
1.更改图层(或图层文件夹)的顺序
首先选择需要进行排序的图层(或图层文件夹),然后按住鼠标左键,将其名称拖曳到所需位置,释放鼠标即可,拖曳时以一条黑线表示,拖曳的图层(或图层文件夹)可以为单个,也可以为相邻的多个、不相邻的多个,如图4-9所示。
2.将图层(或图层文件夹)移动到目标图层文件夹中
首先选择图层(或图层文件夹),然后按住鼠标左键拖曳,将图层名称拖曳到图层文件夹中,释放鼠标后,那么在该图层文件夹下方就会出现拖曳图层(或图层文件夹),如图4-10所示。
4.2.5显示、隐藏图层与图层文件夹
默认情况下,创建图层与图层文件夹处于显示状态,但是在制作复杂的动画时,有时为了便于观察,可以将某个或者某些图层或图层文件夹进行隐藏,而且在SWF动画文件的发布设置中,还可以选择是否包括隐藏图层,图层与图层文件夹的显示与隐藏操作相同,方法如下。
1.全部图层的显示或隐藏
在【时间轴】面板中,单击上方的“显示或隐藏所有图层”符号,可以将所有图层(或图层文件夹)全部显示或隐藏。如果所有的图层(或图层文件夹)右侧的黑点显示为“红色叉”号,表示全部隐藏;再次单击上方的“眼睛”符号,则红叉号又显示为黑点,表示全部显示。
2.单个图层的显示或隐藏
在【时间轴】面板中,如果相对某个图层(或图层文件夹)进行显示或隐藏,可以单击需要显示或隐藏的图层(或图层文件夹)名称右侧下方的“黑点”符号,同样黑点显示为红叉号,表示隐藏,再次单击,红叉号又显示为黑点,表示显示,如图4-11所示。
注意:在进行图层(或图层文件夹)的显示与隐藏操作时,除了可以通过上面介绍的方法外,在【时间轴】面板中按住Alt键的同时单击图层(或图层文件夹)“显示或隐藏所有图层”符号下方的黑点处,可将除了所选层之外的其他层和图层文件夹隐藏,再次按住Alt键的同时单击,又可以将它们显示。
4.2.6锁定、解除锁定图层与图层文件夹
默认情况下,创建图层与图层文件夹处于解除锁定状态,在进行Flash对象的编辑时,如果工作区域中的对象很多,那么在编辑其中的某个对象时就可能出现影响到其他对象的误操作,针对这一情况可以将不需要的图层与图层文件夹暂时锁定,图层与图层文件夹的锁定和解除锁定操作相同,方法如下。
1.全部图层锁定或解除锁定
在【时间轴】面板中,单击图层上方的“锁定或解除“锁定所有图层”符号,“黑点”
显示为符号时,表示全部图层都被锁定,再次单击“锁定或解除锁定图层”符号,则全部图层都被解除锁定。
2.单击图层锁定或解除锁定
如果需要锁定单个图层,则在锁定的图册名称右侧“锁定或解除锁定所有图层”符号下方的黑点处单击,表示该图层被锁定,如果要将该层解除锁定,再次单击小锁符号,将其显示为黑点即可,如图4-12所示。
注意:在进行锁定与解除锁定图层(或图层文件夹)操作时,按住Alt键的同时单击图层(或图层文件夹)“锁定或解除锁定所有图层”符号下方的黑点处,可锁定除了所选层之外的其他图层和图层文件夹,再次按住Alt键的同时单击,又可以将它们解除锁定。
系统默认情况下Flash创建的动画对象以实体状态显示,在【时间轴】面板中,如果要对图层或图层文件夹进行显示操作,除了可以显示与隐藏、锁定与解除锁定外,还可以根据轮廓的颜色进行显示,如图4-13所示。
图层与图层文件夹的轮廓显示操作相同,方法如下。
1.将全部图层显示为轮廓
在【时间轴】面板中,单击上方的“将所有图层显示为轮廓”符号,可以将所有图层与图层文件夹的对象显示为轮廓。
2.单个图层对象轮廓显示
在【时间轴】面板中,如果需要将单个图层显示为轮廓,单击右侧“将所有图层显示为轮廓”符号下方的方块符号,即可将当前图层的对象以轮廓显示,如图4-14所示。
注意:在进行图层与图层文件夹的轮廓显示操作时,按住Alt键的同时单击图层(或图层文件夹)右侧的方块符号,可将除了所选层之外的其他图层和文件夹舞台中的对象轮廓显示,再次按住Alt键的同时单击,又可以将它们实体显示。
在使用Flash软件制作动画时难免会创建出一些没用的图层,对于一些不必要的图层与图层文件夹需要将其删除,常用的方法如下。
方法一:首先选择需要删除的图层或图层文件夹,然后单击【时间轴】面板下方的“删除”按钮,即可将所选的图层删除,如图4-15所示。
方法二:首先选择需要删除的图层或图层文件夹,然后将其拖曳到【时间轴】面板下方的“删除”按钮处,释放鼠标后,同样将所选的图层删除。
在进行的图层文件夹的删除操作时,会弹出如图4-16所示的提示框,询问是否将该图层文件夹中的嵌套图层也一并删除掉。单击【是】按钮,则将嵌套图层一并删除掉。
除了可以使用前面介绍的方法进行图层的隐藏或显示、锁定或解除锁定以及是否以轮廓显示等属性设置外,在FlashCS5软件中还可以通过【图层属性】对话框进行图层属性的综合设置。选择菜单栏中的【修改】→【时间轴】→【图层属性】命令,或在【时间轴】面板的某个图层处单击右键,选择弹出快捷菜单中的【属性】命令,都会弹出如图4-17所示的【图层属性】对话框。
(1)【名称】:用于图层的命名,通过在右侧的文本框输入文字进行设置。
(2)【显示】:用于设置在场景中显示或隐藏图层的内容,勾选时显示状态,不勾选时为隐藏状态。
(3)【锁定】:用于设置锁定或解除锁定图层,勾选时为锁定状态,不勾选时为隐藏状态。
(4)【类型】:用于设置图层的种类,一般显示为5种,通过点选进行设置。
①【一般】:选择该项,设置选择的图层为系统默认的普通图层。
②【遮罩层】:选择该项,将选择的图层设置为遮罩层,遮罩层对象可以镂空显示出其下面被遮罩层中的对象。
③【被遮罩】:选择该项,将选择的图层设置为被遮罩层,与遮罩层结合使用可以制作遮罩动画。
④【文件夹】:选择该项,将选择的图层设置为文件夹,如果该图层中有动画对象,选择该项后,可弹出一个如图4-18所示的提示框,询问是否将当前层的全部内容删除。
⑤【引导层】:选择该项,将选择的图层设置为引导层,该类型的图层可以制作运动引导层动画。此外引导层还有一个作用就是将图层中的对象注释掉,即此图层中的对象在动画播放时不会显示,只起到参考的作用。
⑥【轮廓颜色】:用于设置当前层中对象的轮廓与颜色以及是否以轮廓状态显示,从而可以帮助用户快速区分对象所在的图层。单击右侧的色块按钮,可以弹出一个颜色设置调色板,在其中可以直接选取一种颜色作为绘制轮廓的颜色:而勾选下方的【将图层视为轮廓】选项,可以将当前图层中的内容以轮廓显示。
⑦【图层高度】:用于设置图层的高度,通过在弹出的下拉列表进行设置,有100%、200%和300%三种。
在FlashCS5软件中,可以将不同的对象放置在不同的图层中,这样就可以在相同的时间段内让不同的动画一起播放,通过前面的学习读者可以了解图层的相关知识,下面通过“上学.fla”实例下来学习动画制作里经常使用的图层操作,其效果如图4-19所示,读者也可以使用该实例练习前面学习的其他图层操作。
管理Flash图层步骤如下。
(1)选择菜单栏中的【文件】→【打开】命令,打开“素材\第4章\上学.fla”文件,如图4-20所示。
在打开的文件中可以观察到该文件中只包括一个图层,而且所有的图形都处于这个图层中,这是动画制作的一大忌,为了便于动画制作,需要将所要制作动画的图形合理安排在不同的图层中。
(2)使用选择工具将舞台右侧的儿童图形选择,然后选择菜单栏中的【编辑】→【剪切】
命令,将选择的图形剪切到剪贴板中,此时舞台中显示的内容如图4-21所示。
(3)单击【时间轴】面板下方的“新建图层”按钮,在“图层1”图层之上创建一个新层,并在新建图层名称处快速双击,然后输入新的名称“儿童”,最后按Enter键,从而“图层1”图层之上创建一个新层“儿童”,如图4-22所示。
(4)选择菜单栏中的【编辑】→【粘贴到当前位置】命令,将刚才剪切的儿童图像粘贴到“儿童”图层舞台原来的位置,如图4-23所示。
(5)使用选择工具并在按住Shift键的同时依次单击,将舞台的单棵大树和三棵小树全部选择,然后单击鼠标右键,在弹出的快捷菜单中选择【分散到图层】命令,如图4-24所示。
(6)此时,每组树木图形在【时间轴】面板中“图层1”的下方会自动生成图层,然后设置各层的名称为“树木1”和“树木2”,如图4-25所示。
(7)由于各树木所处的图层处于“图层1”图层的下方,因此舞台中的各树木被“图层1”
中的对象遮住,在【时间轴】面板中,按住鼠标左键拖曳,将“图层1”图层拖曳到最下方,如图4-26所示。
(8)在【时间轴】面板中选择“树木1”图层,单击下方的“新建文件夹”按钮,在该层之上创建一个新文件夹,设置名称为“树木”,如图4-27所示。