实训13 蒙版和动画的制作.doc

· PAGE 4· 网页设计与制作实训 · PAGE 3· 实训十三 在网页中应用表格 实训十三 蒙版和动画的制作 实训内容与步骤 一、准备工作 在C盘或其他盘新建一个文件夹，输入名称为myweb13。将给定图像素材复制到其中。 二、导入图像并调整画布 1．新建一空白文档，大小、颜色均默认。 2．选择【文件】|【导入】命令，将myweb13文件夹中的图像导入文档。 3．选中图片，在属性面板中记下图片的宽高值（989X767）。然后选择【修改】|【画布】|【画布大小】命令，在出现的对话框中按图片的宽高修改画布的大小，使画布与图片一样大。现选择【修改】|【画布】|【画布颜色】命令，把画布颜色改成自己喜欢的颜色。 三、制作蒙版 1．选择椭圆工具，在窗口中画一个椭圆。选择【编辑】|【剪切】命令，椭圆消失，用鼠标再次选中导入的图像，然后选择【编辑】|【粘贴为蒙版】命令，出现蒙版效果，如图13.1所示。 图13.1 蒙版效果 2．打开“层”面板，如图13.2所示。单击层中图片与蒙版之间的标记，可以使它消失，再次单击又会出现。它的出现与消失决定者蒙版是否与图片链接在一起。当未链接时，单击层中蒙版图标，使它周围出现黄框。如图13.3 所示。 图13.2 【层】面板 图13.3 选中蒙版图标 3．然后用鼠标移动画布上椭圆的位置，效果如图13.4所示。 图13.4 移动蒙版效果 4．把位置调整到理想状态后，保存文件到myweb13，文件名为sx13-1。 四、制作动画 1．新建一新文档，画布颜色为兰色。用星形工具在画布上画一五角星，填充颜色为黄色。 2．选中图形，选择【修改】|【动画】|【选择动画】命令，打开【动画】对话框，如图13.5所示。 图13.5 动画设置 其中各参数定义如下： (1) 在【帧】下拉列表框中输入20，从而将动画帧数定为20。 (2) 在【缩放到】下拉列表框中输入15，从而使动画缩小到原来的15%。 (3) 在【不透明度】的第1个下拉列表框中输入100，第2个下拉列表框中输入50，从而使动画首帧清晰，而末帧比较模糊，即动画由清晰到模糊逐渐变化。 (4) 在【旋转】下拉列表框中输入360，保持【顺时针】单选按钮为被选中状态，即动???逐渐顺时针旋转。 3． 单击【确定】按钮，关闭【动画】对话框。这时，图像上会出现一排绿色、蓝色和红色的小球，这是动画控制柄。其中，绿色小球为起始点的标志，红色小球为终止点的标志，蓝色小球为中间点的标志。在页面窗口的下面会出现几个按钮，这就是帧控制器，用于控制动画的演示，如图13. 6所示。 图13.6 设置【动画】对话框之后的页面 4． 将鼠标指针对准控制柄上的红色小球，按下鼠标左键将其拖动到页面的右上角。将鼠标指针对准控制柄上的绿色小球，按下鼠标左键将其拖动到页面的左下角。这样就使动画从左下角向右上角移动。 5． 现在，就可以演示动画了。在页面窗口下方单击演示按钮，动画就会开始演示。 6．保存文件到myweb13，文件名为sx13-2。