时间轴面板

·清华大学出版社·第5章时间轴面板FlashCS6动画制作从入门到精通中文版FlashCS6动画制作从入门到精通本章导读学电脑从入门到精通清华大学出版社22345帧的编辑认识图层时间轴简介图层的类型内容导读认识帧的基本类型FlashCS6动画制作从入门到精通5.1认识时间轴面板“时间轴”面板的简介时间轴的外观5.1.15.1.2中文版FlashCS6动画制作从入门到精通“时间轴”面板是Flash的一大特点。在以往的动画制作中，通常需要制作出每一帧的图像，然后通过快速播放各张图像来达到动画效果。而在Flash的“时间轴”面板中，只需对时间轴上的关键帧进行制作，Flash就会自动生成运动中的动画帧。并且可以通过添加ActionScript语句，制作多种不同的动画，从而有效提高了动画制作的效率。5.1.1时间轴面板的简介学电脑从入门到精通清华大学出版社4中文版FlashCS6动画制作从入门到精通5.1.2时间轴的外观“时间轴”面板是制作动画的关键面板，所以在制作动画之前，应该认识该面板，并对该面板的各个组成部分有一定的了解。学电脑从入门到精通清华大学出版社5FlashCS6动画制作从入门到精通学电脑从入门到精通清华大学出版社65.2认识图层图层的类型图层的显示状态5.2.15.2.2中文版FlashCS6动画制作从入门到精通5.2.1图层的类型学电脑从入门到精通清华大学出版社7图层有助于在文档中组织各个元素，一个Flash文档至少应包含一个图层。当有多个图层时，上面图层的内容会覆盖在下面图层的上方。可以把图层看作堆叠在一起的多个透明玻璃，每个玻璃中都包含有不同的内容，所以可以在一个图层上绘制编辑一个对象，而完全不会影响到其他图层中的内容。中文版FlashCS6动画制作从入门到精通图层的后方包括3个图标，分别是“显示或隐藏图层”、“锁定或解除锁定图层”和“显示图层轮廓”，代表了图层的不同显示状态。5.2.2图层的显示状态学电脑从入门到精通清华大学出版社81．显示和隐藏图层2．锁定和解锁图层3．显示图层轮廓中文版FlashCS6动画制作从入门到精通显示和隐藏图层是最常用的图层显示状态，尤其是在制作一个包含多个图层的Flash动画时，经常需要隐藏部分图层，以方便编辑不同图层中的元素。1．显示和隐藏图层学电脑从入门到精通清华大学出版社9中文版FlashCS6动画制作从入门到精通图层的锁定和解锁，与显示和隐藏图层的操作类似。单击“锁定或解锁所有图层”图标，或单击单击具体图层后方的第二个小黑点即可。2．锁定和解锁图层学电脑从入门到精通清华大学出版社10中文版FlashCS6动画制作从入门到精通显示图层轮廓是指将场景中的对象以轮廓线的形式进行查看。当场景中元素较多时，通过这种形式可以轻松地分辨出不同的元素。3．显示图层轮廓学电脑从入门到精通清华大学出版社11FlashCS6动画制作从入门到精通5.3管理图层图层的操作组织图层5.3.15.3.2图层属性5.3.3学电脑从入门到精通清华大学出版社中文版FlashCS6动画制作从入门到精通图层的基本操作包括新建图层、选择图层、移动图层、重命名图层、查看图层等，这些操作是制作Flash动画至关重要的操作。5.3.1图层的操作学电脑从入门到精通清华大学出版社131．新建图层2．选择图层3．重命名图层4．移动图层5．复制图层6．删除图层中文版FlashCS6动画制作从入门到精通在一个场景中可以多次使用不同款Deco工具的刷子，组合出一些比较复杂的图形效果。4.3.2使用Deco绘制图形学电脑从入门到精通清华大学出版社14FlashCS6动画制作从入门到精通学电脑从入门到精通清华大学出版社4.4色彩的填充4.4.1颜料桶工具4.4.2对图形进行纯色填充4.4.3滴管工具4.4.4渐变填充中文版FlashCS6动画制作从入门到精通新建的Flash文档会自动创建一个名为“图层1”的空白图层。若需要更多的图层，需要新建图层。单击“新建图层”按钮，新建的图层自动以“图层”加序号组成，如“图层2”、“图层3”等。将鼠标光标移动到需要创建图层的上方，单击鼠标右键，在弹出的快捷菜单中选择“插入图层”命令。在菜单栏中选择【插入】/【时间轴】/【图层】命令。1．新建图层学电脑从入门到精通清华大学出版社16中文版FlashCS6动画制作从入门到精通编辑图层或图层中的内容时，需要先选择该图层。一个完整的动画一般是由多个图层构成的，有些复杂的动画甚至包含几十个图层，对这些Flash动画进行编辑操作时，尤其需要注意图层的选择操作。2．选择图层学电脑从入门到精通清华大学出版社17中文版FlashCS6动画制作从入门到精通默认情况下，新建的图层将以“图层1”、“图层2”、“图层3”的名字自动被命名，在图层较少时不影响操作，但是如果图层过多，则需要适当地对图层进行重命名，以便能清楚地了解每个图层中所包含的内容。3．重命名图层学电脑从入门到精通清华大学出版社18中文版FlashCS6动画制作从入门到精通移动图层主要是修改不同图层中各个元素的上下级关系。因为上面图层中的内容会显示在下面图层内容的上方，所以图层位置的不同，其显示的结果也可能不同。4．移动图层学电脑从入门到精通清华大学出版社19中文版FlashCS6动画制作从入门到精通选择图层后直接按“Ctrl+C”键，并不能复制该图层，而是会复制该图层帧中包含的元素。如果需要复制一个图层中所有的内容，也可以直接复制图层，这样将会把图层中所包含的内容也一同复制。复制图层主要有以下几种方法：选择需要复制的图层，并在该图层上单击鼠标右键，在弹出的快捷菜单中选择“拷贝图层”命令，然后再在需要粘贴的位置单击鼠标右键，在弹出的快捷菜单中选择“粘贴图层”命令。选择需要复制的图层，在该图层上单击鼠标右键，在弹出的快捷菜单中选择“复制图层”命令，此时将会直接把该图层复制到图层区中，而不用再执行粘贴的操作。选择需要复制的图层，然后将其拖动到“新建图层”按钮上，再释放鼠标即可。5．复制图层学电脑从入门到精通清华大学出版社20中文版FlashCS6动画制作从入门到精通删除图层的方法主要有如下3种：•选择需要删除的图层，单击图层区域中的“删除”按钮，即可删除图层。•选择需要删除的图层，单击鼠标右键，在弹出的快捷菜单中选择“删除图层”命令，即可删除选择的图层。•选择需要删除的图层，将其拖动到“删除”按钮上，再释放鼠标即可。6．删除图层学电脑从入门到精通清华大学出版社21中文版FlashCS6动画制作从入门到精通将不同的元素分别放置于不同的图层中，有利于对元素进行管理。而将这些图层有规律的放入到图层文件夹中，可以使图层的组织更加有序。5.3.2组织图层学电脑从入门到精通清华大学出版社22中文版FlashCS6动画制作从入门到精通图层有很多种不同的状态，所以除了可直接在图层区中对图层进行操作外，还可以在“图层属性”对话框中对图层的属性进行编辑。5.3.3图层属性学电脑从入门到精通清华大学出版社23FlashCS6动画制作从入门到精通学电脑从入门到精通清华大学出版社245.4帧帧的基本类型5.4.1帧的控制按钮5.4.2中文版FlashCS6动画制作从入门到精通不同的帧可以存储不同的内容，这些内容虽然都是静止的，但如果连贯的画面依次放置到帧中，再按照顺序依次播放这些帧，便形成了最基本的Flash动画。5.4.1帧的基本类型学电脑从入门到精通清华大学出版社25中文版FlashCS6动画制作从入门到精通由于帧有多种类型，而且在时间轴中比较细小，为了能准确地控制每一帧，在帧区的下方提供了一些帧的控制按钮。使用这些按钮，可以进行选择帧、设置帧外观以及设置帧频等操作。5.4.2帧的控制按钮学电脑从入门到精通清华大学出版社26FlashCS6动画制作从入门到精通5.5帧的编辑帧的基本操作5.5.1帧的属性设置5.5.2学电脑从入门到精通清华大学出版社中文版FlashCS6动画制作从入门到精通在制作Flash动画的过程中，经常需要对帧进行各类操作，主要包括插入帧、选择帧、移动帧、复制帧、翻转帧、清除帧和删除帧等。5.5.1帧的基本操作学电脑从入门到精通清华大学出版社281．插入帧2．选择帧5．翻转帧3．复制、粘贴和移动帧4．删除与清除帧中文版FlashCS6动画制作从入门到精通•用菜单命名插入帧：将鼠标光标定位在需要插入帧的位置，选择【插入】/【时间轴】命令，在弹出的子菜单中选择相应命令，即可插入相应帧。•用快捷菜单插入帧：将鼠标光标定位在需要插入帧的上方，单击鼠标右键，在弹出的快捷菜单中选择需要插入帧的类型，即可插入相应帧。•快捷键插入帧：将鼠标光标定位在需要插入普通帧的上方，按“F5”键可插入普通帧；按“F6”键可插入关键帧；按“F7”键可插入空白关键帧。1．插入帧学电脑从入门到精通清华大学出版社29中文版FlashCS6动画制作从入门到精通选择帧的方法与选择图层的方法类似。•直接选择帧：将鼠标光标移动到需要选择帧的上方，单击鼠标左键，即可选择该帧。•选择不相邻的帧：按住“Ctrl”键的同时，单击要选择的帧，即可选择不连续的多个帧。•选择连续的帧：选择一帧后，按住“Shift”键的同时，单击要选择连续帧的最后帧，即可选择两帧之间的所有帧。•选择所有帧：在帧上单击鼠标右键，在弹出的快捷菜单中选择“选择所有帧”命令，即可选择所有帧。2．选择帧学电脑从入门到精通清华大学出版社30中文版FlashCS6动画制作从入门到精通选择帧后，直接按Ctrl+C或Ctrl+X键，复制或剪切的不是帧本身，而是帧中包含的内容，即场景中的内容。且选择多帧后，只能复制或剪切最后选择的一帧。复制帧：选择需要复制的帧，选择【编辑】/【时间轴】/【复制帧】命令，或单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令将其复制。粘贴帧：选择目标帧，选择【编辑】/【时间轴】/【粘贴帧】命令，或单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令。移动帧：通过编辑菜单或右键菜单中的“剪切帧”命令，将帧剪切后再进行粘贴操作。也可以选择帧后按住鼠标左键不放，直接拖动帧。3．复制、粘贴和移动帧学电脑从入门到精通清华大学出版社31中文版FlashCS6动画制作从入门到精通使用鼠标拖动帧的过程中，按住Alt键不放，可复制帧。清除帧与删除帧不同，删除帧可删除帧本身（包括帧中的内容），而清除帧只删除该帧中包含的内容，并不删除帧本身。对关键帧执行清除帧操作，会删除帧中的内容，使其变为空白关键帧。删除帧：选择不需要的帧，在其上方单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令，或选择【编辑】/【时间轴】/【删除帧】命令。清除帧：使用右键菜单或【编辑】/【清除帧】命令，或选择帧后直接按Delete键。4．删除与清除帧学电脑从入门到精通清华大学出版社32中文版FlashCS6动画制作从入门到精通翻转帧是指将“时间轴”面板中的帧位置进行左右翻转交换，即将在第1帧中的内容移至第10帧，第10帧中的内容移到第1帧，……。制作循环动作动画时，应用此命令可以减少很多重复步骤的制作。选择一个或多个图层中的多个帧，再选择【修改】/【时间轴】/【翻转帧】命令，或单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令。5．翻转帧学电脑从入门到精通清华大学出版社33中文版FlashCS6动画制作从入门到精通除了对帧本身进行操作外，还有一些属性的设置，也是必不可少的操作。设置的内容主要包括标签、帧频、外观等。5.5.2帧的属性设置学电脑从入门到精通清华大学出版社34FlashCS6动画制作从入门到精通学电脑从入门到精通清华大学出版社355.6基础实例——制作森林中的猫一个完整的Flash动画是由多个帧共同组成的，在不同的帧中放置不同的图像，然后再依次播放这些图像，便能形成一个完整的Flash动画。本例将一个Flash文档中不同帧中的内容进行编辑，使其形成连贯的动画效果中文版FlashCS6动画制作从入门到精通本例制作的“森林中的猫”动画，属于逐帧动画。逐帧动画是Flash中一种基本动画类型，也是学习Flash时