时间轴、层与帧

《时间轴、层与帧》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第八章时间轴、层与帧第一节时间轴第二节层第三节帧本章小结习题八时间轴是Flash的核心，用于组织和控制动画内容在特定的时间出现在舞台上。在默认情况下，时间轴位于工作界面的顶部，如图8.1.1所示。第一节时间轴图8.1.1时间轴一、时间轴的组成时间轴主要由播放指针、层、帧、绘图纸工具、播放时间、帧频、帧浏览选项等组成，如图8.1.2所示。图8.1.2时间轴的组成（1）播放指针：由　和一条垂直细线组成，用于指示某一帧为当前帧。　　（2）层：类似于堆叠在一起的透明纸，用于存放动画中的内容，其类型与操作将在第二节中

2、具体介绍。　　（3）帧：是Flash动画的基本单位，用于代表不同的时刻。　　（4）绘图纸工具：用于查看动画在每个帧状态下的相对位置，如图8.1.3所示。图8.1.3使用绘图纸工具显示动画前后的效果（5）播放时间：是第1帧与当前帧之间播放的时间间隔。　　（6）帧频：用于控制动画播放的速度，其单位为“fps”，数值越大，速度越快，反之速度越慢。　　（7）帧浏览选项：单击右上角的“帧浏览选项”按钮　，将弹出如图8.1.4所示的下拉菜单，用户可以从中选择需要的帧浏览选项。图8.1.4“帧浏览选项”下拉菜单二、

3、时间轴的操作用户可以根据习惯调整时间轴的位置及尺寸，可以使其处于嵌入状态或浮动状态，也可以将其显示或隐藏。1．改变时间轴的位置及尺寸　　按住并拖动时间轴的左上角，即　　　　　中的任意位置，可以改变时间轴的位置，使其位于工作界面的下部或者两侧，如图8.1.5所示。图8.1.5改变时间轴的位置将鼠标指针移动到时间轴的边缘，当其呈现　形状时，按住并拖动鼠标可以调整时间轴的尺寸，如图8.1.6所示。　　注意：如果有许多层，无法在时间轴中全部显示，用户可以使用时间轴右侧的滚动条来查看。图8.1.6改变时间轴的尺寸2

4、．使时间轴处于嵌入状态或浮动状态　　以上介绍的时间轴均处于嵌入状态，如果要将它变成浮动状态，即作为一个独立的窗口显示出来，需要按住并拖动时间轴的左上角，然后在不靠近工作区边缘的位置释放鼠标左键，如图8.1.7所示。图8.1.7改变时间轴为浮动状态3．显示或隐藏时间轴　　如果用户觉得时间轴妨碍工作，可以单击“时间轴”按钮，将其隐藏，等需要时再显示，如图8.1.8所示。　　注意：也可以选择“窗口”→“时间轴”命令，将其暂时关闭，等需要时再打开。图8.1.8显示或隐藏时间轴三、时间轴特效Flash8中包含了许

5、多时间轴特效，包括变形、转换、分散式直接复制、复制到网格、分离、展开、投影和模糊等，通过添加这些特效，用户可以执行最少的步骤创建复杂的动画效果。1．添加时间轴特效　　可以添加时间轴特效的对象有文本、图形、位图和元件等，当用户向某一对象添加时间轴特效时，Flash会自动创建一个新层，并将该对象及相关内容传输到该层。下面以变形效果为例为图片添加特效，操作步骤如下：（1）新建一个Flash文件。　　（2）选择“文件”→“导入”→“导入到舞台”命令，弹出“导入”对话框，导入一张图片到舞台上。　　（3）选中图片，

6、选择“插入”→“时间轴特效”→“变形/转换”→“变形”命令，弹出如图8.1.9所示的“变形”对话框。左侧是设置区域，能够改变对象的默认值；右侧是预览区，用户在左侧对图形进行修改后，单击“更新预览”按钮即可预览到修改后的效果，如图8.1.10所示。图8.1.9“变形”对话框图8.1.10预览效果（4）设置完成后单击“确定”按钮即可，此时，时间轴面板如图8.1.11所示。　　（5）按Ctrl+Enter键预览动画效果。图8.1.11添加变形特效后的时间轴面板2．设置时间轴特效　　每一种时间轴特效都拥有自己的参

7、数，用户可以根据需要进行设置，下面介绍各种时间轴特效的参数设置。　　（1）变形特效。该特效用于制作移动、缩放、旋转、淡入淡出等效果，其参数如图8.1.9所示，各选项的含义如下：1）效果持续时间：设置变形特效持续的时间。2）更改位置方式：设置对象在X轴与Y轴方向上的偏移量。3）缩放比例：设置对象的缩放比例。4）旋转：设置对象的旋转角度和次数。5）更改颜色：应用或取消颜色的更改。6）最终颜色：设置对象最终的颜色。7）最终的Alpha：设置对象最终的Alpha值，即透明度。8）移动减慢：设置对象速度变化的方式，当

8、值为负数时，速度变化由慢到快；当值为正数时，速度变化由快到慢。（2）转换特效。该特效用于制作向内擦除或向外擦除对象的效果。选中要添加转换特效的对象，选择“插入”→“时间轴特效”→“变形/转换”→“转换”命令，弹出“转换”对话框，如图8.1.12所示。图8.1.12“转换”对话框该对话框中各参数的含义如下：1）效果持续时间：设置转换特效持续的时间。2）方向：设置转换特效的方向。3）淡化：设置淡化效果。