flash课件5.ppt

《flash课件5.ppt》由会员分享，可在线阅读，更多相关《flash课件5.ppt（87页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第5讲讲 图层的操作图层的操作5.1 图层的基础知识图层的基础知识5.2 使用引导层使用引导层5.3 使用遮罩层使用遮罩层 5.1 图层的基础知识图层的基础知识 为了更好地创建和管理动画，Flash中引入了图层的概念。新建Flash文档时，只有一个图层。随着动画复杂程度的加深，通常需要将不同类型的对象放在不同的图层中。新建的图层会自动排列在已有图层的上面。图层本身是透明的，透过图层上没有对象的区域能够看到下面图层中的对象。当用户在某一图层进行编辑时，不会影响到其他图层中的内容。图层的数目仅受电脑硬件系统配置的影响，而Flash对其并没有限制。在最终输出Flash动画时，这些图层会被合并，因此

2、不会影响到输出影片的文件大小。5.1.1 图层的类型图层的类型按照图层用途的不同，可以将图层分为普通层、引导层和遮罩层3种。下面分别来介绍这3种类型的图层。（1）普通层。普通层是常用的图层，其中放置着制作动画时最基本的元素，如图形、文字、元件等。普通层的主要作用是存放画面，将多个画面按照一定的顺序叠放，就形成了动画。（2）引导层。在Flash中，不仅需要创建沿直线运动的动画，还可以创建沿曲线运动的动画。而引导层的主要作用就是用来设置运动对象的运动轨迹。引导层在动画输出时本身并不输出，因此它不会增加文件的大小。（3）遮罩层。遮罩层可以将与遮罩层相链接的图层中的图像遮盖起来。遮罩层在制作复杂的Fl

3、ash动画时会经常用到，在遮罩层中不能使用按钮元件。5.1.2 图层控制区域图层控制区域图层的控制区域位于“时间轴”面板的左侧，如图5.1.1所示。通过单击图层控制区中的按钮，用户可以简单地完成图层的大部分操作。图5.1.1 图层控制区显示/隐藏图层：用来切换图层的显示/隐藏状态。锁定/解除锁定图层：单击“锁定/解除锁定图层”按钮后，该图层被锁定。锁定后的图层不可以被编辑。再次单击，就可以解除锁定。显示图层轮廓：单击“显示图层轮廓”按钮后，图层的轮廓被显示出来。该功能有助于了解图层间的位置关系。如图5.1.2和图5.1.3所示为显示图层轮廓前后的效果。图5.1.2 显示图层轮廓前 图5.1.3

4、 显示图层轮廓后图层图标：当某图层显示为蓝色时表示该图层正处于编辑状态，其右边显示铅笔图标。图层名：显示某图层的名称，默认为图层1、图层2。新建图层：单击“新建图层”按钮，可以新建一个图层。新建引导图层：单击“新建引导图层”按钮，可以新建一个引导图层。新建图层文件夹：单击“新建图层文件夹”按钮，可以新建一个图层文件夹。删除图层：单击“删除图层”按钮，可以删除选定的图层。5.1.3 选取图层选取图层只有当选中某一图层时，才可以在该图层上绘制和修改对象。当选中该图层时，它处于活动状态，在图层名称的右边会显示铅笔图标。在同一时刻，只有一个图层处于活动状态，用户可以对其进行复制、删除等操作。（1）选取

5、单个图层。选取单个图层的方法有以下3种：1）单击“时间轴”面板上需要选取的图层的名称。2）单击该层所包含的帧。3）选择舞台上的某一对象，则包含该对象的图层就会被选中。（2）选取多个连续的图层。选取多个连续的图层的方法如下：1）首先选取这些连续图层中最上面或最下面的图层。2）按住“Shift”键单击最下面或最上面的图层即可，如图5.1.4所示。（3）选取多个不连续的图层。选取多个不连续的图层的方法和选取多个连续图层的方法基本相同，只是在选取时要按住“Ctrl”键，如图5.1.5所示。图5.1.4 选取多个连续图层 图5.1.5 选取多个不连续的图层5.1.4 重命名图层重命名图层默认图层的名称为

