第2章_Flash帧和时间轴.

1、教学目的本章主要介绍了时间轴、帧的各种操作:时间轴与帧的 操作是制作动画的基木操作，在以后绝人多数复杂动画的 制作中，时间轴与帧的使用是至关重要的。通过本章内容 的学习，能了解帧的类型、掌握帧和时间轴的编辑方法与 帧动画的创建。教学重点及难点时间轴和帧的操作方法教学方法讲授法、多媒体演示。1.1帧的概念Flash动画出一个个画面组成，实际每一个画面 就是一个帧，可以把帧看作是Fbsh动画中在最短时 间单位里出现的画而。一个完整的Flash动画就是由 许多帧组成，播放时依次显示毎一帧屮的内容。通过 连续播放这些帧，从【佰实现所要农达的动间效果。帧 越多，动画需要播放的画血也越多，播放的内容越多

2、时间就越长。Flash动BQ设计与制作1.2帧的作用帧在Flash动画中的作用和电影胶片在电 影中所起的作用类似，可以衣现画血的内容。 而且在帧中还能够添加帧标签或Actions语句 ,对Fhsh动画中的元件进行运算和控制。1.4Flash动BQ设计与制作1.3帧的类型在Flash 8的丄作界血中，时间轴中的每 一个小方格就代夷一个帧，一个帧包含了动画 中某一时刻的画而。帧是组成动画的基本单位 ,可分为亲键帧、普通帧和空白关键帧3种，它 们在时间轴中各自的表示方法如图所示。关键帧-齊通帧空门关键帧1.8冋ash动画设计与制作1.8冋ash动画设计与制作令定义:帧就像电影中的底儿基本丄制作动画

3、的大部分操作都是对帧的操作；申类型：牛关键巾贞申空白关键帧卄通帧金帧的操作：复制、删除、移动、插入、翻转帧频：fps帧/秒（表示一秒钟播放多少帧）默认为12fps关键帧 F6添加关键帧，以实心表示1.8冋ash动画设计与制作t Shift+F6-删除关键帧关键帧是用丁定义变化的帧，每一个关键帧 都有自己独立的场景；軫添加关键帧时,会复制前一关键帧的内容;当将关键帧中的场景内祁删除丿忆关键帧会空白关键帧 F7添加空白关键帧，以空心圆表示是特殊的关键帧有自己的独立的场景，但 是场景中没有任何对象存在；如杲在空白关键帧的场景中添加对象，那 空口关键帧会自动转换为关键帧；一般情况下，新建图层的第一帧都

4、为空白 关键帧1.8冋ash动画设计与制作普通帧延续帧 F5添加曹通帧Shift+F5删除普通帧e普通帧只是简单地延续前一关键帧中的场景内 容；普通帧没有自己的场景，它与它的前一关键帧共 享场昴改变普通帧中对彖实是在改前一关键帧的刘 象；两入关键帧Z间（包括空白关键帧）会自动控制1.4帧的显示状态在Flash中，时间轴上帧的显 示状态可以根据实卩小需要进行不同 的设置。单击时间轴标尺右侧的 按钮,将弹出如图所示帧的视图菜 单，选择不同的选项可设置帧的显 示状态。彳R小中大 預览 关联预览较短彩色显示帧1.10Flash动颈设计与制作1.5帧的操作创建帧 复制帧删除Wt清除帧翻转帧设置帧频1.1

5、1Flash动SB设计与制作1.5帧的操作1. 5. 1 选择帧要编辑帧，首先得选择帧。/Flash中可以选择单-帧， 也話逸择多帧，其方法如Ko在时间轴上单击要选择的帧格，可以选中单帧，被 选中的帧以黑色显示。若要选择连续的多帧，可先选中第一个帧，然后按 住Shift键单击需要选择的最后一个帧,即可将 中间的帧全部选中要选择不连续的多帧，可先选中第一个帧，然后按 住【Ctrl】键单击其他需要选择的帧格即可。在图层区中单击某一图层名称，可选中该图层中所 有帧。1.12Flash动Bi设计与制作152创建帧创建关键帧创建普通帧创建空白关键帧创建关键帧的方法有以下几种。选中需耍创建关键帧的帧格，按

6、【F6】键创建关键 帧。选中需要创建关键帧的帧格，选择【插入 I时 间轴关键帧菜单命令即可，并且插入的关 键帧中有前一关键帧的内容。用鼠标右键单击要插入关键帧的帧格，在弹出的快 捷菜单中选择“插入关键帧”命令。1.14Flash动颈设计与制作创建普通帧创建普通帧的方法有以下儿种。选中需要创建普通帧的帧格，按【F5】键创建普通 帧。选中需要创建普通帧的帧格，选择插入时间 轴帧菜单命令。在需要创建普通帧的帧格上单击鼠标右键，在弹出 的快捷菜单中选择“插入帧”命令。1.15冋ash动颈设计与制作创建空白关键帧创建空白关键帧的方法有以下几种。选中需要创建空口关键帧的帧格，按【F7】键创建 空白关键帧。

