第1节 精彩Banner.docVIP

第1节 精彩Banner 内容提要与时间分配： 内容提要：本实例是制作一个Flash的动态Banner，本次课程将介绍遮罩文字实例。 时间分配：2学时 教学目的与要求： 目的 进一步了解遮罩层和被遮罩层的关系。 学会利用遮罩层设计动画。 要求 巩固遮罩层属性设置方法。 进一步掌握利用遮罩层设计动画的技巧。 教学重点与难点： 遮罩层的属性设置。 遮罩层和被遮罩层的锁定与解锁的作用。 遮罩层移动和被遮罩层移动动画的区别。 授课形式与教具： 授课形式： 讲授+实训 教具： 计算机及大屏幕投影 课后小结（包括内容与时间调整）： 通过本次课程绍遮罩文字实例的学习，使学生进一步了解遮罩层和被遮罩层的关系。学会利用遮罩层设计动画的创建方法、技巧。 一、遮罩文字实例 一、设置文档属性 (1) 按Ctrl+N组合键，新建一个影片。 (2) 按Ctrl+M组合键，打开【文档属性】对话框，并设置影片的尺寸宽为480像素，高为60像素，背景颜色为白色，如图12.49所示。 图12.49 【文档属性】对话框 二、制作元件 (1) 按Ctrl+F8组合键打开【创建新元件】对话框。 (2) 将元件命名为spotlite，并选取元件的行为为【图形】，如图12.50所示。 图12.50 【创建新元件】对话框 (3) 选取【椭圆工具】，并按下Shift键，在元件spotlite编辑窗口中画一个白色的圆。 三、制作场景 (1) 在场景1中，单击【文字工具】，在图层1中，输入【精彩动画世界】文字，并设置大小为18，字体为华文行楷，字体颜色为#993399，如图12.51所示。 图12.51 【属性】面板 (2) 调整字串的位置于场景的左下角，如图12.52所示。 图12.52 调整字串位置 (3) 重复步骤(1)，添加字串，并设置好文字的大小、颜色、字体以及文字的位置，如图12.53所示。 图12.53 添加字串 (4) 在时间轴的第45帧，按F5键插入一个帧。 (5) 在时间轴上插入一个图层2，并把元件spotlite拖动到图层2上，如图12.54所示。 图12.54 拖拽元件 (6) 在时间轴上的第35帧上按F6键，插入一个关键帧，并右击图层2，在弹出的快捷菜单中选择【创建动画动作】命令，创建动画，时间轴如图12.55所示。 图12.55 时间轴 (7) 选取【箭头工具】，将时间轴上的第35帧的图像场景由左方拖动到右方，如图12.56所示。 图12.56 添加时间轴 (8) 单击时间轴的第45帧，按F6键插入一个关键帧，并右击图层2，在弹出的快捷菜单中选取【创建补间动画】命令创建动画。 (9) 选取图层2的第45帧的图像，并且将图像放大，使图像覆盖文字串【FLASH mx 2004】，如图12.57所示。 图12.57 把图像放大 (10) 新建一个图层3，然后选取图层1的第1帧并右击，在弹出的快捷菜单中选择【复制帧】命令，然后再选取图层3的第1帧并右击，在弹出的快捷菜单中选择【粘贴帧】命令，如图12.58所示。 图12.58 复制帧 (11) 选取图层3的全部文字，将它们的颜色全部变成黄色，如图12.59所示。 (12) 选择【修改】|【文档】命令，在文档【属性】面板里将文档的背景颜色设置改成#009999的颜色，效果如图12.60所示。 图12.59 变色(一) 图12.60 变色(二) (13) 选取图层2并右击，在弹出的快捷菜单中选择【遮罩层】命令，效果如图12.61所示。 图12.61 设定遮罩层 (14) 保存文件，并按Ctrl+Enter组合键预览效果。 二、遮罩层移动实例 本次实训的内容是： 遮罩层的属性设置。 遮罩层的动画设计。 遮罩层和被遮罩层的锁定的作用。 通过本次实训的学习，进一步了解遮罩层和被遮罩层的关系。学会利用遮罩层设计动画。 详见实训二十一。 实训二 遮罩层移动实例 实训目的和要求 一、实训目的 进一步了解遮罩层和被遮罩层的关系。 学会利用遮罩层设计动画。 二、实训要求 巩固遮罩层属性设置方法。 进一步掌握利用遮罩层设计动画的技巧。 三、时间分配 2课时 四、环境要求 Dreamweaver MX 2004 五、内容提要 遮罩层的属性设置。 遮罩层的动画设计。 遮罩层和被遮罩层的锁定的作用。 六、教学重点与难点 遮罩层的属性设置。 遮罩层和被遮罩层的锁定与解锁的作用。 遮罩层移动和被遮罩层移动动画的区别。 实训内容与步骤 一、准备工作 在C盘或其他盘新建一个文件夹，输入名称为myweb21。实训中制作好的文件存入该文件夹中。 二、制作被遮罩层移动动画 1．新建文件，并设置影片的尺寸宽为480像素，高为60像素，背景颜色为白色。 2．按Ctrl+F8组合键，新建图形元件，命名为sp