Flash帧和图层的操.ppt

Flash CS4动画制作基础与实例教程,第5章 有条有理Flash帧和图层的操作,第5章 有条有理Flash帧和图层的操作,本章将为大家介绍Flash的重要组成部分帧和图层。帧是Flash动画中最基本的单元，Flash中应用的元素都位于帧上，当播放头移动到某帧时，该帧的内容就显示在舞台上；图层是Flash对动画重要的组织手段，在Flash动画通常有多个图层，用户可以在不同的图层上创建对象和对象的动画行为。,本章的主要内容,第5章 有条有理Flash帧和图层的操作,5.1 Flash CS4中的帧5.2 Flash CS4中的层5.3 习题,5.1 Flash CS4新功能,帧的类型 帧的基本操作 复制和粘贴帧 复制和粘贴帧 删除与清除帧 移动帧 翻转帧 帧的显示模式 设置帧,第5章 有条有理Flash帧和图层的操作,时间轴主要用于组织和控制文档内容在一定时间内播放的图层数和帧数。时间轴的主要组件就是图层、帧和播放头。其中，帧分为普通帧、关键帧和空白关键帧三种类型，它们的标记分别如下图所示。,5.1.1 帧的类型,关键帧,播放头,普通帧,空白关键帧,第5章 有条有理Flash帧和图层的操作,普通帧：可以用来记录舞台的内容，但是不可以对普通帧的内容进行修改编辑，因为它不起关键作用。普通帧的作用是过滤和延长动画内容显示的时间。在时间轴中，普通帧以空心矩形或单元格表示。关键帧：指在动画播放过程中，呈现出关键性动作或内容变化的帧。它可以包含ActionScript代码以控制文档的动作。关键帧在时间轴上以实心的圆点表示，所有参与动画的对象都必须插在关键帧中。空白关键帧：一种特殊的关键帧，它没有任何对象存在，可以作为添加对象的占位符。若在空白关键帧中添加对象，其会自动转化为关键帧。如果将关键帧中的所有对象都删除，则关键帧也会自动转化为空白关键帧。在创建一个新的图层时，每个图层的第一帧默认为空白关键帧。空白关键帧在时间轴上以空心的圆点表示。,第5章 有条有理Flash帧和图层的操作,用户要编辑帧，则必须先选择帧。在不同情况下可采用不同的方法选择帧。选择单个帧：将鼠标指针移动到时间轴中需要选择的帧上方，单击鼠标左键即可选择该帧。同时选择多个不相连的帧：选择一帧后，按住Ctrl键的同时单击要选择的帧即可选择不连续的多个帧。同时选择多个相连的帧：选择一帧后，按住Shift键的同时按住鼠标左键不放，在时间轴上拖动选中要选择的多个相连的帧(或者单击要选择的帧的第一帧和最后一帧)。,5.1.2 帧的基本操作,第5章 有条有理Flash帧和图层的操作,在编辑动画的过程中，根据动画制作的需要，用户插入任意多个普通帧、关键帧和空白关键帧。插入普通帧：在时间轴上将鼠标定位在需要插入普通帧的地方，然后选择【插入】|【时间轴】|【帧】命令即可 插入普通帧。关键帧：右击需要插入关键帧的位置，从弹出的快捷菜单中选择【插入关键帧】命令即可插入关键帧。插入空白关键帧：选择需要插入空白关键帧的位置，选择【插入】|【时间轴】|【空白关键帧】命令即可插入空白关键帧。,5.1.3 插入帧,第5章 有条有理Flash帧和图层的操作,在创作动画过程中，经常要用到一些相同的帧、如果对帧进行复制和粘贴操作，就可以得到内容完全相同的帧，从而在一定程度上提高工作效率，避免重复操作。方法是选择需要复制的帧，并选择的【编辑】|【时间轴】|【复制帧】命令，然后在时间轴上选择目标帧，并选择【编辑】|【时间轴】|【粘贴帧】命令，即可粘贴复制的帧了。,5.1.4 复制和粘贴帧,第5章 有条有理Flash帧和图层的操作,在创建动画的过程中，如果发现文档中某几帧是错误或无意义的，可以将其删除。方法是选择需要删除的帧，然后选择【编辑】|【时间轴】|【删除帧】命令即可。清除帧就是清除关键帧中所有的内容，但是可以保留帧所在的位置。方法是选择需要清除的帧，然后选择【编辑】|【时间轴】|【清除帧】命令即可清除选中的帧，并以蓝色显示删除的帧区域。,5.1.5 删除与清除帧,第5章 有条有理Flash帧和图层的操作,在动画创作过程中，有时会需要对时间轴上的帧进行调整和重新分配，将已经存在的帧移动到新的位置。在Flash CS4中移动帧的方法主要有两种。拖动法：选择需要移动的帧，按住鼠标左键不放将其拖动到需要放置的位置。使用【剪切帧】命令：要移动的帧，并选择【编辑】|【时间轴】|【剪切帧】命令，然后在选择移动的目标位置，再选择【编辑】|【时间轴】|【粘贴帧】命令即可。,5.1.6 移动帧,第5章 有条有理Flash帧和图层的操作,翻转帧的功能可以将选中的所有帧的播放序列进行颠倒。例如创作了一个物体从左移动到右的动画。在Flash CS4窗口中的时间轴上选中【图层1】的第1帧，并绘制一个绿色放射状的小球。选中【图层1】的第25帧并右击，从弹出的快捷菜单中选择【插入关键帧】命令，然后选中小球并将其移动到舞台的右侧。在 选中第1帧到第25帧中的任意一帧并右击，从弹出的快捷菜单中选择【创建传统补间】命令。复制第1帧到第25帧，将其粘贴到第26帧，然后选择第26帧到第50帧并右击，从弹出的快捷菜单中选择【翻转帧】命令，再按Ctrl+Enter组合键可以测试动画效果。,5.1.7 翻转帧,第5章 有条有理Flash帧和图层的操作,在创作动画中，用户可以根据需要调整帧的显示模式。【很小】：用于控制单元格的大小。选择该选项，则时间轴上每个帧的单元格宽度很小。【小】：用于控制单元格的大小。选择该选项，则时间轴上每个帧的单元格宽度较小。【标准】：帧的默认显示模式，用于控制单元格的大小。时间轴上每个帧的单元格宽度适中。【中】：用于控制单元格的大小。时间轴上每个帧的单元格宽度比【标准】模式略大。,5.1.8 帧的显示模式,第5章 有条有理Flash帧和图层的操作,【大】：用于控制单元格的大小。时间轴上每个帧的单元格宽度较大。【预览】：以缩略图的形式显示每一帧的状态，有利于浏览动画和观察动画形状的变化，但占用了较多的屏幕空间。【关联预览】：显示对象在各帧中的位置，有利于观察对象在整个动画过程中的位置变化，显示的图像比【预览】显示模式选项小一些。【较短】：在以上的各种显示模式下，还可以选择【较短】选项。【彩色显示帧】：默认情况下，帧是以彩色形式显示的。如果取消该选项，则时间轴将以白色的背景红色的箭头显示。,第5章 有条有理Flash帧和图层的操作,在Flash中将每一秒钟播放的帧数称为帧频，也就是说，帧频就是动画播放的速度，以每秒播放的帧数为度量单位。默认情况下，Flash CS4的帧频是12帧/秒，即每一秒钟要播放动画中12帧的画面。如果动画有72帧，那么动画播放的时间就是6秒。帧频的单位是fps，时间轴和【属性】面板中都会显示出帧频。设置帧频就是设置动画的播放速度。帧频越大，播放速度越快；相反地，帧频越小，播放速度越慢。,5.1.9 设置帧频,第5章 有条有理Flash帧和图层的操作,5.2 Flash CS4中的图层,图层的基本概念 图层的基本操作 图层的类型,第5章 有条有理Flash帧和图层的操作,一个图层，就像一张透明的纸，上面可以绘制任何对象或书写任何文字。动画中的每一个层之间相互独立，有自己独立的时间轴，有自己独立的帧。图层有助于用户组织文档中的内容。在Flash CS4中，图层显示在【时间轴】面板的左侧，如下图所示。,5.2.1 图层的基本概念,第5章 有条有理Flash帧和图层的操作,5.2.2 图层的基本操作,图层的基本操作包括选择图层、新建图层和删除图层等操作，其操作方法如下。选择图层：在图层管理器中单击即可选择需要编辑的图层，若要选择多个图层，可以先按住Ctrl键不放，然后分别选择需要选中的图层即可。新建图层：在图层管理器中单击【新建图层】按钮，即可在当前选中的图层上方新建一个图层。删除图层：选中要删除的图层，然后在【图层】窗格中单击左下角的【删除】按钮即可。,第5章 有条有理Flash帧和图层的操作,重命名图层：双击需要重命名的图层名称，使其变成可编辑状态，然后在文本框中输入新的名称，再按Enter键确认即可。复制图层：选取需要复制的图层，兵选择【编辑】|【时间轴】|【复制帧】命令，然后单击时间轴下方的【新建图层】按钮创建新图层，接着选择【编辑】|【时间轴】|【粘贴帧】命令，将复制的帧内容粘贴到新建的图层中。设置图层状态：在【图层】窗格中单击【显示或隐藏所有图层】按钮可以显示/隐藏图层；单击【锁定或解除锁定所有图层】按钮可以锁定/解除锁定图层；单击【将所有图层显示为轮廓】按钮可以显示图层的轮廓。,第5章 有条有理Flash帧和图层的操作,在Flash CS4中，按照图层的不同功能，可以将图层分为普通层、引导层、被引导层、遮罩层和被遮罩层共5种类型，如下图所示。,图层的类型,第5章 有条有理Flash帧和图层的操作,普通层：是指无任何特殊效果的图层，它只用于放置对象。新建的图层默认情况下均为普通层。引导层：引导与它相关联的图层中的对象的运动轨迹。引导层只在场景的工作区中可以看到，在输出的动画中是看不到的。遮罩层：在遮罩层中创建的对象具有透明效果，如果遮罩层中的某一位置有对象，那么被遮罩层中相同位置的内容将显露出来，被遮罩层的其他部分将被遮住。,第5章 有条有理Flash帧和图层的操作,5.3 习题,选择题 操作题,第5章 有条有理Flash帧和图层的操作,选择题,1插入关键帧的快捷键是。AF5BF6CF7DF82在一个Flash动画中，最多可以创建个图层？A50B100C200D以上都不对,第5章 有条有理Flash帧和图层的操作,操作题,1创建一个空白文档，在【图层1】图层的第20帧处插入一个关键帧，在第23帧处插入一个空白关键帧。2创建一个空白文档，在时间轴上新建5个图层，分别重命名为A、B、D、E、F，并隐藏B和D图层，锁定F图层，只显示所有图层的轮廓线。,第5章 有条有理Flash帧和图层的操作,本章结束进入下一章,第5章 有条有理Flash帧和图层的操作,