时间轴与图层学习教案.pptx

时间轴与图层时间轴与图层第一页，共27页。本章(bn zhn)概述时间轴和图层是Flash中最核心的组成部分，几乎所有动画的播放顺序、动作行为等都是在时间轴和图层中编排的。本章将对帧与图层的编辑操作进行(jnxng)详细介绍。通过对本章内容的学习，读者可以熟悉帧的类型、图层的应用，以及时间轴的基本操作等。第1页/共27页第二页，共27页。核心(hxn)知识点时间轴面板(min bn)的组成帧的类型(lixng)及概念帧的编辑方法图层的编辑方法第2页/共27页第三页，共27页。本章各节课时本章各节课时(ksh)(ksh)分配及链接分配及链接3.1 3.1 时间轴和帧时间轴和帧（）课时）课时3.23.2帧的编辑帧的编辑（）课时）课时3.33.3图层的编辑图层的编辑（）课时）课时知识延伸知识延伸:图层顺序图层顺序(shnx)(shnx)的设定的设定课后练习课后练习第3页/共27页第四页，共27页。3 3 3 3.1 .1 .1 .1 时间轴和帧时间轴和帧时间轴和帧时间轴和帧在Flash文档中，时间轴和帧是非常关键(gunjin)的内容，因为它们决定着帧对象的播放顺序。为了使读者更好的掌握上述概念，下面将对时间轴和帧的相关知识进行详细介绍。3.1.13.1.13.1.13.1.1时间轴概述时间轴概述时间轴概述时间轴概述(i sh)(i sh)(i sh)(i sh)时间轴是创建Flash动画的核心部分，用于组织和控制一定时间内的图层和帧中的文档内容(nirng)。图层就像堆叠在一起的多张幻灯片一样，每个图层都包含一个显示在舞台中的不同图像。图层和帧中的图像、文字等对象随着时间的变化而变化，从而形成动画。当启动Flash CC后，若工作界面中没能看到时间轴面板，则可以通过选择“窗口时间轴”命令打开。第4页/共27页第五页，共27页。3.1.2 3.1.2 3.1.2 3.1.2 帧的类型帧的类型帧的类型帧的类型(lixng)(lixng)(lixng)(lixng)帧是构成动画的基本单位，对动画的操作实质上是对帧的操作。在Flash中，一帧就是一幅静止的画面，画面中的内容在不同的帧中产生如大小、位置、形状等的变化，再以一定的速度从左到右播放时间轴中的帧，连续的帧就形成动画。通常所说(su shu)的帧数，就是在1秒钟时间里传输的图片的帧数，通常用fps（Frames Per Second）表示。高的帧率可以得到更流畅、更逼真的动画。1 1帧的类型帧的类型(lixng)(lixng)在Flash中，帧主要分为3种：普通帧、关键帧和空白关键帧，如下图所示。第5页/共27页第六页，共27页。（1）关键帧：关键帧是指在动画播放过程中，呈现关键性动作或内容变化的帧。关键帧定义了动画的变化环节。在时间轴中，关键帧以一个实心的小黑点来表示。（2）普通帧：普通帧一般处于关键帧后方，其作用是延长关键帧中动画的播放时间，一个关键帧后的普通帧越多，该关键帧的播放时间越长。普通帧以灰色方格来表示。（3）空白关键帧：这类关键帧在时间轴中以一个空心圆表示，该关键帧中没有(mi yu)任何内容。如果在其中添加内容，则转变为关键帧。第6页/共27页第七页，共27页。2 2设置设置(shzh)(shzh)帧的显示状态帧的显示状态单击时间轴右上角的黑三角按钮，在弹出的下拉菜单中选择相应的命令(mng lng)，即可改变帧的显示状态。其中，该菜单中主要选项的含义如下：很小、小、标准、中、大：用于设置帧单元格的大小。预览：表示以缩略图的形式显示每帧的状态，如上右图所示。关联预览：显示对象在各帧中的位置，有利于观察对象在整个动画过程中的位置变化。较短：缩小帧单元格的高度。彩色显示帧：该命令是系统默认的选项，用于设置帧的外观以不同(b tn)的颜色显示。若取消对该选项的勾选，则所有的帧都以白色显示。第7页/共27页第八页，共27页。3 3设置设置(shzh)(shzh)帧频帧频帧频就是单位时间内播放(b fn)的帧数。例如Flash的帧频12帧/秒，表示1秒钟播放(b fn)12帧的影片内容。帧频太慢会使动画看起来一顿一顿的，帧频太快会使动画的细节变得模糊。默认情况下，Flash文档的帧速率是24帧/秒。设置帧频的方法大致包含以下几种：（1）在时间轴底部的“帧频率”标签上单击，在文本框中直接输入帧频。（2）在“文档设置”对话框的“帧频”文本框中直接设置帧频，如下左图所示。（3）在“属性”面板的“帧频”文本框中直接输入帧的频率，如下右图所示。第8页/共27页第九页，共27页。3.2 3.2 3.2 3.2 帧的编辑帧的编辑帧的编辑帧的编辑(binj)(binj)(binj)(binj)Flash动画是由一些连续不断的帧所组成的，要使动画真正的动起来，还需要掌握帧的基本操作。编辑(binj)帧的基本操作包括选择帧、删除帧、清除帧、复制和粘贴帧、移动帧、翻转帧等。3.2.1 3.2.1 3.2.1 3.2.1 选择选择选择选择(xunz)(xunz)(xunz)(xunz)帧帧帧帧若要对帧进行编辑，首先要选择帧。根据选择范围的不同，帧的选择有以下几种情况：（1）若要选中单个帧，只需在时间轴上单击帧所在位置即可，如下左图所示。（2）若要选择连续的多个帧，可以按住鼠标左键直接拖动范围，或者先选择第一帧，然后按住【Shift】键的同时单击最后一帧即可，如下右图所示。第9页/共27页第十页，共27页。（3）若要选择不连续的多个帧，只需按住【Ctrl】键，依次(yc)单击要选择的帧即可，如下左图所示。（4）若要选择所有的帧，只需选择某一帧后单击鼠标右键，在弹出的子菜单中选择“选择所有帧”命令即可，如下右图所示。第10页/共27页第十一页，共27页。3.2.2 3.2.2 3.2.2 3.2.2 插入插入插入插入(ch r)(ch r)(ch r)(ch r)帧帧帧帧在编辑动画过程中，根据动画制作的需要，用户(yngh)可以任意插入普通帧、关键帧以及空白关键帧。1 1插入插入(ch r)(ch r)普通帧普通帧插入普通帧的方法非常简单，主要包括以下几种方法：（1）在需要插入帧的位置单击鼠标右键，在弹出的快捷菜单中选择“插入帧”命令。（2）在需要插入帧的位置单击鼠标，选择“插入时间轴帧”命令。（3）直接按【F5】快捷键。第11页/共27页第十二页，共27页。2 2插入插入(ch r)(ch r)关键帧关键帧插入关键帧主要有以下几种方法：（1）在需要插入关键帧的位置单击鼠标右键，在弹出的快捷菜单中选择(xunz)“插入关键帧”命令。（2）在需要插入关键帧的位置单击鼠标，选择(xunz)“插入时间轴关键帧”命令。（3）直接按【F6】快捷键。第12页/共27页第十三页，共27页。3.2.3 3.2.3 3.2.3 3.2.3 移动移动移动移动(ydng)(ydng)(ydng)(ydng)帧帧帧帧在动画制作过程中，有时会需要对时间轴上的帧进行调整分配，将已经(y jing)存在的帧移动到新的位置的方法主要有以下两种：（1）选中要移动的帧，然后按住鼠标左键将其拖到要移动到的位置即可，如下图所示。（2）选择要移动的帧，然后单击鼠标右键，在弹出的快捷菜单中选择“剪切帧”命令(mng lng)，然后在目标位置再次单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令(mng lng)。第13页/共27页第十四页，共27页。3.2.4 3.2.4 3.2.4 3.2.4 复制复制复制复制(fzh)(fzh)(fzh)(fzh)帧帧帧帧在制作动画过程中，有时需要用到一些相同的帧，如果对帧进行复制、粘贴操作可以得到内容(nirng)完全相同的帧，从而提高工作效率。复制帧的方法主要有以下两种：（1）选中要复制的帧，然后按住【Alt】键的同时将其拖动到要复制的位置。（2）选中要复制的帧，然后鼠标右键单击，在弹出的快捷菜单中选择“复制帧”命令，然后用鼠标右键单击目标帧，在弹出的快捷菜单中选择“粘贴帧”命令，如下图所示为复制帧前后的效果对比。第14页/共27页第十五页，共27页。3.2.5 3.2.5 3.2.5 3.2.5 删除删除删除删除(shnch)(shnch)(shnch)(shnch)和清除帧和清除帧和清除帧和清除帧在制作(zhzu)动画的过程中，若发现文档中所创建的帧是错误的或者是无意义的，则可以将其删除。选择要删除的帧，单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令或按【Shift+F5】组合键即可删除。而清除帧就是清除关键帧中的内容，但是保留帧所在的位置即转换为空白帧。第15页/共27页第十六页，共27页。3.2.6 3.2.6 3.2.6 3.2.6 翻转翻转翻转翻转(fn zhun)(fn zhun)(fn zhun)(fn zhun)帧帧帧帧翻转帧的功能可以将选中的帧的播放序列进行颠倒，即最后一个关键帧变为第一个关键帧，第一个关键帧成为最后一个关键帧。应首先选择时间轴中的某一图层上的所有帧（该图层上至少包含有两个关键帧，且位于帧序的开始和结束位置）或多个帧，然后使用以下任意一种(y zhn)方法即可完成翻转帧的操作：（1）选择“修改时间轴翻转帧”命令。（2）在选择的帧上单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令。第16页/共27页第十七页，共27页。3.2.7 3.2.7 3.2.7 3.2.7 转换转换转换转换(zhunhun)(zhunhun)(zhunhun)(zhunhun)帧帧帧帧如果需要将帧转换为关键帧，可以单击鼠标右键，在弹出的快捷菜单中选择“转换为关键帧”命令，如下左图所示。转换为空白关键帧可以将当前帧以后(yhu)的帧转换为空白关键帧，具体的操作方法是：选择需要转换为空白关键帧的帧，单击鼠标右键，在弹出的快捷菜单中选择“转换为空白关键帧”命令，如下右图所示。第17页/共27页第十八页，共27页。3.3 3.3 3.3 3.3 图层的编辑图层的编辑图层的编辑图层的编辑(binj)(binj)(binj)(binj)在Flash中，图层就像一张张透明的纸，在每一张纸上可以绘制不同的对象。在上面一层添加的内容会遮住下面一层中相同位置的内容。但如果上面一层的某个区域没有内容，透过这个区域可以看到下面一层相同位置的内容。下面将对图层的创建(chungjin)、命名、选择、删除、复制、排列图层等操作进行详细介绍。3.3.1 3.3.1 3.3.1 3.3.1 创建创建创建创建(chungjin)(chungjin)(chungjin)(chungjin)图层图层图层图层一个新建的Flash文档，在默认的情况下只有一个图层即“图层1”。如果需要添加新的图层，只需要单击图层编辑区中的新建图层按钮，或者选择“插入时间轴图层”命令创建新图层。默认情况下，新创建的图层将按照图层1、图层2、图层3进行顺序命名，如右图所示。第18页/共27页第十九页，共27页。3.3.2 3.3.2 3.3.2 3.3.2 选择选择选择选择(xunz)(xunz)(xunz)(xunz)图层图层图层图层要编辑图层，首先(shuxin)要选取图层。用户可以根据需要选择单个图层，也可以选择多个图层，其具体方法介绍如下。1选择单个图层选择单个图层有以下3种方法：（1）在时间轴的“图层查看”区中单击图层，即可将其选择。（2）在时间轴的“帧查看”区的帧格上单击，即可选择该帧所对应的图层。（3）在舞台上单击要选择图层中所含的对象，即可选择该图层。2选择多个图层若需要选择多个相邻的图层，则应按住【shift】键的同时选择图层；若需要选择不相邻的图层，则应按住【ctrl】键的同时选择图层，如下图所示。第19页/共27页第二十页，共27页。3.3.3 3.3.3 3.3.3 3.3.3 删除删除删除删除(shnch)(shnch)(shnch)(shnch)图层图层图层图层对于不需要的图层，用户可以将其删除掉。首先(shuxin)选择要删除的图层，然后单击鼠标右键，在弹出的快捷菜单中选择“删除图层”命令即可，如右图所示。或者，选择要删除的图层，然后单击图层编辑区中的“删除”按钮，即可将选择的图层删除。第20页/共27页第二十一页，共27页。3.3.4 3.3.4 3.3.4 3.3.4 重命名图层重命名图层重命名图层重命名图层为了便于识别每个图层放置的内容，用户可以为各图层进行重命名。选择图层，在图层名称上双击鼠标左键，使其名称进入(jnr)编辑状态，如下左图所示。接着在文本框中输入新名称，最后按【Enter】键确认即可，如下右图所示。第21页/共27页第二十二页，共27页。3.3.6 3.3.6 3.3.6 3.3.6 设置设置设置设置(shzh)(shzh)(shzh)(shzh)图层的状态图层的状态图层的状态图层的状态当Flash中的图层内容较多时，可以通过一些命令同时对多个图层进行操作。在编辑当前图层时，其他层的对象也可能被选中，这就影响了用户的操作。因此，Flash提供(tgng)了一些锁定和隐藏的功能，下面将对其相关知识进行详细介绍。1 1显示显示(xinsh)(xinsh)与隐藏图层与隐藏图层隐藏/显示图层的具体方法：单击图层名称右侧的隐藏栏即可隐藏图层，隐藏的图层上将标记一个 符号，再次单击隐藏栏则显示图层，如右图所示。第22页/共27页第二十三页，共27页。2 2锁定锁定(su dn)(su dn)图层图层为了防止不小心修改已经编辑好的图层内容，可锁定该图层。图层被锁定后不能对其进行编辑。选定要锁定的图层，单击图层名称右侧的锁定栏即可锁定图层，锁定的图层上将(shngjing)标记一个 符号，再次单击该层中的 图标即可解锁。如右图所示。第23页/共27页第二十四页，共27页。知识延伸：图层顺序知识延伸：图层顺序知识延伸：图层顺序知识延伸：图层顺序(shnx)(shnx)(shnx)(shnx)的设定的设定的设定的设定帧和图层在动画制作过程中运用的非常广泛。合理的分图层能在动画制作的时候起到事半功倍(sh bn gng bi)的效果。所以在绘制场景时就应该合理的分布好图层，才能不给后期制作动画过程中添加不必要的麻烦。通常情况下，背景占一个图层，前景一个图层。场景的主体物一个图层。之后添加动画的时候再合理新建图层。在动画中，上层图层的内容会遮住下层图层的内容，下层图层内容只能通过上层图层透明的区域显示出来，因此，有时需要调整图层的排列顺序。选择需要移动的图层，按住鼠标左键并拖动，图层以一条粗横线表示（如下左图所示），拖动图层到相应的位置后释放鼠标，即可将图层拖动到新的位置，如下右图所示。第24页/共27页第二十五页，共27页。课后练习课后练习课后练习课后练习一、选择题1.默认时Flash影片帧频率是（）。A.25 B.12 C.15 D.24 2.选择“插入时间轴关键帧”命令可以插入关键帧，按（）键同样可以在时间轴上指定帧位置插入关键帧。A.F5 B.F6 C.F7 D.F83.选择“修改时间轴图层属性”命令，打开(d ki)“图层属性”对话框，在该对话框中不可以设置的图层属性选项是（）。A.“类型”选项 B.“轮廓颜色”C.“图层高度”D.“匹配”4.下列选项中，可修改动画播放速度的是（）。A.文件保存；B.编辑撤消；C.修改文档；D.插入场景5.可以将舞台工作区上的元素精确定位的是（）。A.图层 B.元件 C.帧 D.时间轴第25页/共27页第二十六页，共27页。二、填空题1.时间轴主要是由_、帧标尺、播放指针、_、运动时间等。2.时间轴是创建Flash动画的核心部分，用于组织和控制一定时间内的_和_中的文档内容。3.在Flash中，帧主要分为3种：普通帧、_和空白关键帧。4.在动画播放过程中，呈现关键性动作或内容变化(binhu)的帧是指_。三、上机题将图片导入到舞台，并将内容扩展到第20帧，在第12帧插入关键帧，如下图所示。操作提示：（1）新建Flash文档，选择“文件导入导入到库”命令（2）将库中的文件拖入舞台（3）在第20帧插入普通帧（4）在第12帧插入关键帧第26页/共27页第二十七页，共27页。