展平和裁剪图像的复制品

我们没必要通过裁掉标题元素来损坏 workspace.psd 文件，相反，在下面的步骤中，将用 workspace.psd 的复制品工作。

下面介绍如何裁剪并输出 TexturesHomePage 所需的最后一个元素。将文本元素合并到单个层上

  1. 选择 Image，Duplicate，在 DuplicateImgage 对框内单击

    OK，对复制图像接受缺省名称，现在可以随时关闭 Workspace.psd 了。

  2. 不复选 Layers 功能板上的眼形图标，将图像隐藏在页面的底部。

  3. 利用 RectangularMarquee 工具，环绕图像中的标题拖出一个框，如图

19.40 所示。

  1. 选择 Image，Crop。

  2. 从 Layers 功能板的弹出式菜单中选择

    FlattenImage，屏幕上会出现Attension 对话框，询问用户是否想丢弃隐藏层。

  3. 单击 OK，此时的图像应如图 19.41 所示。

  4. 选择 File ， SaveAs ，然后以 JPEG 文件格式将图像保存为Textures.jpg

    。在 JPEGOptions 框中，将 Quality 选为 6 ，并将BaselineOptimized 选为 FormatOption，单击 OK 保存文件。

  5. 现在可以随时关闭 Textures.jpg 并退出 Photoshop 了。

告诉读者如何编写 HTML、使所有元素组合起来，这已超出了本书的范围，但本章中已为读者制作好了一个名为 Textures.html 的文档， Textures.html 位于书中 CD 上的 Chap/HTML 文件夹中。要观察该文档，可以将 Textures.html 文件夹拖入 WWW 浏览器。

如果想看，可以通过在某个文本编辑器中观察 Textures.html 文档来考察该文档的制作方式。也可以将自己的 JPEG 图像代替 HTML 文件夹中提供的哪些图像。将文件夹复制到自己的桌面上，删除 JPEG 图像，将图像复制到文件夹中，然后将 HTML 文档装载进自己的浏览器，看看各个元素是如何协同工作的。如图 19.42 所示，这里确实没有什么令人惊异的东西，除了作者添加在按钮上的文本之外，该文档在 HTML 格式工作时看上去就像 Workspace.psd 图像一样漂亮。注意：在 Photoshop 中输出 JPEG 文件，有三种格式选项：

·BaselineStandand。最紧凑的 JPEG 格式。在访问者的机器上下载这样的文件比较慢，但 BaselineStandardJPEG 几乎可以被所有 WWW 浏览器读取。

  • BaselineOptimized 。可以被大多数的 WWW 浏览器读取。BaselineOptimized 可以比BaselineStandard 提供更高的压缩比和更好的颜色。

·Progressive。从 Web 浏览器上下载这样的文件时，将逐步地显示出图像，即用一系列扫描逐步地显示出整幅图像的细节，直到下载完所有数据。