6、图层1、图层2，但当创作复杂图层时，为了便于进行管理，往往需要将图层重新命名，其方法有以下几种：（1）用鼠标双击图层名称，然后输入新的名称。（2）在图层名称上单击鼠标右键，从弹出的快捷菜单中选择“属性”命令，弹出“图层属性”对话框，在该对话框中重新输入图层名称即可，如图5.1.6所示。图5.1.6 “图层属性”对话框设置完成后单击“确定”按钮，修改前和修改后的效果如图5.1.7和图5.1.8所示。图5.1.7 修改名称前 图5.1.8 修改名称后5.1.5 复制图层复制图层复制图层的操作步骤如下：（1）选中需要复制的图层。（2）选择“编辑”“时间轴”“复制帧”命令，复制该层中的所有帧。（3）单

7、击“时间轴”面板上的“插入图层”按钮，插入一个新图层。（4）单击目标图层中的某一帧，选择“编辑”“时间轴”“粘贴帧”命令即可，如图5.1.9所示。图5.1.9 复制图层5.1.6 删除图层删除图层删除图层的操作非常简单，其方法有以下3种：（1）将需要删除的图层拖动到“删除图层”按钮上。（2）选中需要删除的图层，然后单击“删除图层”按钮。（3）选中需要删除的图层，然后单击鼠标右键，从弹出的快捷菜单中选择“删除图层”命令。注意：当删除图层时，不能将所有的图层都删除掉，因为最后一个图层是不能删除的。5.1.7 锁定图层锁定图层当在图层上的操作已经完成，为了避免误操作改动其内容，用户就可以将其锁定。（

8、1）锁定单个图层。选中需要锁定的图层，然后单击“时间轴”面板上图层名称右边第二列的小黑点即可锁定该图层，再次单击即可取消锁定，如图5.1.5所示。（2）锁定所有图层。单击“时间轴”面板上方的锁定图层图标即可，如图5.1.11所示，再次单击即可取消锁定。注意：当锁定图层后，用户就不能对图层中的对象进行操作了。图5.1.5 锁定单个图层 图5.1.11 锁定所有图层5.1.8 显示或隐藏图层显示或隐藏图层当用户在对某一图层进行编辑时，为了避免受到其他图层的干扰，用户可以将这些图层隐藏。其方法有以下两种：（1）用图标显示或隐藏图层。用图标隐藏图层的方法比较简单，选中需要隐藏的图层后，单击“时间轴”面

9、板上图层名称之后的第一个小黑点即可，隐藏后小黑点就变成了图标。如图5.1.12所示。再次单击图标即可显示此图层。单击“时间轴”面板上的图标，可以隐藏所有图层，如图5.1.13所示。再次单击即可显示所有图层。图5.1.12 隐藏单个图层 图5.1.13 隐藏所有图层 （2）用图标显示或隐藏图层。用图标显示或隐藏图层的方法和用图标显示或隐藏图层的方法相同，只是使用图标隐藏图层中的对象内容后，还会显示该对象的轮廓。5.1.9 创建普通层创建普通层创建普通图层的方法有以下3种：（1）选择“插入”“时间轴”“图层”命令。（2）单击“时间轴”面板上的“插入图层”按钮。（3）用鼠标右键单击“时间轴”面板上的

10、图层，在弹出的快捷菜单中选择“插入图层”命令。5.1.5 创建引导层创建引导层创建引导层的方法也有以下3种：（1）选择“插入”“时间轴”“运动引导层”命令。（2）单击“时间轴”面板上的“添加运动引导层”按钮。（3）用鼠标右键单击“时间轴”面板上的图层，在弹出的快捷菜单中选择“添加引导层”命令。创建好的引导层如图5.1.14所示。图5.1.14 创建引导层5.1.11 创建遮罩层创建遮罩层遮罩层的主要作用是控制被遮罩层的显示，用户不能像创建其他图层一样建立遮罩层，而只能将某个图层转换为遮罩层。当某个图层变成遮罩层后，其下面的图层将会自动成为被遮罩层且遮罩层与被遮罩层会被同时锁定。创建遮罩层的方法

11、是：选中要转换为遮罩层的图层，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令即可，如图5.1.15和图5.1.16所示分别为使用遮罩前和使用遮罩后的图像效果。提示：创建好遮罩层后，遮罩层与被遮罩层都被锁定，如果用户需要对其进行编辑，则需要先将其解锁。图5.1.15 使用遮罩前 图5.1.16 使用遮罩后5.1.12 设置图层属性设置图层属性选择“修改”“时间轴”“图层属性”命令，弹出如图5.1.17所示的“图层属性”对话框，在该对话框中，用户可以设置图层的名称、类型等参数。图5.1.17 “图层属性”对话框该对话框中各项参数的含义如下：“名称”：输入图层的名称。“显示”：选中该复选框显示该

