广告公司网页按钮的造型简约、重点突出，色彩构成清新、淡雅，背景画面的构图元素也比较简洁。这样的画面效果，往往能在吸引人们注意的同时，快速、准确的传达广告信息。如图5-76所示，为本实例的完成效果。

图5-76  本实例完成效果

技术提示

本实例的按钮效果具有强烈的金属光泽，时尚现代，主体物简洁明快，主要分为圆环的制作和圆球的制作。使用渐变颜色可以用来表现金属的立体效果及光影变化，通过使用极坐标命令将直线形图像变为圆环图像。在通道中结合滤镜命令制作出圆环图像上的光泽变化，使用此方法制作出的光泽效果真自然。通过设置图层样式的方法对圆环图像的细节部分进行进一步的调整。如图5-77所示，为本实例的制作流程。

图5-77  本实例制作流程

制作步骤

（1）运行Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-05\“背景06.jpg”文件，如图5-78所示。

图5-78  打开背景素材

（2）在“图层”调板中新建“图层 1”，选择工具箱中的“矩形选框”工具，在视图中绘制一个矩形选区。然后使用“渐变”工具，在选区内由上至下绘制线性渐变色，接着再将选区取消，如图5-79所示。

提示：在渐变编辑器中设置不同深浅的颜色来模拟金属钢管的颜色效果。在选区内按下<Shift>键的同时由上至下拖动鼠标，可以拖出一条垂直的渐变线。

图5-79  绘制图像

（3）再次使用“矩形选框”工具，结合<Shift>

键，绘制一个边长与填充渐变色矩形长度相同的正方形选区，然后执行“滤镜”→“扭曲”→“极坐标”命令，打开“极坐标”对话框，参照图5-80所示设置对话框，制作出一个圆环图像。

注意：在执行此命令时，正方形选区的边长大小一定要与填充渐变色的矩形图像长度相同，如果偏大，则最后不能形成一个圆环。

图5-80  制作圆形图像

（4）按下<Ctrl+D>键，将选区取消，然后按下<Ctrl+T>键执行“自由变换”命令，对图像的大小和位置进行调整。新建“图层 2”，使用同样方法再次绘制出如图5-81所示的圆环图像。

图5-81  绘制其他圆环图像

（5）使用工具箱中的“多边形套索”工具，选取部分图像将其删除，并取消选区，如图5-82所示。

图5-82  删除部分图像

（6）执行“图层”→“图层样式”→“内阴影”命令，参照图5-83所示对打开的“图层样式”对话框进行设置，为其添加图层样式效果。

图5-83  设置图层样式

（7）按下<Ctrl+Shift>键的同时依次单击“图层 1”和“图层 2”前的图层缩览图，将这两个图层中的图像作为选区载入，然后在“图层 1”的下方新建“图层 3”，使用黑色填充选区并取消选区，然后为其添加“投影”

效果，如图5-84所示。

图5-84  为图像添加“投影”效果

（8）按下<Ctrl>键的同时单击“图层 2”前的图层缩览图，将该图层中的图像作为选区载入。然后切换到“通道”调板中，单击“通道”调板底部的“将选区存储为通道”按钮，创建出Alpha 1通道，并激活该通道，如图5-85所示。

图5-85  创建通道

（9）执行“滤镜”→“模糊”→“高斯模糊”命令，参照图5-86所示设置对话框，为通道添加模糊效果。

注意：在执行此项操作的时候要注意保持选区的浮动状态，对选区内的图像模糊处理。

图5-86  设置“高斯模糊”对话框

（10）执行“滤镜”→“风格化”→“浮雕效果”命令，打开“浮雕效果”对话框，设置完毕后将对话框关闭，为通道添加浮雕效果，如图5-87所示。

图5-87  设置浮雕效果

（11）按下<Ctrl+M>键，打开“曲线”对话框，参照图5-88所示设置对话框，进一步调整通道。

图5-88  调整图像

（12）按下<Ctrl>键的同时，单击Alpha 1通道，将该通道作为选区载入，然后切换到“图层”调板，在“图层 2

”的上方新建“图层 4”，接着使用白色填充选区并取消选区，参照图5-89所示再对“图层 4”的混合模式和不透明度参数进行设置。

提示：在通道内结合路径工具和曲线命令可以制作出金属材质特有的光泽。

图5-89  制作金属效果

（13）新建“图层 5”，使用“椭圆选框”工具，配合<Shift>键，绘制正圆选区，然后再使用“渐变”工具，在选区内绘制径向渐变色，制作出球体图像，如图5-90所示。

图5-90  绘制球体图像

（14）将选区取消后，为图像添加“内阴影”效果，如图5-91所示。

图5-91  设置“内阴影”参数

（15）接下来通过复制图像并调整图像，然后设置图像所在图层的混合模式和不透明度参数，制作出球体上反射环境图像的效果，使球体显得更加真实，如图5-92所示。

提示：由于金属的反射度高，所以在为金属球添加反光的时候要根据金属球的结构对添加的图像进行调整，使反射效果真实、自然。

图5-92  制作球体反射效果

（16）将球体图像的选区载入，确定“图层”调板最顶端的图层为当前可编辑状态，然后单击调板底部的“创建新的填充或调

整图层”按钮，在弹出的菜单中执行“色相/饱和度”命令，如图5-93所示设置对话框，增加图像的明度。

图5-93  调整图像明度

（17）使用前面创建选区、填充渐变色的方法，在视图中制作出接口图像，并为图像添加外发光效果，如图5-94所示。

提示：一幅画面中细节的刻画十分重要，主题对象的细节刻画的越精确、越完整，作品就越具有真实的说服力。因此对接口处等一些细微的地方仍需进行绘制和调整。

图5-94  绘制接口图像

（18）使用同样方法制作出其他金属管和球体图像，并添加相关的文字信息，如图5-95所示。

图5-95  制作其他图像

（19）确定“图层”调板最顶端的图层为当前编辑状态，然后单击调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“亮度/对比度”命令，参照图5-96所示设置对话框，调整图像的整体色调。

图5-96  设置“亮度/对比度”对话框

（20）至此已经完成整个实例的制作，如图5-97所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘中的源文件进行查看，其路径为：附带光盘\Chapter-05\“广告公司网页按钮.psd”。

图5-97  实例完成效果