测量空间并制作导航按钮

读者或许尚未忘记，管状效果左边的大块颜色是客户想放置导航按钮的地方。考虑到一致性，我们将使用一种按钮设计，然后在创建 HTML 页时，参考该设计在页面上放置任意多的按钮。这里，首当其冲的问题是如何制作一个大按钮。

确定可用于导航按钮的空间

  1. 滚动到 Workspace 文档的最左边。

  2. 如果 Info 功能当前不在屏幕上，可按 F8。

  3. 利用 Measure 工具，在页面上的单纯颜色块内部拖出一根水平直线，

    边缘两边各留 1/2 屏幕英寸，如图 19.38 所示。Info 功能板表明，可宽松地放在页面左边的按钮尺寸应为 83 个像素。

  4. 按 Ctrl（æ）+N 打开 Newdocument 对话框。

  5. 在 Width 区域，键入 83（pixels），在 Height 区域，键入 44（pixels）

（使按钮为矩形）；在 Resolution 区域键入 72，单击 contents 区域的Transparent 按钮，然后单击 OK 创建新文档。这是一个层文档，因此可以直接应用 LayerEffects 而不必先转换文档。

  1. 用中等的紫色填充图像（H：280，S：73％，B：94％即可）。7.选择 Layer，Effects，然后选择 BevelandEmboss。

  1. 从 Style 下拉列表选择 InnerBevel，在 Angle 区域键入 120，这将在按钮上造成指向 10 点钟的高度区域，与该页面上的其余元素的光照条件一致。

  2. 单击 Depth 弹出式按钮，然后拖动滑块至 10。当对话框如图 19.39 所示，单击 OK 创建该按钮。

  3. 从 Layers 功能板的弹出式菜单中选择 Flattenimage，然后将图像保存为 Button.jpg。在 JPEGOptions 框中，选用 BaselineOptimized。按钮上并没有多少细节，所以对于质量的要求可以低一点，可以将 Quality 设置选成 3 或 4，然后单击 OK 保存按钮图像。

  4. 现在可以随时关闭 Button.jpg 图像了，不要关闭 Workspace.psd 文档。

现在只有一个元素还没有以 JPEG 的形式放入 HTML 文档，那就是标题， 让我们继续完成这一点吧！