Flash动画简明教程 -汪启荣 第6章.ppt

2007-1-8 第6章 遮罩的应用 学习目标： 1、掌握创建新元件及对象转化为元件的方法 2、理解透明度的含义，掌握透明度的设置 3、理解遮罩的原理，掌握遮罩的生成 4、能熟练的使用遮罩制作动画 5、掌握制作影片剪辑的方法，并体会它与图形的不同之处 6.1 聚光灯的效果 6.2片尾文字 6.3水波荡漾 6.1 聚光灯的效果 制作步骤：本例制作的遮罩效果主要是凭借运动渐变和透明度的调节来实现的。这种方法制作简单，是遮罩应用中比较基础的技巧。 6.1.1 制作背景和文字 1、新建动画 新建一个Flash文档，打开“文档属性”对话框，设置文档的属性为“大小为450×200，背景颜色为浅紫色（#6666CC）”。 2、输入文本 ①执行“插入”菜单下的“创建新元件”命令，弹出一个对话框 。 ②在“名称”中输入“text”，单击“确定”按钮，进入元件编辑模式。 ③选择“工具箱”中的“文本输入”工具（ ），在“属性”面板中设置“Arial Black、50、白色”，然后输入文本“Flash 简明教程”，如图 6-3所示。 3、制作文本效果 ①执行“Ctrl+L”，打开“库”面板，将元件“text”拖到场景1中，保持元件的选中状态，然后在“属性”面板中将元件的颜色设置为“Alpha”，值调节为25% ，如图 6-4所示。这是灯光照射前的状态。 ②单击图层名称下方的“增加图层”按钮（ ），新增一个“图层2”。将“库”面板中的元件再次拖动到舞台上，使它与“图层1”的文本重合，如图6-5所示。 6.1.2 制作遮罩效果 1、制作聚光灯效果 ①单击图层名称下方的“增加图层”按钮（ ），再新增一个“图层3”，选择“工具箱”中的【椭圆工具】（ ） ，在“属性”面板中将【笔触】设置为：“无色” （ ），【填充】为“黑色”（ ），按住Shift键，在编辑区绘制一个圆形，大小以能覆盖文本为好，如图 6-6所示。 ②选中这个黑色的圆形，弹开鼠标右键，选择“转化为元件”，元件名称可以记作“ball” 。 ③分别在“图层3”的第25、50帧插入关键帧。同时将“图层1”和“图层2”的总帧数分别增加到50帧。 ④选中“图层3”的第25帧，拖动元件到文本的右边 。 ⑤然后为第1帧和第25帧之间创建运动渐变。同样，为第25帧和第50帧之间创建运动渐变 。 2、设置遮罩效果 ①预览动画，可以看到是一个黑球在文本上运动。下面我们生成遮罩层。用鼠标右键单击“图层3”，在弹出的菜单中选择“遮罩层”，如图 6-11所示。 ②生成遮罩后，“图层3”、“图层2”的图标发生变化，同时图层将被锁住 6.1.3 测试动画 选择组合键【Ctrl+ Enter】来测试动画。 6.1.4 保存动画 执行菜单的“文件”\“保存”命令，保存在flash目录中，文件名为“聚光灯”。 “聚光灯的效果”总结：本例制作了一个聚光灯的效果，灯光扫过时的文字比较亮，而没扫过和已经扫过的文字颜色是黯淡的。其中，灯光的左右滚动采用的是运动渐变，而文字亮度的变化则主要是靠透明度的调节和遮罩层的应用。 6.2 片尾文字 制作步骤：本例的遮罩效果主要应用的动作渐变和颜色渐变来实现。这两种技巧在以前的制作中都出现过，但如何把它们和遮罩糅合到一起，使大家应该好好思考的。 6.2.1 制作文本动画 1、新建动画 新建一个Flash文档，打开“文档属性”对话框，设置文档的属性为“大小为500×400，背景颜色为黑色（#000000）” 。 2、制作文本元件 ①选择“工具箱”中的【文本输入】工具（ ），在【属性】面板中设置“华文新魏、16、白色”。然后输入一段文本，如图 6-15所示。 ②选择“工具箱”中的【选择工具】工具（ ），选中整个文本，单击右键，在弹出的菜单中选择“转化为元件” 。 ③将元件的名称命名为“text”，行为为“图形”，然后单击【确定】 。 3、制作滚动动画 ①在第100帧插入关键帧，并将元件拖到舞台顶部以外,如图 6-17所示。再选中第1帧，将元件拖到舞台底部以外，如图 6-18所示。 6.2.2 制作背景图层 1、设置背景图层 ①单击图层名称下方的“增加图层”按钮（ ），新增一个“图层2”，并交换两个图层的位置，使“图层2”在下面。选中“图层2”，选择“工具箱”中的【矩形工具】（ ），将【笔触】设置为：“无色”（ ），【填充】为“彩色” （ ），在编辑区绘制一个矩形。 ②然后用“任意变形工具” （ ）将该矩形旋转90度，大小要超出舞台为好。 6.2.3