12、图层，反之则隐藏该图层。“锁定”：选中该复选框锁定该图层。“正常”：选中该单选按钮表示图层为普通图层。“引导层”：选中该单选按钮表示图层为引导图层。“遮罩层”：选中该单选按钮表示图层为遮罩图层。“文件夹”：选中该单选按钮设置当前图层为文件夹形式。“轮廓颜色”：单击“颜色”按钮可设置该层上对象轮廓的颜色。“将图层视为轮廓”：选中该复选框后显示该层上对象的轮廓。“图层高度”：在其右侧的下拉列表中设置图层在时间轴上的高度，它有3个选项，分别为50%，200%和300%，如图5.1.18所示为300%时的图层高度。图5.1.18 图层高度为300%时的效果5.2 使用引导层使用引导层引导层可以分为两种

13、：普通引导层和运动引导层，普通引导层主要用来定位对象，运动引导层的主要作用是引导对象沿轨迹运动。5.2.1 普通引导层普通引导层下面以一个实例来介绍普通引导层的使用方法，该实例的操作步骤如下；（1）按“Ctrl+N”组合键新建一个Flash文档。（2）按“Ctrl+J”组合键弹出“文档属性”对话框，如图5.2.1所示。设置好其参数后单击“确定”按钮。（3）选择“文件”“导入”“导入到库”命令，弹出“导入到库”对话框，如图5.2.2所示。选中要导入的图像，然后单击“打开”按钮，将该图像导入到“库”面板中。图5.2.1 “文档属性”对话框 图5.2.2 “导入到库”对话框（4）选择“视图”“网格”

14、“编辑网格”命令，弹出“网格”对话框，在该对话框中设置好参数，如图5.2.3所示。（5）单击“确定”命令，舞台上就显示出了网格，如图5.2.4所示。图5.2.3 “网格”对话框 图5.2.4 显示网格（6）选择工具箱中的多边形工具，将其笔触颜色设置为黑色，填充颜色设置为无，边数设置为5，类型为星形。设置好后在舞台上绘制一个星形，如图5.2.5所示。（7）选中该图层，然后单击鼠标右键，在弹出的快捷菜单中选择“引导层”命令，将该图层转换为引导层。（8）单击“时间轴”面板上的“插入图层”按钮，插入一个新图层，然后将其移动到图层1的下面，如图5.2.6所示。图5.2.5 绘制星形图5.2.6 “时间轴

15、”面板（9）按“Ctrl+L”组合键打开“库”面板，将其中的图形拖动到舞台上。选择工具箱中的任意变形工具，将其缩小。然后选择工具箱中的选择工具，将其移动到多边形的顶点上，如图5.2.7所示。（5）将该图形复制4个，并放到相应的顶点上，如图5.2.8所示。图5.2.7 移动图形到舞台上 图5.2.8 复制图形（11）按“Ctrl+Enter”组合键进行测试，可以看到5个等距离排列的图形，而引导层上的多边形和网格都不会显示出来，如图5.2.9所示。图5.2.9 最终效果5.2.2 运动引导层运动引导层下面通过制作一个实例来介绍运动引导层的功能，该实例的操作步骤如下：（1）按“Ctrl+N”组合键新

16、建一个Flash文档。（2）按“Ctrl+J”组合键弹出“文档属性”对话框，如图5.2.5所示，设置好参数后单击“确定”按钮。图5.2.5 “文档属性”对话框（3）单击“时间轴”面板上的“添加运动引导图层”按钮添加一个引导层。（4）选择工具箱中的铅笔工具绘制一条曲线作为路径。（5）选择“文件”“导入”“导入到库”命令，弹出“导入到库”对话框，如图5.2.11所示。选择一组GIF图像，然后单击“打开”按钮，将该图像导入到“库”面板中。（6）按“Ctrl+L”组合键打开“库”面板。（7）在“库”面板中可以看到一个形成该GIF动画的影片剪辑元件，将其拖动到舞台上，并调整其位置与路径的起点重合，如图5

