在 Photoshop 中制作按钮

Web 页上的导航按钮应该很小,可接受的宽度 10 到 30 个像素。但在下一节中,我们要做得稍微大一些,使读者能够清楚地看到 Photoshop 新功能的效果。

最重要的是:应先在 alpha 通道内做一个用作按钮形状的模板。下面介绍如何用 Photoshop 的 Guides 来制作一个漂亮的木质按钮模板。

制作按钮模板

  1. 按 Ctrl(æ)+N,在 New 对话框的 Height 和 Width 区域中各键入 200,

    在 Resolution 区域中键入 72,从 Mode 下拉列表中选择 RGB,然后单击 OK。

  2. 按 Ctrl(æ)+“+”,将视图放大到 200%分辨率。

  3. 如果 Layers 功能板当前不在屏幕上,按 F7。单击 Channels

    标签,然后单击功能板底部的 Createnewchannel 图标。在功能板上出现 Alpha1 标题,

这个通道是当前编辑通道。单击 Channels 功能板上的弹出式菜单选项,选择ChannelOptions,然后确保选中了 ColorIndicates:SelectedAreas。单击OK 退出 Options 对话框。

  1. 按 Ctrl(æ)+R

    显示图像窗口上部和左侧的标尺。从垂直标尺处拖出一根垂直的橡皮筋,放至图像中心,然后从水平标尺处拖出一根水平的橡皮筋,使自己可以在图像窗口中心看到一个“+”字。

  2. 按 Ctrl(æ)+Shift+;(分号)激活 SnaptoGuides。把 origin 框

(位于水平标尺和垂直标尺的交点处)拖到水平橡皮筋和垂直橡皮筋的相交处,这是制作按钮模板的起点。

  1. 按住 Shift+Alt(Opt),使用 EllipticalMarquee

    工具,拖离中心点,直到标尺上 40 点标志处。这里要制作的是直径为 80 像素的按钮(一个像素约等于一个点)。

  2. 按 D(缺省颜色),然后按

    Alt(Opt)+Delete(Backspace),按Ctrl(æ)+D 解除对选择域遮罩的选中。现在,在文档窗口中就有了一个直径为 80 像素的点。

  3. 按住 Shift+Alt(Opt),然后从零点开始,拖出一个直径略小于 80

    像素的圆。按 Delete(Backspace),然后按 Ctrl(æ)+D,现在得到了一个环形。

  4. 按住 Shift+Alt(Opt),然后从零点开始在环形内画一圆圈。按 Alt

(Opt)+Delete(Backspace),然后按 Ctrl(æ)+D 解除对选择域遮罩的选中。现在得到了一个如图 16.11 所示的模板。

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

    FlattenImage,选择File,Save,以 Photoshop 自身的格式把文件保存为 Button.psd。选择 View, ClearGuides,然后按 Ctrl(æ)+R 隐藏标尺,不要关闭文件。

下面将填充按钮,然后介绍一下 Photoshop5 中的 LayerEffects 功能。