网页设计与制作实用教程 教学课件 作者 马绍惠 第15章 Flash 综合实例(改).pptVIP

第15章 Flash 综合实例 学习要求 主要内容  15.1图形制作 15.1.1气泡的制作 在这个实例中主要是介绍了用Flash的 “椭圆”工具来绘制水中气泡的方法与技巧，最后将绘制好的气泡与导入的潜水员图片组合为图15-1所示的效果。 在介绍实例前，先介绍一在Flash中透明颜色添加的方法。 在默认情况下，“混色器”面板中是没有透明颜色的，但是可以为其添加透明颜色，方法是先在“混色器”面板中选择白色，然后在“Alpha”项中将其滑块拖至0%处，这时就可以看到填充颜色为透明色 ⑴ 创建文件 单击“文件”→“新建 菜单命令，新建一个背景色为蓝色的Flash文档，并命名为Bubble。 ⑵ 创建气泡元件 单击“插入”→“新建元件”菜单命令或单击“库”面板左下角的“新建元件”按钮，调出“创建新元件”对话框，在“类型”栏内选择创建新元件的类型为图形元件，名称为“气泡”，单击“确认”按钮后，进入到图形元件的编辑窗口。 选择“椭圆”工具，并设置轮廓线为无，打开“混色器”面板，在“混色器”面板的“类型”选项中设置“填充样式”为“放射状”渐变。在图15-3所示的“混色器”面板的“色标带”中设置六个小色标桶，开始的填充颜色均为白色，然后依次为它们设定“Alpha”的值为“100%”、“8%”、“10%”、“0%”、“2%”和“11%”。 然后在“气泡”元件编辑窗口中，按住【shift】键，绘制一个正圆，并用“填充变形”工具调整为图15-4所示的效果。 ⑶ 导入图像 单击“文件”→“导入” →“导入到舞台”菜单命令，导入一幅潜水员的图片，当然也可以是鱼等的图片。 ⑷ 创建实例 将创建好的“气泡”元件从“库”面板中拖出来，先放置在图15-5所示的位置，然后单击“修改”→“变形”→“缩放和旋转”菜单命令，在弹出的图15-6所示的“缩放和旋转”对话框中输入“缩放”值为40%。 在这个实例中给出了图15-7所示的立体文字的制作方法，光线的效果是好象从左上角照过来的，它的主要制作步骤如下。 ⑴ 创建文件 单击“文件”→“新建” 菜单命令，新建一个背景色为蓝色的Flash文档，并命名为Bubble。 ⑵ 输入文字 选择“工具”面板中的“文本”工具，并在“属性”面板中设置“字体”为“Arial Black”,“字体大小”为96，然后输入“FLASH”。 ⑶ 分离文字 由于要为文字添加渐变填充，所以要先将其分离。方法是两次单击“修改”→“分离”菜单命令。再下面的步骤就是对逐个文字进行设置了，这里以“F”为例加以介绍。 ⑷ 设置立体字的轮廓 选择“工具”面板中的“墨水瓶”工具 ⑸ 向立体文字添加颜色 先选择“颜料桶”工具，然后在“属性”面板中设置填充颜色为黑白线性渐变，然后为字母“F”的第一个面进行颜色填充，并用“填充变形”工具进行调整，使光线的受光方向一致。图15-13是正在用“填充变形”工具为字母“F”的第一个面进行填充色调整图。 用同样的方法依次为各个面进行填充色的填充与调整，产生左上角光线较强，右下角光线较暗，就象灯光从左上角射过来一样的效果。最终可以得到图15-7所示的效果。 ⑹ 制作其它字母 用同样的方法继续为其它字母制作立体效果，最终的效果图如图15-7所示。 15.2动画制作 . ⑴ 创建文件 单击“文件”→“新建” 菜单命令，新建一个Flash文档，并命名为碰撞的小球。 ⑵ 绘制第一关键帧 创建两个层，并分别命名为“绿球”、“红球”，选择“椭圆”工具，并选择绿黑放射状渐变填充，将鼠标移至“绿球”层的第一帧处，按住【shift】鍵，在舞台工作区上绘制一个绿球，用同样的方法，在绿球的右方绘制一个红球，使它们大致在同一水平线上。 ⑶ 增加关键帧 按住【shift】鍵，同时选中这两个层的第90 帧，按快揵键【F6】插入关键帧。用同样的方法在第120帧处插入关键帧。 ⑷ 创建动画 按住【shift】鍵，同时选中这两个层，然后在“属性”面板的“补间“属性中选择动画，就为两个层同时建立了补间动画。 ⑸ 调整各关键帧处球的位置 按快揵键【F6】在“绿球”层的第15帧处、30 帧处、45 帧处、60 帧处和75帧处插入关键帧。并分别在这些帧处将小球的位置调至如图15-16所示的位置处，且在第90 帧处必须将绿球移至与红球相撞的位置，以产生小球上下跳跃的效果。在第120帧处，根据碰撞原理，将两个球按图15-15所示的方向关系