05时间轴.docx
《05时间轴.docx》由会员分享,可在线阅读,更多相关《05时间轴.docx(17页珍藏版)》请在冰豆网上搜索。
05时间轴
课程名称:
Flash软件应用
授课章节:
第五章时间轴的应用
授课课时:
4课时
授课内容:
介绍时间轴的功能特点,以及在制作动画中的具体应用
授课内容:
(一)使用时间轴
1.帧和关键帧
与胶片一样,Adobe®Flash®CS4Professional文档也将时长分为帧。
在时间轴中,使用这些帧来组织和控制文档的内容。
您在时间轴中放置帧的顺序将决定帧内对象在最终内容中的显示顺序。
关键帧是这样一个帧:
其中的新元件实例显示在时间轴中。
关键帧也可以是包含ActionScript®代码以控制文档的某些方面的帧。
还可以将空白关键帧添加到时间轴作为计划稍后添加的元件的占位符,或者显式将该帧保留为空。
属性关键帧是这样一个帧,您在其中定义对对象属性的更改以产生动画。
Flash能补间,即自动填充属性关键帧之间的属性值,以便生成流畅的动画。
通过属性关键帧,不用画出每个帧就可以生成动画,因此,属性关键帧使动画的创建更为方便。
包含补间动画的一系列帧称为补间动画。
补间帧是作为补间动画的一部分的任何帧。
静态帧是不作为补间动画的一部分的任何帧。
在时间轴中排列关键帧和属性关键帧,以控制文档及其动画中的事件序列。
(1)在时间轴中插入帧
•若要插入新帧,请选择“插入”>“时间轴”>“帧”。
•若要创建新关键帧,请选择“插入”>“时间轴”>“关键帧”,或者右键单击(Windows)或按住Control再单击(Macintosh)要在其中放置关键帧的帧,然后从上下文菜单中选择“插入关键帧”。
•若要创建新的空白关键帧,请选择“插入”>“时间轴”>“空白关键帧”,或者右键单击(Windows)或按住Control再单击(Macintosh)要在其中放置关键帧的帧,然后从上下文菜单中选择“插入空白关键帧”。
(2)在时间轴中选择帧
Flash提供两种不同的方法在时间轴中选择帧。
在基于帧的选择(默认情况)中,可以在时间轴中选择单个帧。
在基于整体范围的选择中,在单击一个关键帧到下一个关键帧之间的任何帧时,整个帧序列都将被选中。
在Flash首选参数中可以指定基于整体范围的选择。
•若要选择一个帧,请单击该帧。
如果已启用“基于整体范围的选择”,请按住Ctrl(Windows)或Command(Macintosh)并单击该帧。
•若要选择多个连续的帧,请按住Shift并单击其它帧。
•若要选择多个不连续的帧,请按住Ctrl(Windows)或Command(Macintosh)单击其他帧。
•若要选择时间轴中的所有帧,请选择“编辑”>“时间轴”>“选择所有帧”。
•若要选择整个静态帧范围,请双击两个关键帧之间的帧。
如果已启用“基于整体范围的选择”,请单击序列中的任何帧。
(3)指定基于整体范围的帧的选择
1选择“编辑”>“首选参数”。
2选择“常规”类别。
3在“时间轴”部分,选择“基于整体范围的选择”。
4单击“确定”。
(4)复制或粘贴帧或帧序列
❖请执行下列操作之一:
•选择帧或序列并选择“编辑”>“时间轴”>“复制帧”。
选择要替换的帧或序列,然后选择“编辑”>“时间轴”>“粘贴帧”。
•按住Alt再单击(Windows)或按住Option再单击(Macintosh),并将关键帧拖到要粘贴的位置。
(5)删除帧或帧序列
❖选择帧或序列并选择“编辑”>“时间轴”>“删除帧”,或者右键单击(Windows)或按住Control再单击(Macintosh)帧或序列,从上下文菜单中选择“删除帧”。
周围的帧保持不变。
(6)移动关键帧或帧序列及其内容
❖将关键帧或序列拖到目标位置。
(7)更改静态帧序列的长度
❖在按住Control(Windows)或Command(Macintosh)的同时向左或向右拖动范围的开始或结束帧。
(8)将关键帧转换为帧
❖选择关键帧并选择“编辑”>“时间轴”>“清除关键帧”,或者右键单击(Windows)或按住Control再单击(Macintosh)关键帧并从上下文菜单中选择“清除关键帧”。
被清除的关键帧以及到下一个关键帧之前的所有帧的舞台内容都将由被清除的关键帧之前的帧的舞台内容所替换。
2.创建和组织图层
图层可以帮助您组织文档中的插图。
可以在图层上绘制和编辑对象,而不会影响其它图层上的对象。
在图层上没有内容的舞台区域中,可以透过该图层看到下面的图层。
要绘制、涂色或者对图层或文件夹进行修改,请在时间轴中选择该图层以激活它。
时间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态。
一次只能有一个图层处于活动状态(尽管一次可以选择多个图层)。
创建Flash文档时,其中仅包含一个图层。
要在文档中组织插图、动画和其它元素,请添加更多的图层。
还可以隐藏、锁定或重新排列图层。
可以创建的图层数只受计算机内存的限制,而且图层不会增加发布的SWF文件的文件大小。
只有放入图层的对象才会增加文件的大小。
要组织和管理图层,请创建图层文件夹,然后将图层放入其中。
可以在时间轴中展开或折叠图层文件夹,而不会影响在舞台中看到的内容。
对声音文件、ActionScript、帧标签和帧注释分别使用不同的图层或文件夹。
这有助于快速找到这些项目以进行编辑。
为了有助于创建复杂效果,请使用特殊的引导层,以便更容易地进行绘画和编辑以及创建遮罩层。
可以在Flash中使用五种类型的图层:
•常规层包含FLA文件中的大部分插图。
•遮罩层包含用作遮罩的对象,这些对象用于隐藏其下方的选定图层部分。
•被遮罩层是位于遮罩层下方并之关联的图层。
被遮罩层中只有未被遮罩覆盖的部分才是可见的。
•引导层包含一些笔触,可用于引导其他图层上的对象排列或其他图层上的传统补间动画的运动。
•被引导层是与引导层关联的图层。
可以沿引导层上的笔触排列被引导层上的对象或为这些对象创建动画效果。
被引导层可以包含静态插图和传统补间,但不能包含补间动画。
常规层、遮罩层、被遮罩层和引导层可以包含补间动画或反向运动骨骼。
当上述某个图层中存在这些项目时,可向该图层添加的内容类型将受到限制。
(1)创建图层
创建一个图层之后,该图层将出现在所选图层的上方。
新添加的图层将成为活动图层。
❖请执行下列操作之一:
•单击时间轴底部的“新建层”按钮。
•选择“插入”>“时间轴”>“图层”。
•右键单击(Windows)或按住Control单击(Macintosh)时间轴中的一个图层名称,然后从上下文菜单中选择“插入图层”。
(2)创建图层文件夹
❖请执行下列操作之一:
•在时间轴中选择一个图层或文件夹,然后选择“插入”>“时间轴”>“图层文件夹”。
•右键单击(Windows)或按住Control单击(Macintosh)时间轴中的一个图层名称,然后从上下文菜单中选择“插入文件夹”。
新文件夹将出现在所选图层或文件夹的上方。
•单击时间轴底部的“新建文件夹”图标。
新文件夹将出现在所选图层或文件夹的上方。
(3)组织图层和图层文件夹
要组织您的文档,请在时间轴中重新排列图层和文件夹。
通过图层文件夹,可以将图层放在一个树形结构中,这样有助于组织工作流程。
要查看文件夹包含的图层而不影响在舞台中可见的图层,请展开或折叠该文件夹。
文件夹中可以包含图层,也可以包含其它文件夹,使您可以像在计算机中组织文件一样来组织图层。
时间轴中的图层控制将影响文件夹中的所有图层。
例如,锁定一个图层文件夹将锁定该文件夹中的所有图层。
•要将图层或图层文件夹移动到图层文件夹中,请将该图层或图层文件夹的名称拖到目标图层文件夹的名称中。
•要更改图层或文件夹的顺序,请将时间轴中的一个或多个图层或文件夹拖到所需位置。
•要展开或折叠文件夹,请单击该文件夹名称左侧的三角形。
•要展开或折叠所有文件夹,请右键单击(Windows)或按住Control单击(Macintosh),然后选择“展开所有文件夹”或“折叠所有文件夹”。
(4)重命名图层或文件夹
默认情况下,新图层是按照创建顺序命名的:
第1层、第2层,依此类推。
为了更好地反映图层的内容,可以对图层进行重命名。
❖请执行下列操作之一:
•双击时间轴中图层或文件夹的名称,然后输入新名称。
•右键单击(Windows)或按住Control单击(Macintosh)图层或文件夹的名称,然后从上下文菜单中选择“属性”。
在“名称”框中输入新名称,然后单击“确定”。
•在时间轴中选择该图层或文件夹,然后选择“修改”>“时间轴”>“图层属性”。
在“名称”框中输入新名称,然后单击“确定”。
选择图层或文件夹
❖请执行下列操作之一:
•单击时间轴中图层或文件夹的名称。
•在时间轴中单击要选择的图层的任意一个帧。
•在舞台中选择要选择的图层上的一个对象。
•要选择连续的几个图层或文件夹,请按住Shift在时间轴中单击它们的名称。
•若要选择几个不连续的图层或文件夹,请按住Ctrl(Windows)或Command(Macintosh)单击时间轴中它们的名称。
(5)复制图层
1要选择整个图层,请单击时间轴中的该图层名称。
2要创建图层,请单击“插入图层”按钮。
3选择“编辑”>“时间轴”>“复制帧”。
4单击该新图层,然后选择“编辑”>“时间轴”>“粘贴帧”。
(6)复制图层文件夹的内容
1折叠文件夹(单击时间轴中文件夹名称左侧的三角形),然后单击该文件夹的名称以选择整个文件夹。
2选择“编辑”>“时间轴”>“复制帧”。
3要创建文件夹,请选择“插入”>“时间轴”>“图层文件夹”。
4单击该新文件夹,然后选择“编辑”>“时间轴”>“粘贴帧”。
(7)删除图层或文件夹
1要选择图层或文件夹,请单击时间轴中该图层或文件夹的名称,或者单击图层中的任意一个帧。
2请执行下列操作之一:
•单击时间轴中的“删除图层”按钮。
•将图层或文件夹拖到“删除图层”按钮。
•右键单击(Windows)或按住Control单击(Macintosh)该图层或文件夹的名称,然后从上下文菜单中选择“删除图层”。
注:
删除图层文件夹时,将包含其中所有的图层和内容。
(8)锁定或解锁一个或多个图层或文件夹
•要锁定图层或文件夹,请单击该图层或文件夹名称右侧的“锁定”列。
要解锁该图层或文件夹,请再次单击“锁定”列。
•要锁定所有图层和文件夹,请单击挂锁图标。
要解锁所有图层和文件夹,请再次单击它。
•要锁定或解锁多个图层或文件夹,请在“锁定”列中拖动。
•若要锁定所有其它图层或文件夹,请按住Alt单击(Windows)或按住Option单击(Macintosh)图层或文件夹名称右侧的“锁定”列。
要解锁所有图层或文件夹,请再次按住Alt单击或按住Option单击“锁定”列。
3.查看图层和图层文件夹
(1)显示或隐藏图层或文件夹
时间轴中图层或文件夹名称旁边的红色X表示图层或文件夹处于隐藏状态。
在发布设置中,可以选择在发布SWF文件时是否包括隐藏图层。
•要隐藏图层或文件夹,请单击时间轴中该图层或文件夹名称右侧的“眼睛”列。
要显示图层或文件夹,请再次单击它。
•要隐藏时间轴中的所有图层和文件夹,请单击眼睛图标。
若要显示所有图层和文件夹,请再次单击它。
•要显示或隐藏多个图层或文件夹,请在“眼睛”列中拖动。
•若要隐藏除当前图层或文件夹以外的所有图层和文件夹,请按住Alt单击(Windows)或按住Option单击(Macintosh)图层或文件夹名称右侧的“眼睛”列。
要显示所有图层和文件夹,请再次按住Alt单击或按住Option单击。
(2)以轮廓查看图层上的内容
要区分对象所属的图层,请用彩色轮廓显示图层上的所有对象。
•要将图层上所有对象显示为轮廓,请单击该图层名称右侧的“轮廓”列。
要关闭轮廓显示,请再次单击它。
•要将所有图层上的对象显示为轮廓,请单击轮廓图标。
要关闭所有图层上的轮廓显示,请再次单击它。
•若要将除当前图层以外的所有图层上的对象显示为轮廓,请按住Alt单击(Windows)或按住Option单击(Macintosh)图层名称右侧的“轮廓”列。
要关闭所有图层的轮廓显示,请再次按住Alt单击或按住Option单击。
(3)更改图层的轮廓颜色
1请执行下列操作之一:
•双击时间轴中图层的图标(即该图层名称左侧的图标)。
•右键单击(Windows)或按住Control单击(Macintosh)该图层名称,然后从上下文菜单中选择“属性”。
•在时间轴中选择该图层,然后选择“修改”>“时间轴”>“图层属性”。
2在“图层属性”对话框中,单击“轮廓颜色”框,选择一种新颜色,再单击“确定”。
注:
图层上的运动路径也使用图层轮廓颜色。
4.引导层
为了在绘画时帮助对齐对象,请创建引导层,然后将其它图层上的对象与在引导层上创建的对象对齐。
引导层不会导出,因此不会显示在发布的SWF文件中。
任何图层都可以作为引导层。
图层名称左侧的辅助线图标表明该层是引导层。
(1)创建引导层
❖选择该层,然后右键单击(Windows)或按住Control单击(Macintosh),然后从上下文菜单中选择“引导层”。
要将该层改回常规层,请再次选择“引导层”。
(2)创建运动引导层
若要控制传统补间动画中的对象的移动,请创建运动引导层。
无法将补间动画图层或反向运动姿势图层拖动到引导层上。
❖将常规层拖动到引导层上。
此操作会将引导层转换为运动引导层,并将常规层链接到新的运动引导层。
注:
为了防止意外转换引导层,可以将所有的引导层放在图层顺序的底部。
5.关于多个时间轴和级别
Flash®Player中的各层按一定顺序堆叠。
每个Flash文档在FlashPlayer的第0层都有一个主时间轴。
使用loadMovie命令可以将其他Flash文档(SWF文件)加载到FlashPlayer中的不同层上。
如果将文档加载到第0层之上的层中,文档就会像透明纸上的绘画一样层层叠放;如果舞台上没有内容,则能看到较低层上的内容。
如果将文档加载到第0层中,它将替换主时间轴。
加载到FlashPlayer层中的每个文档都有自己的时间轴。
时间轴可以通过ActionScript相互发送消息。
例如,一个影片剪辑中最后一帧上的动作可以指示开始播放另一个影片剪辑。
若要使用ActionScript控制某个时间轴,您必须使用目标路径来指定该时间轴的位置。
6.关于潜逃的影片剪辑和父子层次结构
在Flash文档中创建影片剪辑实例时,该影片剪辑具有自己的时间轴。
每个影片剪辑元件都有自己的时间轴。
影片剪辑的时间轴嵌套在文档的主时间轴内。
此外,还可以将影片剪辑实例嵌套在其它影片剪辑元件中。
一个影片剪辑在Flash文档中创建或在其它影片剪辑中嵌套后,便会成为该文档或影片剪辑的子级,而该文档或影片剪辑则成为父级。
嵌套的影片剪辑之间的关系是层次结构关系:
对父级所做的更改会影响子级。
每层的根时间轴是该层上所有影片剪辑父级,并且因为它是最顶层的时间轴,所以它没有父级。
在“影片浏览器”面板中,可以通过从面板菜单中选择“显示元件定义”查看文档中嵌套影片剪辑的层次结构。
若要理解影片剪辑层次结构,可参考计算机上的层次结构:
硬盘有一个根目录(或文件夹)和多个子目录。
根目录类似于Flash文档的主(或根)时间轴:
它是所有其它目录的父级。
而子目录则类似于影片剪辑。
在Flash中可以使用影片剪辑层次结构来组织相关的对象。
例如,可以创建一个包含汽车移过舞台的Flash文档。
可以使用一个影片剪辑元件表示汽车,并建立补间动画让汽车移过舞台。
若要添加旋转的车轮,可以创建一个车轮影片剪辑,然后创建该影片剪辑的两个实例,分别命名为frontWheel和backWheel。
然后,将车轮放在汽车影片剪辑的时间轴上,而不要放在主时间轴上。
对car所做的任何更改都会影响作为car子级的frontWheel和backWheel;当汽车以补间动画的方式移过舞台时,它们会随着汽车一起移动。
要使这两个车轮实例旋转,您可以建立旋转车轮元件的补间动画。
即使在更改frontWheel和backWheel之后,它们也会继续受其父影片剪辑car上的补间的影响;车轮一边旋转,一边随父影片剪辑car一同移过舞台。
(二)使用场景
要按主题组织文档,可以使用场景。
例如,可以使用单独的场景用于简介、出现的消息以及片头片尾字幕。
尽管使用场景有一些缺陷,在某些情况下(例如创作长篇幅动画时),这些缺陷几乎不会出现。
在使用场景时,不再必须管理大量的FLA文件,因为每个场景都包含在单个FLA文件中。
使用场景类似于使用几个FLA文件一起创建一个较大的演示文稿。
每个场景都有一个时间轴。
文档中的帧都是按场景顺序连续编号的。
例如,如果文档包含两个场景,每个场景有十帧,则场景2中的帧的编号为11到20。
文档中的各个场景将按照“场景”面板中所列的顺序进行播放。
当播放头到达一个场景的最后一帧时,播放头将前进到下一个场景。
场景的缺点
发布SWF文件时,每个场景的时间轴会合并为SWF文件中的一个时间轴。
将该SWF文件编译后,其行为方式与使用一个场景创建的FLA文件相同。
由于这种行为,场景会存在一些缺点:
•场景会使文档的编辑变得混乱,尤其是在多作者环境中。
任何使用该FLA文档的人员可能都需要在一个FLA文件内搜索多个场景来查找代码和资源。
请考虑改为加载外部SWF内容或使用影片剪辑。
•场景通常会导致SWF文件很大。
使用场景会使您倾向于将更多的内容放在一个FLA文件中,从而产生更大的FLA文件和SWF文件。
•场景将强迫用户连续下载整个SWF文件,即使用户不愿或不想观看全部文件。
如果不使用场景,则用户可以在浏览SWF文件的过程中控制想要下载的内容。
•与ActionScript结合的场景可能会产生意外的结果。
因为每个场景时间轴都压缩至一个时间轴,所以可能会遇到涉及ActionScript和场景的错误,这通常需要进行额外的复杂调试。
控制场景播放
要在每个场景之后停止或暂停文档,或允许用户以非线性方式浏览文档,可以使用ActionScript。
1.显示场景面板
❖选择“窗口”>“其它面板”>“场景”。
2.添加场景
❖选择“插入”>“场景”,或单击“场景”面板中的“添加场景”按钮。
3.删除场景
❖单击“场景”面板中的“删除场景”按钮。
4.更改场景的名称
❖在“场景”面板中双击场景名称,然后输入新名称。
5.重制场景
❖单击“场景”面板中的“直接重制场景”按钮
6.更改文档中场景的顺序
❖在“场景”面板中将场景名称拖到不同的位置。
7.查看特定的场景
❖选择“视图”>“转到”,然后从子菜单中选择场景的名称。
(三)时间轴和ActionScript
使用ActionScript®,可以在运行时控制时间轴。
使用ActionScript,可以在FLA文件中创建交互和其他功能,仅使用时间轴是不能创建它们的。
1.绝对路径
绝对路径以文档加载到其中的层名开始,直至显示列表中的目标实例。
也可以使用别名_root来指示当前层的最顶层时间轴。
例如,影片剪辑california中引用影片剪辑oregon的动作可以使用绝对路径_root.westCoast.oregon。
在FlashPlayer中打开的第一个文档被加载到第0层。
您必须给加载的所有其它文档分配层号。
在ActionScript中使用绝对引用来引用一个加载的文档时,可以使用_levelX的形式,其中X是文档加载到的层号。
例如,在FlashPlayer中打开的第一个文档叫做_level0;加载到第3层的文档叫做_level3。
要在不同层的文档之间进行通信,必须在目标路径中使用层名。
下面的例子显示portland实例如何定位名为georgia的影片剪辑上的atlanta实例(georgia与oregon位于同一层):
_level5.georgia.atlanta
您可以使用_root别名表示当前层的主时间轴。
对于主时间轴,当_root别名被同在_level0上的影片剪辑作为目标时,则代表_level0。
对于加载到_level5的文档,如果被同在第5层上的影片剪辑作为目标,则_root等于_level5。
例如,如果影片剪辑southcarolina和florida都加载到同一层,从实例southcarolina调用的动作就可以使用以下绝对路径来指向目标实例florida:
_root.eastCoast.florida
2.相对路径
相对路径取决于控制时间轴和目标时间轴之间的关系。
相对路径只能确定FlashPlayer中它们所在层上的目标的位置。
例如,在_level0上的某个动作以_level5上的时间轴为目标时,不能使用相对路径。
在相对路径中,使用关键字this指示当前层中的当前时间轴;使用_parent别名指示当前时间轴的父时间轴。
您可以重复使用_parent别名,在FlashPlayer同一层内的影片剪辑层次结构中逐层上升。
例如,_parent._parent控制影片剪辑在层次结构中上升两层。
FlashPlayer中任何一层的最顶层时间轴是唯一具有未定义_parent值的时间轴。
实例charleston(较southcarolina低一层)时间轴上的动作,可以使用以下目标路径将实例southcarolina作为目标:
_parent
若要从charleston中的动作指向实例eastCoast(上一层),可以使用以下相对路径:
_parent._parent
若要从charleston的时间轴上的动作指向实例atlanta,可以使用以下相对路径:
_parent._parent.georgia.atlanta
相对路径在重复使用脚本时非常有用。
例如,您可以将以下脚本附加到某个影片剪辑,使其父级放大150%:
onClipEvent(load){_parent._xscale=150;_parent._yscale=150;}
您可以通过将此脚本附加到任意影片剪辑实例来重复使用该脚本。
注:
FlashLite1.0和1.1只支持将脚本附加到按钮。
不支持将脚本附加到影片剪辑。
无论使用绝对路径还是相对路径,都要用后面跟着表明变量或属性名称的点(.)来标识时