网页动画设计与制作FlashMX2004 项目5-图层、场景与帧的使用

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,网页动画设计与制作,Flash,项目,5-,图层、场景与帧的使用,项目,5-,图层、场景与帧的使用,【,项目背景,】,小张已经创作了一些动画角色与画面，并已经设计了一些简单的动画，经理要求他利用帧、图层和场景制作一些较复杂的动画，包括设计一个“,10,秒倒计时”动画和一个“探照灯”动画。,【,项目分析,】,1,Flash,中的图层是什么，有什么作用？,2,Flash,中的帧分为哪几种类型？,3,Flash,中的场景有什么作用？,【,任务分解,】,任务,1,：使用帧。,任务,2,：创建与查看图层。,任务,3,：编辑图层。,任务,4,：设置图层类型。,任务,5,：使用场景。,任务,1,使用帧,了解帧的基本分类。,熟悉帧的插入方法。,熟悉帧的编辑方法。,运用不同帧制作“,10,秒倒计时”动画。,1,了解帧的基本分类,关键帧是指在动画中定义的关键动画变化的帧。,Flash,可以在关键帧之间补间或填充普通帧，从而生成流畅的动画。因为利用关键帧使用户可以不画出关键帧之间的每个帧就可以生成动画，所以绘制关键帧是动画制作中至关重要的环节。,空白帧和空白关键帧是没有显示内容的，一般起到调节时间轴、,Actions,行为的调用等特殊用途。,帧和关键帧在时间轴中出现的顺序决定它们在,Flash,应用程序中显示的顺序。可以在时间轴中排列关键帧，以便编辑动画中事件的顺序。,2,熟悉帧的插入方法,（,1,）插入帧：在时间轴中单击要插入帧的地方，执行“插入”“时间轴”“帧”命令。,（,2,）插入关键帧：在时间轴中单击要插入关键帧的地方，执行“插入”“时间轴”“关键帧”命令。,（,3,）插入空白帧：在时间轴中单击要插入空白帧的地方，执行“插入”“时间轴”“空白关键帧”命令。,3,熟悉帧的编辑方法,1,（,1,）选择帧：选择时间轴中的一个或多个帧，可以执行以下操作之一。,要选择一个帧，可以单击该帧。,要选择多个连续的帧，可以按住,Shift,键并单击起始帧和结束帧。,要选择多个不连续的帧，可以按住,Ctrl,键依次单击所有要选取的帧。,要选择时间轴中的所有帧，执行“编辑”“时间轴”“选择所有帧”命令。,（,2,）删除帧：要删除帧、关键帧或帧序列，可以选择该帧、关键帧或序列，然后执行“编辑”“时间轴”“删除帧”命令，周围的帧将保持不变。,（,3,）移动帧：要移动关键帧或帧序列及其内容，可以将该关键帧或序列拖放到所需的位置。,3,熟悉帧的编辑方法,2,（,4,）延长帧：要延长关键帧的持续时间，可以按住,Alt,键将该关键帧拖到新序列持续时间的最后一帧位置。,（,5,）复制帧：复制帧有以下两类方法。,要通过拖动来复制关键帧或帧序列，可以按住,Alt,键单击，并将关键帧拖到新位置。,要复制和粘贴帧或帧序列，可以选择该帧或序列，然后执行“编辑”“时间轴”“复制帧”命令；再选择想要替换的帧或序列，然后执行“编辑”“时间轴”“粘贴帧”命令。,（,6,）将关键帧转换为帧：要将关键帧转换为帧，可以选择该关键帧，然后执行“编辑”“时间轴”“清除关键帧”命令，被清除的关键帧以及到下一个关键帧之前的所有帧都将被该关键帧之前的一帧内容所替换。,（,7,）更改补间序列的长度：要更改补间序列的长度，可以将开始关键帧或结束关键帧向左或向右拖动。,4,运用不同帧制作“,10,秒倒计时”动画,（,1,）新建,Flash,文件，命名为“,10,秒倒计时”；,（,2,）观察系统自动生成的时间轴，动画仅包含一个空白关键帧；,（,3,）在第,1,帧内使用“文本工具”创建文本块，输入文字“,9”,，则空白关键帧转变为关键帧；,（,4,）在第,210,帧依次插入关键帧，并分别修改帧内文字内容为“,8”,、“,7”,、“,6”,、“,5”,、“,4”,、“,3”,、“,2”,、“,1”,、“,0”,，；,（,5,）选择最后一帧，执行“编辑”“时间轴”“转换为空白关键帧”命令，则增加出第,11,帧，最后一帧为空白关键帧；,（,6,）选择第,211,帧，拖动到,13,帧位置，中间由系统自动生成的普通帧填充，使第,1,帧内容在动画中保持,1,秒的时间；,（,7,）按照步骤,6,的做法，依次处理每个关键帧，使每个数字内容在动画中均保持,1,秒的时间。,任务,2,创建与查看图层,熟悉创建图层和层文件夹的操作方法。,熟悉查看图层和层文件夹的操作方法。,熟悉组织图层和层文件夹的操作方法。,1,熟悉创建图层和层文件夹的操作方法,（,1,）创建图层：要创建图层，可以执行以下操作之一。,单击时间轴底部的“插入图层”按钮，如图,5-8,所示。,执行“插入”“时间轴”“图层”命令。,右键单击时间轴中的一个层名，然后从快捷菜单中选择执行,（,2,）创建图层文件夹：要创建图层文件夹，可以执行以下操作之一。,单击时间轴底部的“插入图层文件夹”按钮。,在时间轴中选择一个层或文件夹，然后执行“插入”“时间轴”“图层文件夹”命令。,右键单击时间轴中的一个层名，然后从快捷菜单中选择执行“插入文件夹”命令。,2,熟悉查看图层和层文件夹的操作方法,1,（,1,）显示或隐藏层或文件夹：要显示或隐藏层或文件夹，可以执行以下操作之一。,单击时间轴中层或文件夹名称右侧的“眼睛”列，可以隐藏该层或文件夹，再次单击它可以显示该层或文件夹。,单击眼睛图标可以隐藏所有的层和文件夹，再次单击它可以显示所有的层和文件夹，如图,5-10,所示。,在“眼睛”列中拖动可以显示或隐藏多个层或文件夹。,2,熟悉查看图层和层文件夹的操作方法,2,（,2,）用轮廓查看层上的内容：要用轮廓查看层上的内容，可以执行以下操作之一。,单击层名称右侧的“轮廓”列可以将该层上的所有对象显示为轮廓，再次单击它可以关闭轮廓显示。,单击轮廓图标可以用轮廓显示所有层上的对象，再次单击它可以关闭所有层上的轮廓显示，如图,5-11,所示。,在“轮廓”列中拖动可以打开或关闭用轮廓显示多个层或文件夹。,2,熟悉查看图层和层文件夹的操作方法,3,（,3,）更改层的轮廓颜色：要更改层的轮廓颜色，可以执行以下操作之一。,双击时间轴中层的图标（即层名称左侧的图标）。,在时间轴中选择该层，然后执行“修改”“时间轴”“图层属性”命令。,3,熟悉组织图层和层文件夹的操作方法,（,1,）将层或层文件夹移动到层文件中：可以将该层或层文件夹名称拖到目标层文件夹名称中，该层或层文件夹将出现在时间轴中的目标层文件夹中。,（,2,）更改层或文件夹的顺序：可以将时间轴中的一个或多个层或文件夹拖到所需的位置。,（,3,）展开或折叠文件夹：可以单击文件夹名称左侧的三角形。,任务,3,编辑图层,熟悉选择图层和层文件夹的操作方法。,熟悉重命名图层和层文件夹的操作方法。,熟悉锁定图层和层文件夹的操作方法。,熟悉复制和删除图层和层文件夹的操作方法。,1,熟悉选择图层和层文件夹的操作方法,（,1,）选择单个层或文件夹：可以单击时间轴中层或文件夹的名称；或在时间轴中单击要选择的层的一个帧；或在舞台中选择要选择的层上的一个对象。,（,2,）选择连续的几个层或文件夹：可以按住,Shift,键在时间轴中依次单击需要选择的对象名称。,（,3,）选择几个不连续的层或文件夹：可以按住,Ctrl,键单击时间轴中需要选择的对象名称。,2,熟悉重命名图层和层文件夹的操作方法,（,1,）双击层或文件夹的名称，然后输入新名称即可,（,2,）在时间轴中选择该层或文件夹，然后执行“修改”“时间轴”“图层属性”命令，出现“图层属性”对话框，在“名称”文本框中输入新名称，然后单击“确定”按钮。,3,熟悉锁定图层和层文件夹的操作方法,（,1,）单击层或文件夹名称右侧的“锁定”列可以锁定它，再次单击“锁定”列可以解锁该层或文件夹。,（,2,）单击挂锁图标可以锁定所有的层和文件夹，再次单击它可以解锁所有的层和文件夹。,（,3,）在“锁定”列中拖动可以锁定或解锁多个层或文件夹。,4,熟悉复制和删除图层和层文件夹的操作方法,（,1,）复制层：复制层的操作方法如下。,单击层名称先选择整个源层，执行“编辑”“时间轴”“复制帧”命令；,然后单击“添加图层”按钮创建新层；,再单击该目标层，执行“编辑”“时间轴”“粘贴帧”命令，得到与源层完全相同的目标层。,（,2,）删除层或文件夹：如果要删除层或文件夹，可以选择该层或文件夹，然后单击时间轴中的“删除图层”按钮，或将层或文件夹拖到“删除图层”按钮上,任务,4,设置图层类型,熟悉设置图层类型的操作方法。,了解引导层的作用。,了解遮罩层的作用。,运用不同层的性质制作“探照灯”动画。,1,熟悉设置图层类型的操作方法,图层被分为六种类型，分别是：正常、引导层、被引导、遮罩层、被遮罩和文件夹。其中正常和文件夹就是普通的图层和文件夹对象。,引导层和被引导，以及遮罩层和被遮罩通常都是成对使用的图层，被专门用于制作运动导线动画和遮罩动画。,要设置图层的类型属性，可以双击时间轴中层的图标（即层名称左侧的图标），弹出“图层属性”对话框，在该对话框中选择类型,2,了解引导层的作用,为了在绘画时帮助对齐对象，可以创建引导层，然后可以将其他层上的对象与在引导层上创建的对象对齐。,可以将任何层用作引导层。引导层是用层名称左侧的辅助线图标表示的,还可以创建运动引导层，以绘制路径，补间实例、组或文本块可以沿着这些路径运动。,可以将多个层链接到一个运动引导层，使多个对象沿同一条路径运动。链接到运动引导层的常规层就成为被引导层,3,了解遮罩层的作用,遮罩像是个窗口，透过它可以看到位于它下面的被遮罩区域。除了透过遮罩显示的内容之外，其余的所有内容都被遮罩层的其余部分隐藏起来,要创建动态效果，还可以让遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使用补间动画。可以选择是否只显示遮罩的效果，只要单击对应的锁形图标即可,4,运用不同层的性质制作“探照灯”动画,（,1,）新建,Flash,文件，命名为“探照灯”；,（,2,）将图层一重命名为“遮罩层”，并使用“文本工具”创建文字对象“,Flash,探照灯”；,（,3,）在“遮罩层”第,36,帧插入普通帧，使动画延续,3,秒；,（,4,）在“遮罩层”下方新建图层，命名为“被遮罩层”；,（,5,）在“被遮罩层”中绘制椭圆形矢量色块，并使用放射状渐变色着色，模拟灯光散射效果；,（,6,）在“被遮罩层”第,1,、,18,、,36,帧分别创建关键帧，并将椭圆形色块摆放到文字两边的位置，尽量使第,1,和第,36,帧的色块位置一致；,（,7,）在第,1,和第,18,帧设置形状补间属性，生成色块来回移动的效果；,（,8,）将上方图层类型设置为“遮罩层”，下方图层类型设置为“被遮罩”；,（,9,）全部制作完成,任务,5,使用场景,了解场景的作用。,熟悉场景面板的基本操作。,1,了解场景的作用,场景可使设计人员方便地按照主题组织文件。例如，可以使用单独的场景用于简介、出现的消息以及片头片尾字幕等。,当发布包含多个场景的,Flash,文件时，文件中的场景将按照它们在,Flash,文件的“场景”面板中列出的顺序进行回放。文件中的帧都是按场景顺序连续编号的。,2,熟悉场景面板的基本操作,（,1,）显示场景面板：可以执行“窗口”“设计面板”“场景”命令。,（,2,）查看特定场景：执行“视图”“转到”命令，然后从子菜单中选择场景的名称。还可以直接通过“编辑场景”按钮完成选择；,（,3,）添加场景：可以直接单击“场景”面板中的“添加场景”按钮，或执行“插入”“场景”命令；,（,4,）删除场景：必须单击“场景”面板中的“删除场景”按钮；,（,5,）更改场景的名称：可以在“场景”面板中双击场景名称，然后输入新名称；,（,6,）重制场景：只要单击“场景”面板中的“重制场景”按钮；,（,7,）更改文件中场景的顺序：只需直接在“场景”面板中将场景名称拖到不同的位置即可。,项目小结,帧、图层对象在本书的所有项目中都经常出现，要逐步深入