《引导层和遮罩层动画实训》由会员分享，可在线阅读，更多相关《引导层和遮罩层动画实训（12页珍藏版）》请在金锄头文库上搜索。
1、引导层和遮罩层动画实训1引导层动画激光字【设计思路】一束激光打到影片的背景上，随着激光的移动，文字慢慢地显现，就好像一支激光笔在刻字一样。动画效果如图6-33所示。图6-33 激光刻字动画运行效果【技术要点】 运动引导层的使用 遮罩层的使用 逐帧动画的创建与编辑【创作步骤】1设置文档属性打开Flash CS3，新建文档，设置文档大小为500200像素，背景颜色为黑色，其它采用默认设置，如图6-34所示。图6-34 文档属性设置2创建“激光”图形元件（1）选择【插入】/【新建元件】命令，弹出【创建新元件】对话框，在【名称】文本框输入“激光”，【 类型】选择“图形”，创建一个图形元件。单击【确定】
2、按钮后进入元件编辑的主界面。（2）选择【线条工具】，设置好线条属性，如图6-35所示。在舞台上斜向下画出一条线段。图6-35线条属性设置（3）选中线条，然后右击鼠标，选择【转换为元件】命令，将线条转换为影片剪辑元件（名称任意）。接着为线条元件添加发光的滤镜效果，【滤镜】设置面板如图6-36所示，做好的“激光”元件效果如图6-37所示。图6-36滤镜设置面板图6-37 “激光”元件最终效果提示：在添加滤镜时，一定要先将线段先转换为元件（影片剪辑或按钮），否则不能进行设置。3制作激光刻字效果（1）制作C的激光刻字效果。返回到场景1，选择【文本工具】，在舞台上输入“CAT”三个字母，选中文本框，在文
3、本【属性】设置面板上进行文本的属性设置，字体任意，大小为96，颜色任意（本例为绿色）。两次按Ctrl+B键将文字打散，再选择【墨水瓶工具】为文字加上边框（笔触颜色选择黄色）。然后选择【任意变形工具】将文字调整到合适的大小，如图6-38所示。 图6-38编辑完成后的图形文字效果选择【选择工具】选定文字的填充颜色，然后按Delete键将填充色删掉，仅剩下文字的边框。确保第一帧被选择的情况下，选择【修改】/【时间轴】/【分散到图层】命令，三个字母分别被分散到了三个新的不同图层，根据图层上的字母，将新图层对应地重命名为C、A、T，如图6-39所示。最后将“图层1”删除，同时，为避免误操作，单击图标锁定
4、全部图层。 图6-39字母分散到图层后的时间轴在“C”图层上面创建一个新图层，重命名为“C引导”。单击【添加运动引导层】按钮，为“C引导”图层添加引导层，名称自动为“引导层：C引导”。将“C”图层的第一帧复制到“引导层：C引导”的第一帧，然后选择【橡皮擦工具】，将图层中字母C的的边框擦去一小缺口如图6-40所示，在时间轴的第20帧右击鼠标，选择【插入帧】命令，并将该图层锁定。图6-40 拖入激光元件选择“C引导”图层，将“激光”元件从【库】面板里拖至舞台，用【任意变形工具】调整好角度后，将元件的中心点移至激光束的上端点（此时激光束上端会出现一个十字中心点），然后用鼠标按住此十字中心点至字母C上
5、缺口的上端点，并调整至重合，如图6-40左图所示。在第20帧上右击鼠标，在弹出的快捷菜单总选择【插入关键帧】命令，将激光元件从字母C上缺口的上端点移到下端点，同样调整激光十字中心点与字母C的下端点重合。在该层第1帧与第20帧之间的任意位置右击鼠标，在弹出的快捷菜单中选择【创建补间动画】命令，此时时间轴如图6-41所示。 图6-41 字母“C”引导完成后的舞台显示效果为字母C添加遮罩层。将图层全部锁定，在“C”图层上方再创建一个新的普通层，并重命名为“C遮罩”。选择【刷子工具】，笔触颜色选择与字母边框不同的颜色（如绿色），在第1帧的激光所在字母C的起始点位置刷上一点；接着在第2帧上插入关键帧，并
6、从第1帧的刚刷的点开始一直刷到激光当前的位置，如图6-42所示。 图6-42 字母C遮罩第2帧舞台显示效果接下来制作从第3帧到第20帧的效果，方法与第2帧的方法相同。在每个帧上按F6键插入关键帧令，并用【刷子工具】从上一帧结束处一直刷到当前激光所在位置，每一帧都沿着激光的运动方向，逐渐涂抹直至将字母C的边框全部覆盖，如图6-43所示。 图6-43 C遮罩设置完成后的效果提示：刷子的大小一定要将原来的线条全部覆盖，否则运行时激光刻字会出现不连续的情况。 在“C遮罩”图层上右击鼠标，在弹出的快捷菜单中选择【遮罩层】命令，至此，完成了字母C的激光刻字效果。（2）制作字母A的激光刻字效果。由于字母A的
7、边框由不相连的内外两部分组成，所以这里分成两部分来做。使用【选择工具】将A的外边框选定（如图6-44所示）并剪切。再在“A”图层的上面新建一个普通图层，并重命名为“A外”。在“A外”图层的第21帧处按F6键插入一个关键帧。在舞台上右击鼠标，在弹出的快捷菜单中选择【粘贴到当前位置】命令，调整好位置。图6-44 选定字母A的外边框接下来就可以用制作字母C的方法，来制作字母A的激光刻字效果。这里就不再详述。下面来简要谈谈制作字母A内框的激光刻字效果。将除了“A”图层以外的所有图层锁定。将图层“A”重命名为“A内”，将第一帧剪切到第21帧，再用制作字母C的激光刻字效果的方法制作A的内边框的激光刻字效果
8、。此时时间轴如图6-45所示（注意：前提是步骤1中已经使用了“剪切”把字母A的外边框剪走了）。 图6-45 字母A的激光刻字效果（3）制作字母T的激光刻字效果。按照制作字母C的方法，制作T的激光刻字效果。完成后分别在图层“C”、“A外”、“A内”、“T”的第62帧插入帧，最终的时间轴如图6-46所示。图6-46 最终舞台显示4测试动画保存并测试动画，可以看到激光沿着字母边框将CAT逐个打出。提示：在做字母“A”的激光刻字效果时，也可以不要分成两部分来做，例如使用铅笔工具将字母“A”内外两部分的引导路径连在一起，如图6-47所示，这样就可以省去制作“A内”的步骤了。图6-47 将字母“A”的内外
9、两条路径连接起来2遮罩层动画水波效果【设计思路】蓝天白云下，是深蓝平静的大海。微风吹来，海水阵阵波动，传来海浪悦耳的声音。一切都显得那么和谐。动画效果如图6-48所示。图6-48 水波效果运行图【技术要点】元件的创建和编辑遮罩层的使用声音的导入和使用【创作步骤】1新建Flash文件（1）设置文档的属性，尺寸大小为1024 768，其它属性采用默认设置，如图6-49所示。 图6-49修改文档属性（2）选择【文件】/【导入】/【导入到库】命令，将制作水波滚动效果所需的背景图片“背景.jpg”、音效文件“海浪.mp3”导入到【库】面板，如图6-50所示，图6-50 导入素材到库（3）双击“图层1”，
10、将默认的“图层1”重命名为“背景”。将库中的图片“背景.jpg”，拖动到“背景”图层第1帧所对应的舞台上，用【任意变形工具】将图片调整至与文档尺寸相同，此时时间轴和场景如图6-51与图6-52所示：图6-51 添加背景后的时间轴图6-52 背景在工作区中的效果2创建元件（1）选择【插入】/【新建元件】命令，在弹出的【创建新元件】对话框的【名称】文本框中输入“翻滚”，【 类型】选择“影片剪辑”，如图6-53所示，单击【确定】按钮，即可创建一个影片剪辑元件。图6-53 创建翻滚元件（2）按Ctrl+L显示库，并将【库】面板中的“背景.jpg”图片，拖动到“翻滚”元件的编辑舞台，用【套索工具】将图片
11、上的非水域部分进行选取并删除，剩下水域部分如图6-54所示。 图6-54保留水域部分（3）锁定“翻滚”元件中的图层1，在它上面再新建一个普通图层，使用其默认名称“图层2”。用【钢笔工具】勾画出一弯曲的条形，并填充任意一种颜色，调整大小后复制适当的个数覆盖水域部分，如图6-55所示（这些条形亦可以使用【刷子工具】刷出来）。 图6-55画出遮罩的形状（4）在图层2的第50帧上右击鼠标，在弹出的快捷菜单中选择【插入关键帧】命令，同时将刚才画好的图形（即6-55中绿色图形）向下拖动一点距离；然后在第1帧与第50帧之间的任意位置右击鼠标，在弹出的快捷菜单中选择【创建补间动画】命令。然后在该层在第1帧上右
12、击鼠标，选择【复制帧】命令。在第100帧上右击鼠标，选择【粘贴帧】命令，这样，水波就有了一个翻滚-还原的过程。（5）在“图层2”上右击鼠标，在弹出的快捷菜单中选择【遮罩层】命令。此时“翻滚”元件的时间轴如图6-56所示。 图6-56 翻滚元件的时间轴3场景的制作（1）单击如图6-57红色圆圈的【场景1】按钮，返回到场景1。在“背景”图层上方新建图层，并重命名为“翻滚”，将“翻滚”元件拖动到“翻滚”图层第1帧的舞台中，移动“翻滚”元件，使其与背景层相同的位置错开一点（错开的距离越大，水的翻滚程度就越大）。可以多次按Ctrl+Enter测试影片，根据效果来具体调整。图6-57 返回场景1（2）添加
13、海浪音效。将全部图层锁定，在“背景”层下面新建一个普通层，命名为“海浪声”。将【库】面板中的声音文件“海浪.mp3”拖到场景中，并在每个层的第30帧处右击鼠标，选择【插入帧】命令，时间轴如图6-58所示。 图6-58 添加声音后的时间轴 （3）水波效果的动画制作完毕，按Ctrl+Enter测试影片，可以看到海浪翻滚的效果，伴随着一阵阵的海浪声音，就跟真实拍摄的效果差不多。 习题1参照书本“激光字”的例子，做一个小球绕着圆环运动的实例。效果如图所示。图6-59小球绕圆环运动效果图提示：使用引导图层，画一个圆（大小介于圆环的内外两个圈之间）只要它的边框，用橡皮擦把边框擦去一点形成一个缺口，作为小球运动的路径。2利用遮罩图层做一个图片切换（从右向左逐渐显示）的效果，如图6-60所示。 图6-60 从右向左逐渐显示图片的效果提示：将小狗图片和螃蟹图片分别放在两个图层上，调成同样大小；再使用一个图层作为遮罩层，遮罩层中是一个矩形的运动动画，运动的方向是从图像的右边一直到完全覆盖整个图像。设计效果如图6-61所示。图6-61 从右向左逐渐显示图片设计效果3根据第2题，做出常见的几种图像切换效果，如从中心向四周扩散效果、马赛克效果、开门式效果、卷帘效果、从一个角（如右下角）向另一个角（如左上角）逐渐显示出来的效果等。 11
