在浏览网页的时候，我们常常会看到不少不错的立体金属造型的效果平面图片，无论是金属质感还是造型，都是那样的美！看着这些网页作品，你是否会有冲动，自己做一下出来。或许有人会担心自己的实力不够，其实只要会用photoshop，对它有一定的熟悉，就可以按以下的教程，做出属于自己的cool cool的金属质感效果。

Photoshop立体物件综合实例（一）

现在我们来作一个比较复杂的物件。虽说复杂，其实也不过是步骤较多，细节较多。具体用到的软件功能并不算多，主要使用了Layer Style中的Bevel and Emboss、Drop Shadow等子项，以及Eye Candy4000中的立体化、玻璃效果和金属效果等滤镜。这些技术在前面的例子中都曾经用到过。关键是要学会灵活地使用图层技术，从这个例子中可以看到，我尽可能利用图层的方式给物件增加细微的效果。 5c55.com 平面爱好者 平面设计 软件教程 网站模板 5c55.com美术设计师的家园 　　齿轮部分是最复杂的，我用矢量软件制作了两个形状，分别输出为Eps格式。在Photoshop中，执行File>Place将这两个图形输入，它们分别在各自的图层里。为了让你看清这两个形状，我将它们稍微偏移一些位置。 　　 5c55.com美术设计师的家园 　　具体制作之前，要先将它们中对齐。现在Photoshop6.0可以对各层的形状进行对齐及等距离排列。方法是先将各个图层连接，在Layers控制版中红色椭圆圈住的位置，表示出这两个图层已经连接起来。然后，选择移动工具，Photoshop菜单下面的Option控制条会出现四组对齐排列按钮。前两组为对齐按钮，后两组为等距排列按钮。上图中的后两组等距排列按钮是灰色的，表示目前不可用，原因是我连接的图层只有两个，谈不上等距问题，只有超过三个以上的连接才会涉及等距问题。注意必须选择移动工具，才会在Option控制条中出现这四组按钮。 　　复制圆环图层，选中图层的Lock复选框。用过渡填充使圆环具有球面凸起的感觉。注意最亮的位置不要过于接近白色。我在上图标明了填充的方向与位置。完成填充后，用Eye Candy4000中的Bevel Boss滤镜使圆环中部凸起。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m 　　从下面的滤镜控制界面可以看出，我选择了对角直线的立体形式，并没有选择过于复杂的曲线，另外，Basic控制版中的Bevel Width调节杆，设置的数值很大，这时几乎圆环的所有部分都包括在立体边内。 　　将上面作好的立体圆环复制，然后我调出内齿轮图形的选择域并反选，在刚刚复制的立体圆环那一层，按下Delete键，圆环只剩下与内齿轮形状相符的部分。例图中你只看到被复制并部分删除的图层，原来的立体圆环图层实际上还在，我暂时将它关闭了，为的是让你看得更清楚。你必须明白，立体效果的最高位置总在圆环宽带的正中间，你无法控制圆环中最高处那条亮线的位置，因为凸起效果总是对称的。正因为如此，我没有先用矢量软件作出最终的形状。现在的内齿轮形状是包括齿尖的，等会儿我会删除它，但如果先删除再应用滤镜的话，立体最高点将会向外侧移，因为它还是要对称居中。 平面爱好者.平面设计师的助手 http://5c55.com （作者：吴进辉）

标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　从上面的Layers控制版中显示了三个图层，从上到下分别是立体内齿轮、内齿轮阴影和立体圆环。现在用Image>Hue\ Saturation将立体圆环的颜色鲜艳度减低，使其接近灰色，再加大对比度，最后，选中图层Lock，进行虚化处理以使中间凸起的高亮部分更柔和。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　你是否注意到立体圆环的尺寸稍微变小了一点？我的目的是使它的高光部分与内齿轮的高光错开一些。在立体圆环图层上，按一下Ctrl T，会调出缩放控制柄。为了使缩小后的立体圆环仍能居中，可以在按着Shift Alt键时调节缩放控制柄。这样，物件将对准中心位置进行缩放。完成这些工作后，我又用Photoshop的Layer Style命令使内齿轮的边缘稍微凸起，这样，齿轮边缘更加柔和，消除了删除内齿轮不需要的部分时产生的生硬感觉。

　　现在可以将内齿轮尖删除了,同时也删除齿轮阴影和立体圆环的相应部分。你可以在圆环图层用魔术棒点击圆环内部得到其内部圆的选择域，然后用Select>Modify>Expand命令扩展选择域，并进行删除。或者可以直接建立选择域，为了更好地建立选择域，请按下Shift Alt键，并用圆形选择工具从圆环中心部位开始向外拖曳，这将得到从中心向外扩展的正圆选择域，如果画出的选择域稍有偏离，可以按箭头键微调。

　　删除齿轮尖后得到的小边会同样具备Layer Style产生的微弱立体边缘效果，因为Layer Style命令仍然有效。

　　齿轮圆环部分已经完成，将相关各层合并。

　　用橙色在新层填充一个圆，圆边应超出齿轮圆环的内部。然后删除中心部分，再用矩形选择工具选中中间水平部分并删除。于是得到上下两个圆弧部分。

5c55.com 平面爱好者 平面设计 软件教程 网站模板

5c55.com 平面爱好者 平面设计 软件教程 网站模板

　　继续用圆形选择工具选择橙色圆弧内边的一部分，按Ctrl X键，将选择的部分剪切掉，紧接着再按Ctrl V快捷键，将刚刚剪切的部分粘贴到另一个图层。我用蓝色来表示剪切后粘贴到新层的内容。

平面爱好者.平面设计师的助手 http://5c55.com

　　附加一点，我在齿轮圆环的内边缘加了一个很细的圆环，并在细圆环的内边又加了一根更细的黑线。方法是选择齿轮圆环的内圆面积后用Edit>Strock进行描边，这样可以得到圆环线，然后用Bevel and Emboss处理一下，使其有凸起感。然后再次选择细圆环的内部圆区域，并再用黑色进行描边，这次的线宽要设置的更小些。如果是为网页设计的，则这个描边只需一个像素宽。见下图。