17、.2.12所示。（8）在图层1的第150帧单击，按“F6”键插入关键帧。在引导层的第150帧处单击，按“F5”键插入普通帧将动画延时。图5.2.11 “导入到库”对话框 图5.2.12 将元件拖动到路径的起点（9）单击图层1的第150帧，将影片剪辑实例拖动到路径的终点处。（5）用鼠标右键单击图层1的第1帧到第150帧之间的任意帧，在弹出的快捷菜单中选择“创建补间动画”命令。至此，该运动引导动画就制作完成了，按“Ctrl+Enter”组合键进行测试，最终效果如图5.2.13所示。图5.2.13 最终效果5.3 使用遮罩层使用遮罩层 遮罩层是Flash 8中的一种特殊图层，在遮罩层中绘制对象的区域

18、会成为透明区域，而非对象区域则完全不透明，用户可以透过遮罩层内的对象看到其下面图层的内容。下面通过制作聚光灯效果来介绍遮罩层的使用，其具体操作步骤如下：（1）按“Ctrl+N”组合键新建一个Flash文档。（2）按“Ctrl+J”组合键弹出“文档属性”对话框，其参数设置如图5.3.1所示，设置完成后单击“确定”按钮。（3）选择工具箱中的文字工具，在舞台上输入文字“Flash 8基础与实例教程”，如图5.3.2所示。图5.3.1 “文档属性”对话框 图5.3.2 输入文字（4）单击“时间轴”面板上的“插入图层”按钮，插入一个新图层，如图5.3.3所示。图5.3.3 插入图层 图5.3.4 绘制椭

19、圆 图5.3.5 移动椭圆 （5）选择工具箱中的椭圆工具，在图层2上绘制一个椭圆，如图5.3.4所示。（6）单击图层2的第35帧，按“F6”键插入关键帧。单击图层1的第35帧，按“F5”键插入帧。然后将图层2中的椭圆拖动到文字的右边位置，如图5.3.5所示。（7）在图层2的第1帧到第35帧之间的任意帧处单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，如图5.3.6所示。图5.3.6 创建补间动画（8）用鼠标右键单击“时间轴”面板上的图层2的名称，在弹出的快捷菜单中选择“遮罩层”命令，将该图层转换为遮罩层。这时的“时间轴”面板如图5.3.7所示。图5.3.7 “时间轴”面板至此，该遮罩

20、动画就制作完成了，按“Ctrl+Enter”组合键进行测试，效果如图5.3.8所示。图5.3.8 最终效果5.4 实战演习实战演习 实战演习内容实战演习内容本例将制作一个小球弹跳的动画，动画的整个过程为：小球不停地上下跳动，在此过程中还伴随着阴影和光晕的变化，使该效果更加逼真。实战演习步骤实战演习步骤（1）启动Flash 8应用程序，新建一个Flash文档。（2）按“Ctrl+F8”组合键弹出“创建新元件”对话框，其参数设置如图5.4.1所示。图5.4.1 “创建新元件”对话框（3）选择工具箱中的椭圆工具，在元件编辑区中绘制一个正圆，如图5.4.2所示，这时的圆形没有立体效果。（4）选择“窗口

21、”“混色器”命令，打开“混色器”面板，其参数设置如图5.4.3所示。图5.4.2 绘制正圆 图5.4.3 “混色器”面板（5）选择工具箱中的颜料桶工具，对圆形进行填充。这时，小球就制作好了，如图5.4.4所示。（6）按“Ctrl+E”组合键返回到主场景。（7）按“Ctrl+L”组合键打开“库”面板，如图5.4.5所示，将小球元件拖动到场景中。图5.4.4 填充图形 图5.4.5 “库”面板（8）分别单击图层1的第12帧和第24帧，按“F6”键插入关键帧，如图5.4.6所示。图5.4.6 “时间轴”面板（9）单击第12帧，将小球向其正上方移动。然后选择工具箱中的任意变形工具，将其旋转一定的角度，

22、以增强立体效果。（5）单击第1帧，在“属性”面板中设置其属性如图5.4.7所示。此时，小球向上弹起且速度由快变慢的动画就制作好了。图5.4.7 “属性”面板（11）单击第12帧，在“属性”面板中设置其属性如图5.4.8所示。此时，小球落地且速度由慢变快的动画就制作好了。图5.4.8 “属性”面板（12）为小球添加阴影效果。单击“时间轴”面板上的“插入图层”按钮，插入一个新图层。然后将图层2拖动到图层1的下面，如图5.4.9所示。图5.4.9 “时间轴”面板（13）选择工具箱中的椭圆工具，绘制小球的阴影。（14）按“Ctrl+F8”组合键弹出“创建新元件”对话框，其参数设置如图5.4.5所示。图