7、在需要创建空口关键帧的帧格上单击鼠标右键，在 弹出的快捷菜单中选择“插入空白关键帧”命令。如果前一个关键帧中有内容，选中耍插入空白关键 帧的帧格，逸择插入时间轴空白关 键帧菜单命令。如果前一个关键帧中没勺内容， 直接插入关键帧即可得到空白关键帧。1.16Flash动Hi设计与制作1.5.3移动帧/F制作动画的过程中，有时需要对帧进行移 动，移动帧的方法令以下两种。选中要移动的帧，按住鼠标左键并拖动到碍要的 位置释放鼠标，如图所示。在要移动的帧上单击鼠标右键，在弹山的快捷菜 单中选择“剪切帧”命令。然后在H标位置上单 占鼠标右键，在弹出的快捷菜单中选择“粘贴帧 ”命令。1.17冋ash动Hj设计

8、与制作1.5.4复制帧在制作动画时，有时需要对帧进行复制，其 具体操作如下。（1）在要复制的帧上单击鼠标右键，在弹出的快捷 菜单中选择“复制帧”命令。（2）用鼠标右键单击冃标帧，A弹出的快捷菜单中 选择“粘贴帧”命令，即可将复制的帧及其内容粘 贴到目标帧中。1.18Flash动颈设计与制作1.5.5删除帧在制作动画时，如果创建的帧不符合 要求或不再需要，可以将其删除。删除帧的 方法足选择耍删除的帧，在其上单击鼠标右 键，在弹出的快捷菜单中选择“删除帧”命 令。1.5.7清除帧在制作动画时，如果不再需要所创建的 帧中的内容，可以将内容清除。在要清除的帧上单/鼠标右键，在弹出 的快捷菜单中选择“淸

9、除帧”命令，可以淸 除帧中的内容并将该帧转化为空白关键帧。1.20Flash动Hi设计与制作如果要使动画多个帧的播放顺序颠倒，可以 进行翻转帧操作。其方法是在时间轴中选中要翻 转的帧格，单击鼠标右键，在弹出的快捷菜单中 选择“翻转帧”命令，将选屮帧的播放顺序进行 翻转。1.21Flash动Bi设计与制作1.5.9设置帧频帧频决定动画播放的连贯件与平滑性，设置帧频就足设 置动画的播放速度，帧频越大，播放速度越快，帧频 越小，播放速度越慢。设定帧频的具休操作如下。（1）在时间轴的状态栏上双击12”團标，打开如 图所示的“文档属性”对话框。（2）在“帧频”文本框中输入需要设定的频率，系统默认帧频为1

10、2fps,它是互联网上最适合的帧频。（3）单击 口0 按钮后完成帧频设置。g I卩如|为51*1ICm觀UMU OITWDauwxm ”*强皿百1 s| V4T31.22Flash动Bi设计与制作任务1眨眼睛的小男孩本例制作一个小男孩眨眼睛的动曲。首先通过导入功 能为动曲添加背景，然后导入小男孩图片，并通过绘图工 具绘制小男孩眼睛IW开的形状，最后插入空门关键帧与关 键帧，通过绘图I:具绘制小男孩眼睛闭上的形状，使睁眼1.23Flash动颈设计与制作本例制作-个倒计时动画。首先通过导入功 能为动画添加背景，然后插入关键帧，最后在帧 丄放置动画元秦。完成后h勺效果如卜图所示。1.24Flash动

11、Bi设计与制作2.1时间轴图层目录帧号关键帧播放头 帧时间标尺4 m*空门关键帧帧速播放到当询帧所花 帧数 费的时间洋葱皮（绘图纸）中间帧1.26Flash动Hi设计与制作1.#Flash动Hi设计与制作时间轴定义$时间轴面板主要用于组织和控制影片中图层 和帧的内容，使这些内容提要随着时间的推 移而发生相应的变化；时间轴主要由以下对象组成：图层图层包含的帧Q播放头1.#Flash动Hi设计与制作2. 1.2图层串作用和特点：令管理动画中的对象；0图层是透明的，透过阳层中没令对象的区域，可以 看到下面图层中的对象；壬增加图屋的数量丿、会增加输出影片文件swf的大 小,会增加tu文件的大小；一般组

12、成动画的各个小动画要放虫在不同的图层 *操作:新建删除垂命名）帧序锁定隐藏 爭分类:艸通图层、引导图层、遮罩图1.27Flash动颈设计与制作时间轴是Flash中最竜要和最核心的部分，所有的动 画顺序、动作行为、控制命令以及声音等都赴在时 间轴中编排的.时间轴面板可分为左右两部分：图层面板和帧面板.每个图层可以包含任意数量的对象：这些对条在图层上又 肴旨己内廂的层叠顺序。每个图层都有独立的时间轴和独立的一系列的帧，各图层 可以独立地进行编辑。各个图层的帧在时间上是互相对应的，所以在播放时可见 的各个图层重叠在一起播放，就形戌了复杂的动画效果.1.28Flash动颈设计与制作帧构建动画的最基本元

