使按钮具有立体感
Web 页上的按钮应该具有三维效果。现在的按钮已有了外形,但还必须给按钮再添加两个属性:
-
表面纹理——按钮是用什么制造的
-
按钮的第三维——深度,以及它对环境照明的反映方式,
添加表面纹理并不复杂;只要运用前面用 GradientEditor 创建好的定制混合 wood 即可。最大的诀窍在于,如何使用适当的滤镜使按钮具有 3D 效果。下面介绍如何进行操作。
制作一个照片现实主义的按钮
-
在 Layers 功能板上,单击 Createnewlayer 图标,现正在 Layer1 上工作。
-
在 Channels 功能板上,按 Ctrl(æ)并单击 Alpha1 标题,把模板加载成为一个选择域遮罩。
-
利用 LinearGradient 工具,以及在 Options 功能板上定义的“wood” 渐变,从选择域遮罩的顶部拖到底部,如图 16.12 所示,现在可以按 Ctrl(æ)
+D 解除对遮罩的选中了。
-
选择 Layer,Effects,然后选择 BevelandEmboss。
-
从 Style 下拉列表中选择 InnerBevel。按住Angle 弹出式按钮显示方向代理框,然后把框中的方向线拖到左上角,如图 16.13 所示,使按钮看上去仿佛左上方有光源。
-
单击 OK,对层上的内容应用 InnerBevel 效果。读者会发现,Lavers 功能板上的层标题现有了一个带有圆圈的 f,它提醒用户,以后在该层上画的任何东西都将具有 InnerBevel 效果。
-
单击 Layers 功能板上的 Background 层,然后单击 Createnewlayer 图标,Layer2 现位于 Layer1 的下面。
-
选择 EllipticalMarquee 工具,按住 Shift,然后从按钮的左上角开始拖到右下角,使选择域遮罩与按钮形状具有相同的大小。
-
拖动遮罩内部,使之稍稍向右下角移动。按 Alt(Opt)+Delete
(Backspace),用前景色填充按钮,如图 16.14 所示;然后按 Ctrl(æ)+D 解除对遮罩的选中。
-
拖动 Layer2 的 Opacity 滑杆至 50%。
-
选择 Filter,Blur,然后选择 GaussianBlur。
-
在 GanssianBlur 对话框,在 pixels 区域中键入 3,然后单击 OK 模糊该圆。
-
按 Ctrl(æ)+S;不要关闭文件。
现在只剩下的一件事情要做,那就是把按钮与 Web 页的背景合成起来。