23、5.4.5 “创建新元件”对话框（15）打开“混色器”面板，其参数设置如图5.4.11所示。（16）选择工具箱中的颜料桶工具为阴影填充颜色，填充后的效果如图5.4.12所示。图5.4.11 “混色器”面板 图5.4.12 阴影效果（17）按“Ctrl+E”组合键返回到主场景，打开“库”面板，将阴影拖动到舞台上小球下方的位置，如图5.4.13所示。（18）在第12帧处插入关键帧，将阴影向上移动到小球的下方。在第24帧处按“F6”插入关键帧，然后分别用鼠标右键单击图层2的第1帧和第12帧，在弹出的快捷菜单中选择“创建补间动画”命令。至此，跳动的小球动画就制作好了。按“Ctrl+Enter”组合键进

24、行测试，其效果如图5.4.14所示。图5.4.13 拖动小球的阴影到舞台上 图5.4.14 最终效果5.5 知识巩固知识巩固 知识巩固内容知识巩固内容本例将制作一个遮罩效果，以巩固用户对遮罩的理解，其效果如图5.5.1所示。图5.5.1 最终效果 知识巩固步骤知识巩固步骤（1）按“Ctrl+N”组合键新建一个Flash文档。（2）按“Ctrl+J”组合键打开“文档属性”对话框，其参数设置如图5.5.2所示。设置完成后单击“确定”按钮。（3）选择“文件”“导入”“导入到舞台”命令，打开如图5.5.3所示的“导入”对话框，选中需要导入的图像后单击“打开”按钮将其导入到舞台中。（4）选择“窗口”“对

25、齐”命令，打开如图5.5.4所示的“对齐”面板。图5.5.2 “文档属性”对话框图5.5.3 “导入”对话框 图5.5.4 “对齐”面板（5）单击“匹配宽和高”按钮，将导入的图片设置为文档的大小。按“F8”键弹出“转换为元件”对话框，如图5.5.5所示。选中“图形”单选按钮后单击“确定”按钮。图5.5.5 “转换为元件”对话框（6）单击舞台上的图像实例，在其“属性”面板中将其Alpha值设为45%，如图5.5.6所示。图5.5.6 设置透明度（7）单击“时间轴”面板底部的“插入图层”按钮，在图层1的上面新建一个图层。（8）打开“库”面板，将图形元件拖动到舞台上，并与图层1的对象重合，如图5.5

26、.7所示。（9）在图层2的第50帧处单击鼠标右键，从弹出的快捷菜单中选择“插入帧”命令，这时的“时间轴”面板如图5.5.8所示。图5.5.7 将图片导入到舞台上图5.5.8 “时间轴”面板（5）继续新建图层3，选择工具箱中的椭圆工具，在舞台上绘制圆。然后单击工具箱中的“选择工具”按钮，选中圆的边线，按“Delete”键将其删除。再次选中圆，按“Ctrl+G”组合键将其组合，如图5.5.9所示。（11）在图层3的“时间轴”面板上用鼠标右键单击第15帧，在弹出的快捷菜单中选择“插入关键帧”命令，在第15帧处插入一个关键帧，然后选择工具箱中的选择工具，将圆移动到如图5.5.5所示的位置。图5.5.9

27、 图层3的第1帧效果 图5.5.5 图层3的第15帧效果（12）用鼠标右键单击图层3的第1帧，在弹出的快捷菜单中选择“创建补间动画”命令。（13）按照相同的方法在图层3的第15帧到第50帧之间创建如图5.5.11所示的补间动画。图5.5.11 在图层3上创建补间动画（14）用鼠标右键单击图层3，在弹出的快捷菜单中选择“遮罩层”命令，设置图层3为遮罩层，此时“时间轴”面板如图5.5.12所示。至此，该遮罩动画就制作完成了，按“Ctrl+Enter”组合键测试影片，最终效果如图5.5.1所示。图5.5.12 设置遮罩层 上机操作题练习修改图层的属性，如图层名称、类型、图层高度等。主要操作步骤（1）选中需要修改属性的图层。（2）选择“修改”“时间轴”“图层属性”命令，弹出“图层属性”对话框，在该对话框中，用户可以设置该图层的名称、类型等参数。