引导层和遮罩层动画实训

《引导层和遮罩层动画实训》由会员分享，可在线阅读，更多相关《引导层和遮罩层动画实训（12页珍藏版）》请在金锄头文库上搜索。

1、 1引导层和遮罩层动画实训引导层和遮罩层动画实训1 引导层动画引导层动画激光字激光字【设计思路设计思路】 一束激光打到影片的背景上，随着激光的移动，文字慢慢地显现，就好像一支激光笔 在刻字一样。动画效果如图 6-33 所示。图 6-33 激光刻字动画运行效果 【技术要点技术要点】运动引导层的使用遮罩层的使用逐帧动画的创建与编辑 【创作步骤创作步骤】1 1设置文档属性设置文档属性打开 Flash CS3，新建文档，设置文档大小为 500200 像素，背景颜色为黑色，其它 采用默认设置，如图 6-34 所示。图 6-34 文档属性设置22 2创建创建“激光激光”图形元件图形元件（1）选择【插入】/

2、【新建元件】命令，弹出【创建新元件】对话框，在【名称】文 本框输入“激光” ， 【 类型】选择“图形” ，创建一个图形元件。单击【确定】按钮后 进入元件编辑的主界面。 （2）选择【线条工具】，设置好线条属性，如图 6-35 所示。在舞台上斜向下画出 一条线段。图 6-35 线条属性设置 （3）选中线条，然后右击鼠标，选择【转换为元件】命令，将线条转换为影片剪辑元 件（名称任意） 。接着为线条元件添加发光的滤镜效果， 【滤镜】设置面板如图 6-36 所 示，做好的“激光”元件效果如图 6-37 所示。图 6-36 滤镜设置面板图 6-37 “激光”元件最终效果提示：提示： 在添加滤镜时，一定要先

3、将线段先转换为元件（影片剪辑或按钮），否则不能进行设置。3 3制作激光刻字效果制作激光刻字效果（1）制作 C 的激光刻字效果。 返回到场景 1，选择【文本工具】，在舞台上输入“CAT”三个字母，选中文本框， 在文本【属性】设置面板上进行文本的属性设置，字体任意，大小为 96，颜色任意 （本例为绿色） 。3两次按 Ctrl+B 键将文字打散，再选择【墨水瓶工具】为文字加上边框（笔触颜色 选择黄色） 。然后选择【任意变形工具】将文字调整到合适的大小，如图 6-38 所示。图 6-38 编辑完成后的图形文字效果 选择【选择工具】选定文字的填充颜色，然后按 Delete 键将填充色删掉，仅剩下 文字的

4、边框。 确保第一帧被选择的情况下，选择【修改】/【时间轴】/【分散到图层】命令，三 个字母分别被分散到了三个新的不同图层，根据图层上的字母，将新图层对应地重命 名为 C、A、T，如图 6-39 所示。最后将“图层 1”删除，同时，为避免误操作，单击 图标锁定全部图层。图 6-39 字母分散到图层后的时间轴 在“C”图层上面创建一个新图层，重命名为“C 引导” 。单击【添加运动引导层】按 钮，为“C 引导”图层添加引导层，名称自动为“引导层：C 引导” 。 将“C”图层的第一帧复制到“引导层：C 引导”的第一帧，然后选择【橡皮擦工具】 ，将图层中字母 C 的的边框擦去一小缺口如图 6-40 所示

5、，在时间轴的第 20 帧右击 鼠标，选择【插入帧】命令，并将该图层锁定。图 6-40 拖入激光元件 选择“C 引导”图层，将“激光”元件从【库】面板里拖至舞台，用【任意变形工具】 调整好角度后，将元件的中心点移至激光束的上端点（此时激光束上端会出现一个 十字中心点） ，然后用鼠标按住此十字中心点至字母 C 上缺口的上端点，并调整至重合，4如图 6-40 左图所示。在第 20 帧上右击鼠标，在弹出的快捷菜单总选择【插入关键帧】 命令，将激光元件从字母 C 上缺口的上端点移到下端点，同样调整激光十字中心点与 字母 C 的下端点重合。 在该层第 1 帧与第 20 帧之间的任意位置右击鼠标，在弹出的快

