flash高级动画

第六模块高级动画Flashcs5动画制作案例教程高级动画案例14走向未来——遮罩动画案例描述用静态图片素材制作遮罩动画，创建如图6-1所示的地球旋转效果。图6-1“走向未来”动画效果案例分析•以圆形为遮罩层，以地图为被遮罩层，通过地图的运动创建地球的旋转效果。•使用Deco工具中的“闪电刷子”，创建闪电动画，作为地球的背景。操作步骤1.新建FLASH文档，按【Ctrl+S】保存文件，命名为“走向未来.fla”。2.设置舞台的背景颜色为#0099FF。单击菜单“文件→导入→导入到库”，导入图片“地图.png”。3.新建名称为“地图”的图形元件，将库中的“地图.png”拖放两次到元件内部拼接。效果如图6-2所示。图6-2“地图”元件效果4.新建名称为“旋转地球”的影片剪辑元件，把库中的“地图”图形元件拖放到影片剪辑的舞台正中。双击时间轴左侧的图层名称“图层1”，重命名为“地图”。单击左下角的“新建图层”按钮，在“地图”层之上建立新的图层，命名为“地球”。按住“地球”层的名称，将其拖到“地图”层之下。在“地球”层绘制一个正圆形，用“径向渐变”色填充，颜色由左至右为：#3D3DF0，#0000FF，#00CCFF，如图6-3所示。调整圆形的位置与大小如图6-4所示。图6-3径向渐变参数图6-4圆形的位置与大小5.在“地球”层的第60帧位置插入帧。右击舞台上的“地图”，选择“创建补间动画”命令。将“地图”层的补间范围拖动到第60帧位置，播放头置于第60帧，调整地图的位置如图6-5所示。图6-5第60帧的地图位置6.在“地图”层之上新建图层，命名为“遮罩”层。复制“地球”层的圆形，然后选择“遮罩”层的第一帧，执行菜单命令“编辑→粘贴到当前位置”。在“遮罩”层名称上右击，选择“遮罩层”命令，这时“地图”层也自动转换为“被遮罩”层。效果如图6-6所示。图6-6创建遮罩的效果7.单击舞台左上角的“场景1”返回主时间轴。创建三个图层，自上至下分别命名为“行人”、“旋转地球”、“闪电”。选择“旋转地球”层的第一帧，将库中的“旋转地球”影片剪辑拖到舞台正中，为它添加“发光”滤镜，设置参数为模糊X：44，模糊Y：44，强度：144，品质：高，颜色：#FFFFFF，内发光。复制刚添加的“发光”滤镜，然后粘贴到同一滤镜属性窗口，修改“强度”值为135，取消“内发光”，其余参数不变。8.新建名称为“行人”的影片剪辑，导入外部素材“人.swf”到剪辑的舞台。效果如图6-7所示。新建名称为“闪电”的影片剪辑，使用Deco工具中的“闪电刷子”的“动画”模式，制作闪电动画。效果如图6-8所示。图6-7“行人”效果图6-8“闪电”效果6.1使用图层FLASH中的图层就像透明的玻璃纸一样，可以在舞台上一层层叠加。每个图层上都可以放置不同的图形，而且在一个图层上绘制和编辑对象，不会影响其它图层上的对象。若要同时补间多个组或元件，每个组或元件必须放在单独的图层上。可以通过创建图层文件夹来组织和管理图层，把图形、声音、脚本、注释等分别放在不同的图层或文件夹中，有助于快速找到它们进行编辑。1．图层的分类FLASH中的图层包括一般层、引导层、被引导层、遮罩层、被遮罩层、补间动画层、姿势层，在常规层、遮罩层、被遮罩层和引导层中，可以包含补间动画或反向运动骨骼。图6-9展示了FLASH中不同的图层类型。案例14走向未来——遮罩动画9.返回“场景1”，选择“闪电”层的第一帧，把库中的“闪电”拖放到舞台正中。选择“行人”层的第一帧，把库中的“行人”拖放到舞台，放置在地球之上的位置。按【Ctrl+S】保存文件，然后按【Ctrl+Enter】测试影片，播放效果如图6-1所示。图6-9FLASH中的图层类型案例14走向未来——遮罩动画图层上各图标的含义如下：•图层文件夹：用于组织管理图层。•一般层：包含FLA文件中的大部分插图。•引导层：包含一些笔触，可用于对齐其它图层上的对象或引导其它图层上传统补间动画的运动。•被引导层：是与引导层关联的图层。可以沿引导层上的笔触排列对象或为这些对象创建动画效果。被引导层可以包含静态插图和传统补间，但不能包含补间动画。•遮罩层：包含用作遮罩的对象，这些对象用于隐藏其下方图层的特定部分。•被遮罩层：位于遮罩层下方并之关联，用于放置被遮罩对象。•补间动画层：创建了补间动画的图层。•姿势层：包含骨架及其相关对象的图层。•活动层：标明该图层处于活动状态，层上的内容可以编辑。•隐藏的层：标明该图层处于隐藏状态，图层上的对象不可见。•锁定的层：该图层处于锁定状态，图层上的对象不可编辑。•显示为轮廓：图层上的对象以轮廓形式显示。2．创建图层创建图层，可以执行下列操作之一：•单击时间轴底部的“插入图层”按钮。•选择菜单“插入→时间轴→图层”。•右键单击时间轴中的一个图层名称，然后从右键菜单中选择“插入图层”。•要创建图层文件夹，可执行下列操作之一：•单击时间轴底部的“插入图层文件夹”按钮。•在时间轴中选择一个图层或文件夹，然后选择菜单“插入→时间轴→图层文件夹”。•右键单击时间轴中的一个图层名称，然后从上下文菜单中选择“插入文件夹”。新文件夹将出现在所选图层或文件夹的上方。3.重命名图层和图层文件夹可执行下列操作之一：•双击时间轴中图层或文件夹的名称，然后输入新名称。•右键单击图层或文件夹的名称，然后从上下文菜单中选择“属性”，打开如图6-10所示的“图层属性”对话框，在“名称”框中输入新名称，然后单击“确定”。•在时间轴中选择图层或文件夹，然后选择菜单“修改→时间轴→图层属性”（同样可打开如图6-10所示的“图层属性”对话框），在“名称”框中输入新名称，然后单击“确定”。图6-10“图层属性”对话框4.选择图层或文件夹要选择图层或文件夹，可以执行下列操作之一：•单击时间轴中图层或文件夹的名称。•在时间轴中单击要选择的图层的任意一个帧。•在舞台中选择要选择的图层上的一个对象。•要选择连续的几个图层或文件夹，可以按住【Shift】单击它们的名称。•要选择几个不连续的图层或文件夹，可按住【Ctrl】单击它们的名称。5．组织图层和图层文件夹可以执行下列操作之一：•要将图层或图层文件夹移动到图层文件夹中，可将该图层或文件夹的名称拖到目标图层文件夹的名称中。•要更改图层或文件夹的顺序，可将时间轴中的一个或多个图层或文件夹拖到所需位置。•要展开或折叠文件夹，单击该文件夹名称左侧的三角形。6.删除图层或文件夹要删除图层或图层文件夹，可先选择要删除的图层或文件夹，然后执行下列操作之一：•单击时间轴中的“删除图层”按钮。•将图层或文件夹拖到“删除图层”按钮。•右键单击该图层或文件夹的名称，然后从上下文菜单中选择“删除图层”。7.隐藏图层或文件夹可执行下列操作之一：•要隐藏图层或图层文件夹，单击时间轴中该图层或文件夹名称右侧的“眼睛”列（与眼睛按钮对应的圆点）。要显示图层或文件夹，可再次单击它。•要隐藏时间轴中的所有图层和文件夹，可单击眼睛按钮。若要显示所有图层和文件夹，可再次单击它。•要显示或隐藏多个图层或文件夹，可在“眼睛”列中拖动鼠标。•若要隐藏除当前图层或文件夹以外的所有图层和文件夹，可按住【Alt】单击图层或文件夹名称右侧的“眼睛”列。要显示所有图层和文件夹，可再次按住【Alt】单击。8.锁定图层或文件夹6-11锁定的图层和图层文件夹操作方法：•要锁定图层或文件夹，单击该图层或文件夹名称右侧的“锁定”列。要解锁该图层或文件夹，再次单击“锁定”列。•要锁定所有图层和文件夹，单击挂锁按钮。要解锁所有图层和文件夹，再次单击它。•要锁定或解锁多个图层或文件夹，可在“锁定”列中拖动。•若要锁定除当前图层或文件夹外的所有图层或文件夹，可按住【Alt】单击图层或文件夹名称右侧的“锁定”列。要解锁所有图层或文件夹，再次按住【Alt】单击“锁定”列。9.以轮廓查看图层上的内容使用彩色轮廓显示图层上的对象，可以帮助区分对象所属的图层。可执行下列操作之一：•要将图层上所有对象显示为轮廓，单击该图层名称右侧的“轮廓”列（与轮廓按钮对应的圆点）。要关闭轮廓显示，再次单击它。•要将所有图层上的对象显示为轮廓，单击轮廓按钮。要关闭所有图层上的轮廓显示，再次单击它。•若要将除当前图层以外的所有图层上的对象显示为轮廓，按住【Alt】单击图层名称右侧的“轮廓”列。要关闭其它所有图层的轮廓显示，再次按住【Alt】单击。10.将对象“分散到图层”操作方法：选择要分散到图层的对象，然后执行下列操作之一：•选择菜单“修改→时间轴→分散到图层”。•右键单击所选对象之一，然后选择“分散到图层”。6.2遮罩动画1.创建遮罩层操作方法：（1）选择或创建一个图层，在其中放置填充形状、文字或元件的实例。（遮罩层会自动链接下方紧贴着它的图层，因此应选择正确的位置创建遮罩层。）（2）右键单击时间轴中的遮罩层名称，然后选择“遮罩”。图层左侧会出现一个遮罩层图标，表示该层为遮罩层。紧贴它下面的图层自动链接到遮罩层，其内容会透过遮罩上的填充区域显现出来。被遮罩的图层名称以缩进形式显示，图标变为。2.创建被遮罩层可执行下列操作之一：•将现有的图层直接拖到遮罩层下面。•在遮罩层下面创建一个新图层，选择“修改→时间轴→图层属性”，然后选择“被遮罩”。可执行下列操作之一：•将图层拖到遮罩层的上面。•选择菜单“修改→时间轴→图层属性”，然后选择“一般”。3.断开图层和遮罩层的链接案例15手有余香——引导层动画案例描述图6-12“手有余香”动画效果通过使用运动引导层，制作蝴蝶沿文字边缘翩翩飞舞的动画。效果如图6-12所示。案例分析•把文本“rose”转换为填充，作为运动引导路径。•为“蝴蝶”影片剪辑创建传统补间动画，让蝴蝶沿引导线运动。操作步骤1.新建FLASH文档，按【Ctrl+S】保存文件，命名为“手有余香.fla”。2.把“图层1”重命名为“背景”，导入图片素材“玫瑰.jpg”到舞台，缩放到与舞台相同尺寸，作为背景。3.在“背景层”之上创建新图层，命名为“文字”。使用文本工具输入“赠人玫瑰，手有余香”，设置字体为：方正舒体；大小为：36，放置在舞台左上角。为文字添加“投影”滤镜，设置参数为，模糊X：5；模糊Y：5；强度：100；品质：高；角度：45；距离：5；颜色：#CCCCCC。再使用文本工具输入“rose”，设置字体为：Elephant；大小为100，放置在舞台右下角。为“rose”添加“投影”滤镜，设置参数为，模糊X：5；模糊Y：5；强度：100；品质：高；角度：45；距离：5；颜色：#999999。继续为“rose”添加“发光”滤镜，设置参数为，模糊X：51；模糊Y：51；强度：175；品质：高；颜色：#FFFFFF。这时的舞台效果如图6-13所示。图6-13添加文本后的舞台效果4.新建影片剪辑元件，命名为“蝴蝶”，单击菜单“文件→导入→导入舞台”，导入素材“蝴蝶.swf”,制作蝴蝶飞舞的逐帧动画。如图6-14所示。图6-14“蝴蝶”影片剪辑5.在“文字”层之上创建新图层，命名为“蝴蝶”。将库中的“蝴蝶”元件拖放到舞台。在“蝴蝶”层的第120帧上右击，选择菜单命令“插入关键帧”。选择第1-120帧之间的任一帧，单击右键，执行“创建传统补间”菜单命令。同时选中“背景”、“文字”、“蝴蝶”层的第200帧，按【F5】插入帧。6.在“蝴蝶”层的名称上右击，选择“添加传统运动引导层”菜单命令。“蝴蝶”层之上添加了一个运动引导层，同时自动被命名为“引导层：蝴蝶”，“蝴蝶”层图标则向右缩进，成为“被引导”层。时间轴如图6-15所示。复制“文字”层的文本“rose”，选择引导层的第1帧，单击菜单“编辑→粘贴到当前位置”，然后连续按4次【Ctrl+B】把文字分离。使用“选择工具”修改分离后的文字，使4个字母首尾相接，作为引导路径。修改后的文字效果如图6-16所示。图6-15添加传统运动引导层图6-16修改后的文字效果7.选择“蝴蝶”层的第1帧，拖动“舞台上的”“蝴蝶”实例，使它中心的圆圈吸附到引导线的左端点。如图6-17所示。选择“蝴蝶”层的第1