拼合纹理图像

在设计足够复杂的图案时，譬如前面所创建的木质背景，只要背景的纹理与文档中的背景相同，Web 站点的参观者便会倾向于不注意按钮周围的方框。关于这项技术，在第 19 章中有更多的介绍。

下面介绍如何完成 Web 页的按钮。通过定义图案添加背景

  1. 打开以前保存的 wood.jpg 图像。按 Ctrl（æ）＋A 选中全部，然后选择

    Edit，DefinePattern，现在可以关闭 wood.jpg 图像了。

  2. 单击 Layers 功能板上的 Background 层标题，然后按 Ctrl（æ）＋A。3.确保选择了 EllipticalMarquee 工具（Macintosh 用户：按住 Ctrl 并

单击），然后从上下文菜单中选择 Fill。

  1. 从 Use：下拉列表中选择 Patten，然后单击 OK，按 Ctrl（æ）＋D 解除对遮罩的选中，图 16.15 给出了完成后的图像。

  2. 利用 RectangularMarquee 工具，拖出一个恰好包含按钮和阴影的方框，但不要破坏前景图案。

  3. 选择 Image，Crop。

  4. 按 Ctrl＋Alt（Opt）＋S，以 JPEG 格式把文档保存为 Button.jpg 文件。选用 BaselineOptimized 压缩，单击 OK 保存复制品。

  5. 最后一次保存 Button.psd 图像，然后关闭它。

图 16.16 给出了一些 HTML 代码与这里制作的图像在 Web 上的外观。如果读者愿意自己制作这幅页面、并且拥有一个好的 HTML 编辑器，可以使用随书CD 上 Chap16 文件夹中的 Woodwork.psd 文件。