6、捷菜单中选择【创建 补间动画】命令，此时时间轴如图 6-41 所示。图 6-41 字母“C”引导完成后的舞台显示效果 为字母 C 添加遮罩层。将图层全部锁定，在“C”图层上方再创建一个新的普通层， 并重命名为“C 遮罩” 。选择【刷子工具】，笔触颜色选择与字母边框不同的颜色 （如绿色） ，在第 1 帧的激光所在字母 C 的起始点位置刷上一点；接着在第 2 帧上插入 关键帧，并从第 1 帧的刚刷的点开始一直刷到激光当前的位置，如图 6-42 所示。图 6-42 字母 C 遮罩第 2 帧舞台显示效果 接下来制作从第 3 帧到第 20 帧的效果，方法与第 2 帧的方法相同。在每个帧上按 F6 键插入

7、关键帧令，并用【刷子工具】从上一帧结束处一直刷到当前激光所在位置，每 一帧都沿着激光的运动方向，逐渐涂抹直至将字母 C 的边框全部覆盖，如图 6-43 所示。5图 6-43 C 遮罩设置完成后的效果提示：提示： 刷子的大小一定要将原来的线条全部覆盖，否则运行时激光刻字会出现不连续的情况。 在“C 遮罩”图层上右击鼠标，在弹出的快捷菜单中选择【遮罩层】命令，至此，11完成了字母 C 的激光刻字效果。 （2）制作字母 A 的激光刻字效果。 由于字母 A 的边框由不相连的内外两部分组成，所以这里分成两部分来做。 使用【选择工具】将 A 的外边框选定（如图 6-44 所示）并剪切。再在“A”图层 的上

8、面新建一个普通图层，并重命名为“A 外” 。在“A 外”图层的第 21 帧处按 F6 键 插入一个关键帧。在舞台上右击鼠标，在弹出的快捷菜单中选择【粘贴到当前位置】 命令，调整好位置。图 6-44 选定字母 A 的外边框 接下来就可以用制作字母 C 的方法，来制作字母 A 的激光刻字效果。这里就不再详 述。 下面来简要谈谈制作字母 A 内框的激光刻字效果。将除了“A”图层以外的所有图层 锁定。将图层“A”重命名为“A 内” ，将第一帧剪切到第 21 帧，再用制作字母 C 的激 光刻字效果的方法制作 A 的内边框的激光刻字效果。此时时间轴如图 6-45 所示（注意：6前提是步骤 1 中已经使用了

9、“剪切”把字母 A 的外边框剪走了） 。图 6-45 字母 A 的激光刻字效果 （3）制作字母 T 的激光刻字效果。 按照制作字母 C 的方法，制作 T 的激光刻字效果。完成后分别在图层“C” 、 “A 外” 、 “A 内” 、 “T”的第 62 帧插入帧，最终的时间轴如图 6-46 所示。图 6-46 最终舞台显示74 4测试动画测试动画保存并测试动画，可以看到激光沿着字母边框将 CAT 逐个打出。提示：提示： 在做字母“A”的激光刻字效果时，也可以不要分成两部分来做，例如使用铅笔工具将字母“A”内外两部分的引导路径连在一起，如图 6-47 所示，这样就可以省去制作“A 内”的步骤了。图 6

10、-47 将字母“A”的内外两条路径连接起来2 遮罩层动画遮罩层动画水波效果水波效果【设计思路设计思路】蓝天白云下，是深蓝平静的大海。微风吹来，海水阵阵波动，传来海浪悦耳的声音。 一切都显得那么和谐。动画效果如图 6-48 所示。图 6-48 水波效果运行图 【技术要点技术要点】8元件的创建和编辑 遮罩层的使用 声音的导入和使用 【创作步骤创作步骤】1 1新建新建 FlashFlash 文件文件（1）设置文档的属性，尺寸大小为 1024 768，其它属性采用默认设置，如图 6-49 所示。图 6-49 修改文档属性 （2）选择【文件】/【导入】/【导入到库】命令，将制作水波滚动效果所需的背景图