13、素之一。:：*不同帧的前后顺序将关系到这些帧中的内容在影片 播放中出现的顺序.分三种类别：普通帧（过渡帧）.关键帧和空白关键帧.播枚头：用来指示当前所在帧“在舞台上按下Enters在编辑状态下运行彩片，播放头也会随着彭 片的播放而向前移动，指示出播放到的帧的位鼻.如果正在处理大量的帧，无法一次全部显示在时间轴上，可以施 动播放头沿着时间轴移动，从而轻易地屯位到目标帧.搐放头的移动是有一定范圖的，政远只能移动到时间轴中定汉过 的最后一枝，不能移动到时间轴上未定丈过的帧.所以在动画制作过程中，往往需要加入多个层来 辅助制作，建立层的数目只取决于计算机内存，不会 增大动画文件的尺寸.因此在动画制作中

14、灵活地掌握 与使用层，就可以制作出各种特殊效果.图层的基本操作是通过时间轴面板的图层控制区 上的工具来实现，61图所示为一个典型的时间轴面 板中的图层控制区.图层的数量是不限定的，可以腹 便添加，视动画作品的需要而定在Flash CS中， 图层共分为5种类型，即一般图层、遮罩图层、被遮 罩图层、引导图层和被引导图层。1.30Flash动颈设计与制作时间袖i动画图6. L图层而板 每个图层都包舍一些辛台中的动両元素（包括声音戎action指令语句）上面图星中的元素遮盖下面图层中的元素.图层有以下儿科：1.32Flash动Hi设计与制作时间袖i动画层文件夹，倒标是呂心 纽织动画序列的纽件和分為动画

15、对引导展，图标S 使爼被引导层”中的元件沿引导线运 动，该层下的图层为械引导层”.遮罩层，图标是使被追罩层中的动画无素只能透过遮罩层披看到.该屋下的图层就是“破遮罩层”，屋图标畫Q普通层，图标是,放置各种动画元素。1.32Flash动Hi设计与制作2.2.1管谡（）新增图层“新建图层”按钮莱单项“插入I时间轴I图层“修改【文*命令控制（0 N元祥（.art“引导展6 丁件界VrAXftAB.右钝快捷茱单“插入图层” 图层数量不会彩响丈件的大小, 但会受内存的限制.重命名图层在层名上双击右復快捷菜单“属性”，弹t“属性”对话扌1.33Flash动Hi设计与制作闽辰的管理（2）0 H1W 2 _X

16、 Q ffl 层 1口HMt L I 改变图层顺序“图层”面板上用鼠标进行拖由 选择图层 每次只能编辑一个图层，图层只有成为半前层才能进行編辑。 当前层的名称旁边有个铅笔的图标. 三种选择图层的方法： 单击时间轴上该层的任意一桢； 单击时间轴上建层的名称； 选取工作区中的对象，则对象所在的图层被选中. 按住Shifts,单击【时间轴】面板中起始和结束位置的图层的龙 称，可以选中连续图层. 按住CtrhJt,单击【时间轴】面板中的图层名称，可以选中不连| 1 续的图层.g作flU KC . .BT tF6WUAwrEX卄arm选择图层，然后单击时间轴面板上的“删除”按钮;亠_ 将要別除的图层拖拽

17、到“删除”按钮上； 右键菜单中的“洲除图层”命令。枉入Q 储改(M)交本(D 曲令( 蛙制(Q) 粉鏈几件钊3*8aASWK艮：*汶*闽点的管狸(4)JVIE 峪KD XW(K) 空白关六0)?I911层文悴夹v文林亠 JAt?.口 Q 27刪轉】nW2.2,2殺置图层状态（1丿隐藏图层 编辑时可逋过隐藏图层来减少不同图层间的干扰 被隐藏的图层将暂时无法进行编辑（不可见） 隐藏/取消隐藏图层的三种方法： 单击图层名称右边的隐藏栏，可隐藏或取消唸藏该图层；用鼠标在图层的隐藏栏上下施动， 可隐藏或取消隐藏.多个图层； 单击“显示或隐藏所有图层”按启 可舟所有图层隐藏或取消隐藏.1.37Flash动Bi设计与制作J - i锁定图层1.38Flash动Bj设计与制作1.#Flash动Bj设计与制作 锁定图层可防止已编辑好的图层被意外修改 被锁定的图层将暂时无法进行编辑（仍可见）锁定/解除锁定图层的方法：（与隐藏/取消隐藏图层类似） “锁定/解除锁定所有图层”按钮1.#Flash动Bj设计与制作殺置国点状态（3丿显示为轮廓在编辑一图层的某对象时，若该对象被另一图层中 的对象所遮盖，可使遮盖层处于轮廓显示状态。 （仅对象轮廓线可见） 对象的轮廊颜色与其所在层在 图层面板上的“显示模式栏”图 标的