捕鼠能手

实例 51
捕 鼠 能 手
本例制作捕鼠能手， 如图 51-1 所示。 打开页面后，有一只小猫咪在慢慢 地移动，好像在随时要捕捉老鼠。 本例主要运用玻璃、波浪、时间轴 等知识制作完成。
图 51-1
最终效果图
一、首先建立一个文件夹，为其重 命名为“实例 51”，把光盘 “实例 51” 中“image”拷入。 二、启动 Photoshop 7.0，制作图像 效果。 1．执行“文件”→“打开”命令， 在“打开”面板中选择“实例 51”中 “image”中的“1.jpg”，如图 51-2 所 示，并按打开。 2．执行“图像”→“画像大小”命 令，打开“画像大小”面板，选择“约 束比例”，设置宽度为“400”，如图 51-3 所示，并按好。 3．按住矩形选框工具 按钮，在 弹出的菜单中选择 按 钮，在画布中画一个椭圆，如图 51-4 所 示。 4．单击以快速蒙版模式编辑 按 钮，切换为快速蒙版模式。 5．执行“滤镜”→“扭曲”→“玻
图 51-2
图 51-3

2
Dreamweaver MX 时尚创作百例
璃”命令，打开“玻璃”面板，设置扭 曲度为“8”，平滑度为“3”，纹理为 “小镜头”，如图 51-5 所示，并按好， 效果如图 51-6 所示。 6．执行“滤镜”→“扭曲”→“波 浪”命令，打开“波浪”面板，在面板 中设置波长最小为 “50” 最大为 ， “110” ， 波幅最小为“10”，最大为“10”，比 例水平为“50%”，垂直为“59%”， 如图 51-7 所示，并按好。 7．单击以标准模式编辑 按钮， 切换回标准模式。 8．在“颜色”面板中设置背景色为 “#000000”。 9．按〈Ctrl〉+〈Shift〉+〈I〉将 选区反选，然后按〈Delete〉键将选区 删除。 10．按〈Ctrl〉+〈D〉取消选区。 11．执行“图像”→“画布大小” 命令，打开“画布大小”面板，设置宽 为“310”像素，并按好。 12．执行“文件”→“存储”命令， 保存在“实例 51”，为其命名为“51”， 选择“格式”为“JPEG”，单击保存。 三、打开 Dreamweaver MX，制作 页面效果。 13．执行“文件”→“另存为”命 令，打开“保存为”面板，保存在“实 例 51”中，在“文件名”处填入“捕鼠 能手”，在“保存类型”处选择“HTML 文档”，并按保存。 14．执行“修改”→“页面属性” 命令，在“页面属性”面板中设置背景 为“#000000”，并按确定。 15．单击“布局”面板中布局视图 按钮，将其切换为布局视图， 单击绘制布局单元格 按钮， 在画布中 绘制一个布局单元格，并在布局单元格
图 51-5
图 51-4
图 51-6
图 51-7

第一篇
Dreamweaver MX 初步
3
中写入“捕鼠能手”，如图 51-8 所示。 16．单击“布局”面板中标准视图 按钮，将其切换回标准视图。 17． “布局” 单击 面板中的描绘层 按钮，在画布中拖出一个描绘层。 18． 在描绘层中插入图像。 “常 单击 用”面板中的图像 按钮，在“选择图 像源” 面板中选择 “实例 51” “51.jpg” 中 ， 按确定，如图 51-9 所示。 19．执行“修改”→“时间轴”→ “添加对象到时间轴”命令，打开“时 间轴”面板，如图 51-10 所示，把最后 一个关键帧拖至第 200 帧处。 20．单击第 100 帧后，右击第 100 帧， 在弹出的菜单中选择 “添加关键帧” ， 把描绘层拖至如图 51-11 所示位置。 21．单击第 50 帧后，右击第 50 帧， 在弹出的菜单中选择“添加关键帧”， 把描绘层进行拖置。 22．单击第 150 帧后，右击第 150 帧， 在弹出的菜单中选择 “添加关键帧” ， 把描绘层进行拖置。 23．选择“时间轴”上的“自动播 放”和“循环”，如图 51-12 所示。 24．执行“文件”→“保存”命令， 本例制作完成，按〈F12〉可预览一下您 的成果。
图 51-8
图 51-9
图 51-10
图 51-11
图 51-12