11、片“背景.jpg” 、音效文件“海浪.mp3”导入到【库】面板，如图 6-50 所示，图 6-50 导入素材到库 （3）双击“图层 1” ，将默认的“图层 1”重命名为“背景” 。将库中的图片“背景. jpg” ，拖动到“背景”图层第 1 帧所对应的舞台上，用【任意变形工具】将图片调 整至与文档尺寸相同，此时时间轴和场景如图 6-51 与图 6-52 所示：9图 6-51 添加背景后的时间轴图 6-52 背景在工作区中的效果2 2创建元件创建元件（1）选择【插入】/【新建元件】命令，在弹出的【创建新元件】对话框的【名称】 文本框中输入“翻滚” ， 【 类型】选择“影片剪辑” ，如图 6-53

12、所示，单击【确定】按 钮，即可创建一个影片剪辑元件。图 6-53 创建翻滚元件 （2）按 Ctrl+L 显示库，并将【库】面板中的“背景.jpg”图片，拖动到“翻滚”元 件的编辑舞台，用【套索工具】将图片上的非水域部分进行选取并删除，剩下水域 部分如图 6-54 所示。图 6-54 保留水域部分 （3）锁定“翻滚”元件中的图层 1，在它上面再新建一个普通图层，使用其默认名称 “图层 2” 。用【钢笔工具】勾画出一弯曲的条形，并填充任意一种颜色，调整大小后 复制适当的个数覆盖水域部分，如图 6-55 所示（这些条形亦可以使用【刷子工具】 刷出来） 。10图 6-55 画出遮罩的形状 （4）在图层

13、 2 的第 50 帧上右击鼠标，在弹出的快捷菜单中选择【插入关键帧】命令， 同时将刚才画好的图形（即 6-55 中绿色图形）向下拖动一点距离；然后在第 1 帧与第 50 帧之间的任意位置右击鼠标，在弹出的快捷菜单中选择【创建补间动画】命令。然 后在该层在第 1 帧上右击鼠标，选择【复制帧】命令。在第 100 帧上右击鼠标，选择 【粘贴帧】命令，这样，水波就有了一个翻滚-还原的过程。 （5）在“图层 2”上右击鼠标，在弹出的快捷菜单中选择【遮罩层】命令。此时“翻 滚”元件的时间轴如图 6-56 所示。图 6-56 翻滚元件的时间轴3 3场景的制作场景的制作（1）单击如图 6-57 红色圆圈的【场

14、景 1】按钮，返回到场景 1。在“背景”图层上方 新建图层，并重命名为“翻滚” ，将“翻滚”元件拖动到“翻滚”图层第 1 帧的舞台中， 移动“翻滚”元件，使其与背景层相同的位置错开一点（错开的距离越大，水的翻滚 程度就越大） 。可以多次按 Ctrl+Enter 测试影片，根据效果来具体调整。图 6-57 返回场景 1 （2）添加海浪音效。将全部图层锁定，在“背景”层下面新建一个普通层，命名为 “海浪声” 。将【库】面板中的声音文件“海浪.mp3”拖到场景中，并在每个层的第 30 帧处右击鼠标，选择【插入帧】命令，时间轴如图 6-58 所示。11图 6-58 添加声音后的时间轴 （3）水波效果的

15、动画制作完毕，按 Ctrl+Enter 测试影片，可以看到海浪翻滚的效果， 伴随着一阵阵的海浪声音，就跟真实拍摄的效果差不多。习题习题1参照书本“激光字”的例子，做一个小球绕着圆环运动的实例。效果如图所示。图 6-59 小球绕圆环运动效果图提示：提示： 使用引导图层，画一个圆（大小介于圆环的内外两个圈之间）只要它的边框，用橡皮擦把边框擦去一点形成一个缺口，作为小球运动的路径。2利用遮罩图层做一个图片切换（从右向左逐渐显示）的效果，如图 6-60 所示。12图 6-60 从右向左逐渐显示图片的效果提示：提示： 将小狗图片和螃蟹图片分别放在两个图层上，调成同样大小；再使用一个图层作为遮罩层，遮罩层中是一个矩形的运动动画，运动的方向是从图像的右边一直到完全覆盖整个图像。设计效果如图 6-61 所示。图 6-61 从右向左逐渐显示图片设计效果 3根据第 2 题，做出常见的几种图像切换效果，如从中心向四周扩散效果、马赛克效 果、开门式效果、卷帘效果、从一个角（如右下角）向另一个角（如左上角）逐渐显示出 来的效果等。