搜索
第8章特效动画遮罩动画引导路径动画多场景动画时间轴特效动画8.1遮罩动画8.1.1遮罩动画的特点遮罩动画是利用遮罩图层创建的，使用遮罩图层后，被遮罩层上的内容就像通过一个窗口显示出来一样，这个窗口便是遮罩层上的对象。遮罩层中的内容可以是元件实例、图形、位图或文字等，但不能使用线条，如果动画中需要使用线条，需要先将其转化为填充。在被遮罩层中，可以使用元件实例、图形、位图、文字或线条等元素，但不能使用动态文本。制作动画时，可以在遮罩层或被遮罩层上创建任何形式的动画，例如动画补间动画、形状补间动画等，从而制作出各种特殊的动画效果。遮罩图层的作用将“图层2”设为“遮罩层”后，它下面的“图层1”会自动变为“被遮罩层”，此时“图层1”上的内容只有被圆形遮挡住的部分才能显示出来。先在“图层1”上放置一幅图片，然后在“图层2”上绘制一个圆形。8.1.2创建遮罩动画——波纹效果将遮罩和动画相结合，就可以制作出很多特效动画。打开素材文件新建“放大”图层1．打开素材文档。2．在“原图”图层上方新建一个图层，并将其命名为“放大”。放大位图新建“遮罩”图层绘制波纹3．将“原图”图层中的位图原位复制到“放大”图层中，然后利用“缩放和旋转”对话框将“放大”图层中的位图放大至150%。4．在“放大”图层上方新建一个图层，并将其命名为“遮罩”。5．使用“线条工具”和“选择工具”绘制波纹形的线段。创建“波纹”图形元件调整波纹的大小和位置6．选中绘制好的波纹，选择“修改”“形状”“将线条转换为填充”菜单项，将其转换为填充色，再按【F8】键将其转换为名为“波纹”的图形元件。7．将“波纹”元件实例移动到舞台适当位置，并使用“任意变形工具”调整其大小和角度。创建动画补间动画放大“波纹”元件实例8．在所有图层的第40帧处插入普通帧，在“遮罩”图层的第40帧处插入关键帧，然后在“遮罩”图层第1帧与第40帧之间创建动画补间动画。9．放大“遮罩”图层第40帧中的“波纹”元件实例，并将其向右上方移动一些距离。创建遮罩层10．在“遮罩”图层的图层名称上右击鼠标，在弹出的快捷菜单中选择“遮罩层”菜单项，此时“遮罩”图层会变为“遮罩层”，“放大”图层会变为“被遮罩层”。8.1.3应用遮罩的技巧当需要使一个遮罩图层遮罩多个图层时，可通过以下两种方法实现。通过拖动创建遮罩层通过“图层属性”对话框创建遮罩层如果需要转变为被遮罩层的图层位于遮罩图层上方，则将该图层拖至遮罩图层下方即可。如果需要转变为被遮罩层的图层位于遮罩图层下方，可双击该图层图标，打开“图层属性”对话框，在“类型”列表中选择“遮罩层”单选钮即可。要取消被遮罩图层同遮罩图层之间的遮罩关系，即将被遮罩层设置为普通层，可通过下面两种方法实现。将被遮罩图层拖到遮罩图层上面。打开被遮罩图层的“图层属性”对话框，在“类型”列表中选择“一般”单选钮即可，利用该方法也可将遮罩层设为普通层。在应用遮罩动画时，还应注意以下的技巧和事项。无论遮罩层上的对象填充何种颜色、透明度的填充色，使用何种图形类型，遮罩效果都一样。要在Flash的舞台中显示遮罩效果，必须锁定遮罩层和被遮罩层。在制作动画时，遮罩层上的对象经常挡住下层的对象，影响视线，为方便编辑，可以按下遮罩层图层的图标，当其变成形状时，遮罩层上的对象将只显示轮廓线。在这种显示状态下，用户也可以通过拖动边框来调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。8.2路径引导动画8.2.1路径引导动画的特点创建路径引导动画时，在引导层中绘制一条线段作为引导线，便可以让被引导层中的对象沿着该引导线运动。引导路径动画在引导层上绘制一条线，被引导层上的对象将沿着这条线运动。“被引导层”上对象的变形中心点必须在引导路径上。8.2.2创建路径引导动画——海底世界移动元件实例翻转元件实例1．打开素材文档，将“小鱼”元件实例移动到舞台右侧外，然后在所有图层的第60帧处插入普通帧。在“小鱼”图层第29帧处插入关键帧，然后将“小鱼”图层第29帧上的元件实例移动到舞台左侧外。2．在“小鱼”图层的第30帧处插入关键帧，然后选中“小鱼”图层的第30帧上的“小鱼”元件实例，选择“修改”“变形”“水平翻转”菜单项，将元件实例水平翻转。复制并翻转元件实例创建动画补间动画3．在“小鱼”图层的第60帧处插入空白关键帧，然后将“小鱼”图层第1帧中的“小鱼”元件实例原位复制到第60帧，并水平翻转。4．在“小鱼”图层的第1帧与第20帧之间以及第30帧与第60帧之间创建动画补间动画。绘制引导线调整元件实例的位置和角度第1帧第29帧5．在“小鱼”图层上方创建一个引导层，然后在“引导层”的第1帧上使用“铅笔工具”绘制引导线。6．使用“选择工具”细微调整第1帧和第29帧上“小鱼”元件实例的位置，使其变形中心点对准引导线，然后使用“任意变形工具”调整“小鱼”元件实例的角度，使其与引导线的方向一致。绘制引导线调整元件实例的位置和角度7．在引导层的第30帧处插入空白快键帧，然后在该帧上使用“铅笔工具”绘制引导线。8．使用“选择工具”细微调整第30帧和第60帧上“小鱼”元件实例的位置，使其变形中心点对准引导线，然后使用“任意变形工具”调整“小鱼”元件实例的角度，使其与引导线的方向一致。勾选“调整到路径”复选框9．选中“小鱼”图层的第1帧，然后在“属性”面板中勾选“调整到路径”复选框，同样选中“小鱼”图层的第30帧，然后勾选“调整到路径”复选框。8.2.3应用路径引导的技巧制作路径引导动画时，需要注意以下一些技巧和注意事项。引导线的绘制：平滑、圆润、流畅的引导线有利于引导动画。如果引导线的转折点过多、转折处的线条转弯过急、中间出现中断或交叉重叠现象，都可能导致Flash无法准确判定对象的运动方向，从而导致引导失败。对象必须吸附在引导线上：在“被引导层”中动画开始和结束的关键帧上，一定要让元件实例的变形中心点位于引导线上，否则无法引导。如果实例为不规则形状，可以适当调整变形中心点的位置。8.3多场景动画制作一些专业的或复杂的动画，一个场景往往不够，此时可以创建和编辑场景。Flash作品的Loding在网上传播的Flash作品，在开始时都会有一个Loding以告诉观众下载进度，而要使用Loding就必须创建多个场景。新建场景在制作复杂的动画时，如果要按照主题组织文档，就可以使用场景。在发布包含多个场景的Flash文档时，这些场景将按照在“场景”面板中的排列顺序进行播放。要创建和编辑场景可执行下列操作。要新建场景，可单击“场景”面板中的“添加场景”按钮。更改场景名称在“场景”面板中双击场景名称，使场景名称变为可编辑状态，然后输入新的名称即可更改场景的名称。复制场景在“场景”面板中选中要复制的场景，然后单击“直接复制场景”按钮即可复制场景。改变场景排列顺序在“场景”面板中拖拽想要变更顺序的场景即可更改场景的播放顺序删除场景在“场景”面板中选中要删除的场景，然后单击“删除场景”按钮，在弹出的警告对话框中单击“确定”按钮即可删除场景8.4时间轴特效动画“变形”特效：通过调整对象的位置、缩放比例、旋转、透明度和色调生成动画。“转换”特效：制作淡入\淡出、逐渐显示或逐渐消失效果的动画。8.4.1时间轴特效动画的特点Flash提供了变形、转换、分离、展开、模糊、投影、分散式直接复制和复制到网格几种时间轴特效，这些特效可应用在矢量图形、群组、元件实例、位图图像、文本等对象上。“分离”特效：使对象分离成一个个碎片并散开，可用来制作爆炸效果。“展开”特效：制作对象逐渐增大（展开）、逐渐收缩、偏移等动画效果。“模糊”特效：制作对象逐渐模糊消失的动画效果。“投影”特效：制作对象的投影，其生成的是静态对象而不是动画。“分散式直接复制”和“复制到网格”特效：如果希望在舞台上有规律地复制多个对象，可使用这两种特效。8.4.2创建时间轴特效动画——电子相册要制作时间轴特效动画，应首先在菜单栏中选择时间轴特效，然后在相应的对话框中设置参数。“库”面板中的图像新建图层1．打开素材文挡，按【F11】键打开“库”面板，会发现其中有4幅婴儿图像。2．在“图层1”上方新建4个图层。设置图像坐标插入普通帧和关键帧3．将“婴儿1.jpg”图像拖入“图层1”，然后打开“属性”面板，将图像的X坐标和Y坐标都设为“0”；然后依次将“婴儿2.jpg”、“婴儿3.jpg”和“婴儿4.jpg”图像拖入“图层2”至“图层4”，再将“婴儿1.jpg”图像拖入“图层5”，并参照步骤3的操作设置图像的坐标。4．在所有图层的第220帧处插入普通帧，然后在“图层5”第20帧处插入关键帧。设置“变形”对话框5．选中“图层5”第20帧中的图像，然后选择“插入”“时间轴特效”“变形/交换”“变形”菜单项，在打开的“变形”对话框中，将“效果持续时间”设为“30”帧数，“缩放比例”设为“10%”，“旋转”设为“1”，“最终的Alpha”设为“0%”，然后单击“确定”按钮。自动生成特效和相关元件6．制作好“变形”特效后，“图层5”会自动更名为“变形1”，在“库”面板中可以看到系统自动生成了与动画相关的元件。设置“交换”对话框设置“分离”对话框7．在“图层4”的第70帧处插入关键帧，然后选中“图层4”第70帧中的图像，并选择“插入”“时间轴特效”“变形/交换”“交换”菜单项，在打开的“交换”对话框的“方向”列表中单击“出”单选钮，然后单击“确定”按钮。8．在“图层3”的第120帧处插入关键帧，然后选中“图层3”第120帧中的图像，并选择“插入”“时间轴特效”“效果”“分离”菜单项，在打开的“分离”对话框中，将“效果持续时间”设为“30”帧数。设置“模糊”对话框9．在“图层2”的第170帧处插入关键帧，然后选中“图层2”第170帧中的图像，并选择“插入”“时间轴特效”“效果”“模糊”菜单项，在打开的“模糊”对话框中，将“效果持续时间”设为“30”帧数，然后单击“确定”按钮。综合实例1——百叶窗效果百叶窗效果先准备两张图片（素材文档中已准备好），然后新建几个图层，在新建的图层上制作矩形图形元件，并将制作好的元件实例复制到不同图层中。在每个放置了元件实例的图层下新建图层，并将位于上方的图片原位复制到各图层中，最后在各矩形元件实例所在的图层上创建动画补间动画，并将其转换为遮罩层即可。综合实例2——翩翩起舞的蝴蝶翩翩起舞的蝴蝶首先打开素材文档，然后新建一个图层，将“蝴蝶”元件实例复制到新建图层中，然后在包含“蝴蝶”元件实例的图层上方创建引导图层，并在引导图层中绘制引导线，再在包含“蝴蝶”元件实例的图层中创建由下向上运动的动画补间动画，最后调整各关键帧中“蝴蝶”元件实例的位置，使其变形中心点位于引导线上，并在“属性”面板中勾选“调整到路径”复选框。