《FLASH-CS4课件L5帧和图层的操作.ppt》由会员分享，可在线阅读，更多相关《FLASH-CS4课件L5帧和图层的操作.ppt（33页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第五讲第五讲 Flash帧和帧和图层的操作图层的操作l本章将本章将为为大家介大家介绍绍Flash的重要的重要组组成部分成部分帧帧和和图层图层。帧帧是是Flash动动画中最基本的画中最基本的单单元，元，Flash中中应应用的元素都位于用的元素都位于帧帧上，当播上，当播放放头头移移动动到某到某帧时帧时，该帧该帧的内容就的内容就显显示在示在舞台上；舞台上；图层图层是是Flash对动对动画重要的画重要的组织组织手手段，在段，在Flash动动画通常有多个画通常有多个图层图层，用，用户户可可以在不同的以在不同的图层图层上上创创建建对对象和象和对对象的象的动动画画行行为为。主要内容lFlash CS4中的中
2、的时间轴时间轴窗口窗口lFlash CS4中的中的帧帧lFlash CS4中的中的层层时间轴窗口l时间轴标尺l播放头l状态栏l帧浏览选项时间轴标尺l时时间间轴轴标标尺尺由由帧帧标标记记和和帧帧编编号号两两部部分分组组成成。在在默默认认情情况况下下，帧帧编编号号居居中中显显示示在在两两个个帧帧标标记记之之间间，多多数数字字帧帧的的编编号号与与它它们们所所表表示示的的帧帧居居左左对对齐齐。帧帧标标记记就就是是标标尺尺上上的的小小垂垂直直线线，每每一一个个刻刻度度代代表表一一帧帧，每每5帧帧显显示示一个帧编号。一个帧编号。播放头l播播放放头头重重要要有有两两个个作作用用：一一是是拖拖动动播播放放头头
3、时时可可浏浏览览动动画画；二二是是选选择择需需要要处处理理的的帧帧。当当用用户户拖拖动动时时间间轴轴上上面面的的播播放放头头时时，可可以以浏浏览览动动画画，随随着着播播放放头头位位置置的的变变化化，动动画画则则会会根根据据播播放放头头的的拖动方向向前或向后播放。拖动方向向前或向后播放。状态栏l时时间间轴轴上上的的状状态态栏栏显显示示了了当当前前帧帧、帧帧率率和和播播放放时时间间3条条信信息息。但但当当前前帧帧显显示示舞舞台台上上当当前前可可见见帧帧的的编编号号，也也就就是是播播放放头头当当前前的的位位置置。帧帧率率显显示示了了当当前前动动画画每每秒秒钟钟播播放放的的帧帧数数，用用户户可可以以双
4、双击击帧帧率率，则则会会打打开开【文文档档属属性性】对对话话框框，可可在在改改对对话话框框中中重重新新设设置置每每秒秒钟钟播播放放的的帧帧数数。播播放放时时间间显显示示的的是是第第1帧与当前帧之间播放的时间间隔。帧与当前帧之间播放的时间间隔。帧浏览选项l帧浏览选项的图标是，它位于时间轴的帧浏览选项的图标是，它位于时间轴的右上角，当用户单击该图标按钮时，则右上角，当用户单击该图标按钮时，则会弹出一个下拉菜单。会弹出一个下拉菜单。Flash CS4中的帧中的帧l帧的类型帧的类型l帧的基本操作帧的基本操作l复制和粘贴帧复制和粘贴帧l复制和粘贴帧复制和粘贴帧l删除与清除帧删除与清除帧l移动帧移动帧l翻
5、转帧翻转帧l帧的显示模式帧的显示模式l设置帧设置帧l时间轴时间轴主要用于主要用于组织组织和控制文档内容在一定和控制文档内容在一定时间时间内播放内播放的的图层图层数和数和帧帧数。数。时间轴时间轴的主要的主要组组件就是件就是图层图层、帧帧和播和播放放头头。其中，。其中，帧帧分分为为普通普通帧帧、关、关键帧键帧和空白关和空白关键帧键帧三种三种类类型，它型，它们们的的标记标记分分别别如下如下图图所示。所示。帧的类型帧的类型关键帧播放头普通帧空白关键帧l普通帧普通帧：可以用来记录舞台的内容，但是不可以对普通帧的内：可以用来记录舞台的内容，但是不可以对普通帧的内容进行修改编辑，因为它不起关键作用。普通帧的
6、作用是过滤容进行修改编辑，因为它不起关键作用。普通帧的作用是过滤和延长动画内容显示的时间。在时间轴中，普通帧以空心矩形和延长动画内容显示的时间。在时间轴中，普通帧以空心矩形或单元格表示或单元格表示。l关键帧关键帧：指在动画播放过程中，呈现出关键性动作或内容变化：指在动画播放过程中，呈现出关键性动作或内容变化的帧。它可以包含的帧。它可以包含ActionScriptActionScript代码以控制文档的动作。关键代码以控制文档的动作。关键帧在时间轴上以实心的圆点表示，所有参与动画的对象都必须帧在时间轴上以实心的圆点表示，所有参与动画的对象都必须插在关键帧中。插在关键帧中。l空白关键帧空白关键帧：
7、一种特殊的关键帧，它没有任何对象存：一种特殊的关键帧，它没有任何对象存在，可以作为添加对象的占位符。若在空白关键帧中在，可以作为添加对象的占位符。若在空白关键帧中添加对象，其会自动转化为关键帧。如果将关键帧中添加对象，其会自动转化为关键帧。如果将关键帧中的所有对象都删除，则关键帧也会自动转化为空白关的所有对象都删除，则关键帧也会自动转化为空白关键帧。在创建一个新的图层时，每个图层的第一帧默键帧。在创建一个新的图层时，每个图层的第一帧默认为空白关键帧。空白关键帧在时间轴上以空心的圆认为空白关键帧。空白关键帧在时间轴上以空心的圆点表示。点表示。用用户户要要编辑帧编辑帧，则则必必须须先先选择帧选择帧
8、。在不同情况下可采。在不同情况下可采用不同的方法用不同的方法选择帧选择帧。l选择单个帧选择单个帧：将鼠标指针移动到时间轴中需要选择的帧上方，单击：将鼠标指针移动到时间轴中需要选择的帧上方，单击鼠标左键即可选择该帧。鼠标左键即可选择该帧。l同时选择多个不相连的帧同时选择多个不相连的帧：选择一帧后，按住：选择一帧后，按住CtrlCtrl键的同时单击要键的同时单击要选择的帧即可选择不连续的多个帧。选择的帧即可选择不连续的多个帧。l同时选择多个相连的帧同时选择多个相连的帧：选择一帧后，按住：选择一帧后，按住Shift键的同时按住鼠标键的同时按住鼠标左键不放，在时间轴上拖动选中要选择的多个相连的帧左键不
9、放，在时间轴上拖动选中要选择的多个相连的帧(或者单击或者单击要选择的帧的第一帧和最后一帧要选择的帧的第一帧和最后一帧)。帧的基本操作帧的基本操作 在在编辑动编辑动画的画的过过程中，根据程中，根据动动画制作的需要，用画制作的需要，用户户插插入任意多个普通入任意多个普通帧帧、关、关键帧键帧和空白关和空白关键帧键帧。l插入普通帧插入普通帧：在时间轴上将鼠标定位在需要插入普通帧的地方，然：在时间轴上将鼠标定位在需要插入普通帧的地方，然后后选择【插入】选择【插入】|【时间轴】【时间轴】|【帧】命令【帧】命令即可即可 插入普通帧。插入普通帧。l关键帧关键帧：右击需要插入关键帧的位置，从弹出的快捷菜单中选择
10、：右击需要插入关键帧的位置，从弹出的快捷菜单中选择【插入关键帧插入关键帧】命令即可插入关键帧。命令即可插入关键帧。l插入空白关键帧插入空白关键帧：选择需要插入空白关键帧的位置，选择：选择需要插入空白关键帧的位置，选择【插入插入】|【时间轴时间轴】|【空白关键帧空白关键帧】命令即可插入空白关键帧。命令即可插入空白关键帧。插入帧插入帧l在在创创作作动动画画过过程中，程中，经经常要用到一些相同的常要用到一些相同的帧帧、如果如果对帧进对帧进行复制和粘行复制和粘贴贴操作，就可以得到内容操作，就可以得到内容完全相同的完全相同的帧帧，从而在一定程度上提高工作效率，从而在一定程度上提高工作效率，避免重复操作。
11、方法是避免重复操作。方法是选择选择需要复制的需要复制的帧帧，并，并选选择择的的【编辑编辑】|【时间轴时间轴】|【复制复制帧帧】命令，然命令，然后在后在时间轴时间轴上上选择选择目目标帧标帧，并，并选择选择【编辑编辑】|【时间轴时间轴】|【粘粘贴帧贴帧】命令，即可粘命令，即可粘贴贴复制的复制的帧帧了。了。复制和粘贴帧复制和粘贴帧l在在创创建建动动画的画的过过程中，如果程中，如果发现发现文档中某几文档中某几帧帧是是错误错误或无意或无意义义的，可以将其的，可以将其删删除。方法除。方法是是选择选择需要需要删删除的除的帧帧，然后，然后选择选择【编辑编辑】|【时间轴时间轴】|【删删除除帧帧】命令即可。命令即
12、可。l清除清除帧帧就是清除关就是清除关键帧键帧中所有的内容，但是中所有的内容，但是可以保留可以保留帧帧所在的位置。方法是所在的位置。方法是选择选择需要清需要清除的除的帧帧，然后，然后选择选择【编辑编辑】|【时间轴时间轴】|【清清除除帧帧】命令即可清除命令即可清除选选中的中的帧帧，并以，并以蓝蓝色色显显示示删删除的除的帧帧区域。区域。删除与清除帧删除与清除帧 在在动动画画创创作作过过程中，有程中，有时时会需要会需要对时间轴对时间轴上的上的帧进帧进行行调调整和重新分配，将已整和重新分配，将已经经存在的存在的帧帧移移动动到新的位置到新的位置。在。在Flash CS4中移动帧的方法主要有两种。中移动帧
13、的方法主要有两种。l拖动法拖动法：选择需要移动的帧，按住鼠标左键不放将其拖动到需要放：选择需要移动的帧，按住鼠标左键不放将其拖动到需要放置的位置。置的位置。l使用使用【剪切帧剪切帧】命令命令：要移动的帧，并选择：要移动的帧，并选择【编辑编辑】|【时间轴时间轴】|【剪切帧剪切帧】命令，然后在选择移动的目标位置，再选择命令，然后在选择移动的目标位置，再选择【编辑编辑】|【时间轴时间轴】|【粘贴帧粘贴帧】命令即可。命令即可。移动帧移动帧l翻翻转帧转帧的功能可以将的功能可以将选选中的所有中的所有帧帧的播放序列的播放序列进进行行颠颠倒倒。例如创作了一个物体从左移动到右的动画。例如创作了一个物体从左移动到
14、右的动画。l在在Flash CS4窗口中的窗口中的时间轴时间轴上上选选中中【图层图层1】的第的第1帧帧，并，并绘绘制一个制一个绿绿色放射状的小球。色放射状的小球。l选选中中【图层图层1】的第的第25帧帧并右并右击击，从，从弹弹出的快捷菜出的快捷菜单单中中选择选择【插入关插入关键键帧帧】命令，然后命令，然后选选中小球并将其移中小球并将其移动动到舞台的右到舞台的右侧侧。l在在 选选中第中第1帧帧到第到第25帧帧中的任意一中的任意一帧帧并右并右击击，从，从弹弹出的快捷菜出的快捷菜单单中中选择选择【创创建建传统补间传统补间】命令命令。l复制第复制第1帧帧到第到第25帧帧，将其粘，将其粘贴贴到第到第26
15、帧帧，然后，然后选择选择第第26帧帧到第到第50帧帧并并右右击击，从从弹弹出的快捷菜出的快捷菜单单中中选择选择【翻【翻转帧转帧】命令】命令，再按，再按Ctrl+Enter组组合合键键可以可以测试动测试动画效果。画效果。翻转帧翻转帧 在在创创作作动动画中，用画中，用户户可以根据需要可以根据需要调调整整帧帧的的显显示模式示模式。l【很小很小】：用于控制单元格的大小。选择该选项，则时间轴上每个：用于控制单元格的大小。选择该选项，则时间轴上每个帧的单元格宽度很小。帧的单元格宽度很小。l【小小】：用于控制单元格的大小。选择该选项，则时间轴上每个帧：用于控制单元格的大小。选择该选项，则时间轴上每个帧的单元
16、格宽度较小。的单元格宽度较小。l【标准标准】：帧的默认显示模式，用于控制单元格的大小。时间轴上：帧的默认显示模式，用于控制单元格的大小。时间轴上每个帧的单元格宽度适中。每个帧的单元格宽度适中。l【中中】：用于控制单元格的大小。时间轴上每个帧的单元格宽度比：用于控制单元格的大小。时间轴上每个帧的单元格宽度比【标准标准】模式略大。模式略大。帧的显示模式帧的显示模式l【大大】：用于控制单元格的大小。：用于控制单元格的大小。时间轴上每个帧的单元格宽度较时间轴上每个帧的单元格宽度较大大。l【预览预览】：以缩略图的形式显示每一帧的状态，有利于浏览动画和：以缩略图的形式显示每一帧的状态，有利于浏览动画和观察
17、动画形状的变化，但占用了较多的屏幕空间。观察动画形状的变化，但占用了较多的屏幕空间。l【关联预览关联预览】：显示对象在各帧中的位置，有利于观察对象在整个：显示对象在各帧中的位置，有利于观察对象在整个动画过程中的位置变化，显示的图像比动画过程中的位置变化，显示的图像比【预览预览】显示模式选项小一显示模式选项小一些。些。l【较短较短】：在以上的各种显示模式下，还可以选择：在以上的各种显示模式下，还可以选择【较短较短】选项。选项。l【彩色显示帧彩色显示帧】：默认情况下，帧是以彩色形式显示的。如果取消：默认情况下，帧是以彩色形式显示的。如果取消该选项，则时间轴将以白色的背景红色的箭头显示。该选项，则时
18、间轴将以白色的背景红色的箭头显示。l在在Flash中将每一秒中将每一秒钟钟播放的播放的帧帧数称数称为帧频为帧频，也就，也就是是说说，帧频帧频就是就是动动画播放的速度，以每秒播放的画播放的速度，以每秒播放的帧帧数数为为度量度量单单位。默位。默认认情况下，情况下，Flash CS4的的帧频帧频是是12帧帧/秒，即每一秒秒，即每一秒钟钟要播放要播放动动画中画中12帧帧的画面。的画面。如果如果动动画有画有72帧帧，那么，那么动动画播放的画播放的时间时间就是就是6秒。秒。l帧频帧频的的单单位是位是fps，时间轴时间轴和和【属性属性】面板中都会面板中都会显显示出示出帧频帧频。设设置置帧频帧频就是就是设设置
19、置动动画的播放速度。画的播放速度。帧频帧频越大，播放速度越快；相反地，越大，播放速度越快；相反地，帧频帧频越小，越小，播放速度越慢。播放速度越慢。设置帧频设置帧频Flash CS4中的图层中的图层l图层的基本概念图层的基本概念l图层的基本操作图层的基本操作l图层的类型图层的类型l一个一个图层图层，就像一，就像一张张透明的透明的纸纸，上面可以，上面可以绘绘制任何制任何对对象象或或书书写任何文字。写任何文字。动动画中的每一个画中的每一个层层之之间间相互独立，有相互独立，有自己独立的自己独立的时间轴时间轴，有自己独立的，有自己独立的帧帧。图层图层有助于用有助于用户户组织组织文档中的内容。文档中的内容
20、。l在在Flash CS4中，中，图层显图层显示在示在【时间轴时间轴】面板的左面板的左侧侧，如，如下下图图所示。所示。图层的基本概念图层的基本概念图层的基本操作图层的基本操作 图层图层的基本操作包括的基本操作包括选择图层选择图层、新建、新建图层图层和和删删除除图层图层等操作，其操作方法如下等操作，其操作方法如下。l选择图层选择图层：在图层管理器中单击即可选择需要编辑的图层，若要选：在图层管理器中单击即可选择需要编辑的图层，若要选择多个图层，可以先按住择多个图层，可以先按住Ctrl键不放，然后分别选择需要选中的图键不放，然后分别选择需要选中的图层即可层即可。l新建图层新建图层：在图层管理器中单击
21、：在图层管理器中单击【新建图层新建图层】按钮，即可在当前选按钮，即可在当前选中的图层上方新建一个图层。中的图层上方新建一个图层。l删除图层删除图层：选中要删除的图层，然后在：选中要删除的图层，然后在【图层图层】窗格中单击左下角窗格中单击左下角的的【删除删除】按钮即可。按钮即可。l重命名图层重命名图层：双击需要重命名的图层名称，使其变成可编辑状态，：双击需要重命名的图层名称，使其变成可编辑状态，然后在文本框中输入新的名称，再按然后在文本框中输入新的名称，再按Enter键确认即可键确认即可。l复制图层复制图层：选取需要复制的图层，兵选择：选取需要复制的图层，兵选择【编辑编辑】|【时间轴时间轴】|【
22、复制帧复制帧】命令，然后单击时间轴下方的命令，然后单击时间轴下方的【新建图层新建图层】按钮创建新图按钮创建新图层，接着选择层，接着选择【编辑编辑】|【时间轴时间轴】|【粘贴帧粘贴帧】命令，将复制的帧命令，将复制的帧内容粘贴到新建的图层中。内容粘贴到新建的图层中。l设置图层状态设置图层状态：在：在【图层图层】窗格中单击窗格中单击【显示或隐藏所有图层显示或隐藏所有图层】按按钮可以显示钮可以显示/隐藏图层；单击隐藏图层；单击【锁定或解除锁定所有图层锁定或解除锁定所有图层】按钮可按钮可以锁定以锁定/解除锁定图层；单击解除锁定图层；单击【将所有图层显示为轮廓将所有图层显示为轮廓】按钮可以按钮可以显示图层
23、的轮廓。显示图层的轮廓。l在在Flash CS4中，按照中，按照图层图层的不同功能，可以将的不同功能，可以将图图层层分分为为普通普通层层、引、引导层导层、被引、被引导层导层、遮罩、遮罩层层和被和被遮罩遮罩层层共共5种种类类型，如下型，如下图图所示。所示。图层的类型图层的类型l普通层普通层：是指无任何特殊效果的图层，它只用于放置对象。新建的：是指无任何特殊效果的图层，它只用于放置对象。新建的图层默认情况下均为普通层图层默认情况下均为普通层。l引导层引导层：引导与它相关联的图层中的对象的运动轨迹。引导层只在：引导与它相关联的图层中的对象的运动轨迹。引导层只在场景的工作区中可以看到，在输出的动画中是
24、看不到的。场景的工作区中可以看到，在输出的动画中是看不到的。l遮罩层遮罩层：在遮罩层中创建的对象具有透明效果，如果遮罩层中的某：在遮罩层中创建的对象具有透明效果，如果遮罩层中的某一位置有对象，那么被遮罩层中相同位置的内容将显露出来，被遮一位置有对象，那么被遮罩层中相同位置的内容将显露出来，被遮罩层的其他部分将被遮住。罩层的其他部分将被遮住。实例练习 逐帧动画 画小鸡l制作鸡身元件制作鸡身元件l画鸡身轮廓线画鸡身轮廓线(笔触颜色笔触颜色#000000)l为鸡身填充颜色为鸡身填充颜色(样式为样式为放射状放射状,左色标中灰色左色标中灰色(#999999),右色标黄色右色标黄色(#FFFF00)l柔化
25、边缘柔化边缘(修改修改/形状形状/柔化柔化到边缘到边缘,距离为距离为30,步骤为步骤为20,方向为扩展方向为扩展)3.8.4 【实例四】画小鸡l制作鸡头元件制作鸡头元件l画鸡头正圆画鸡头正圆(放射状放射状,左色左色标标#FFFF00,右色标右色标#999999)l柔化边缘柔化边缘(修改修改/形状形状/柔化柔化到边缘到边缘,距离为距离为20,步骤为步骤为20,方向为扩展方向为扩展)l绘制嘴和眼绘制嘴和眼3.8.4 【实例四】画小鸡l制作鸡翅元件制作鸡翅元件l将小椭圆调整为鸡翅状将小椭圆调整为鸡翅状,线线状填充状填充(左色标左色标#FFFF00,右色标右色标#FFFFFF)l柔化边缘柔化边缘(修改修改/形状形状/柔化柔化到边缘到边缘,距离为距离为20,步骤为步骤为20,方向为扩展方向为扩展)3.8.4 【实例四】画小鸡l绘制鸡腿元件绘制鸡腿元件l绘制鸡脚元件绘制鸡脚元件3.8.4 【实例四】画小鸡l制作小鸡元件制作小鸡元件l新建一个新建一个”小鸡小鸡”的影片剪辑的影片剪辑l编辑小鸡初始姿势编辑小鸡初始姿势(插入六个图层插入六个图层,分别给七个图层分别给七个图层命名为命名为”头头”、“身身”、“前腿前腿”、“前脚前脚”、“后后腿腿”、“后脚后脚”、“翅翅”l编辑逐帧动画作小鸡的行走姿势编辑逐帧动画作小鸡的行走姿势3.8.4 【实例四】画小鸡