photoshop立体物件综合实例
现在我们来作一个比较复杂的物件。虽说复杂,其实也不过是步骤较多,细节较多。具体用到的软件功能并不算多,主要使用了Layer Style中的Bevel and Emboss、Drop Shadow等子项,以及Eye Candy4000中的立体化、玻璃效果和金属效果等滤镜。这些技术在前面的例子中都曾经用到过。关键是要学会灵活地使用图层技术,从这个例子中可以看到,我尽可能利用图层的方式给物件增加细微的效果。
齿轮部分是最复杂的,我用矢量软件制作了两个形状,分别输出为Eps格式。在Photoshop中,执行File>Place将这两个图形输入,它们分别在各自的图层里。为了让你看清这两个形状,我将它们稍微偏移一些位置。
具体制作之前,要先将它们中对齐。现在Photoshop6.0可以对各层的形状进行对齐及等距离排列。方法是先将各个图层连接,在Layers控制版中红色椭圆圈住的位置,表示出这两个图层已经连接起来。然后,选择移动工具,Photoshop菜单下面的Option控制条会出现四组对齐排列按钮。前两组为对齐按钮,后两组为等距排列按钮。上图中的后两组等距排列按钮是灰色的,表示目前不可用,原因是我连接的图层只有两个,谈不上等距问题,只有超过三个以上的连接才会涉及等距问题。注意必须选择移动工具,才会在Option控制条中出现这四组按钮。
复制圆环图层,选中图层的Lock复选框。用过渡填充使圆环具有球面凸起的感觉。注意最亮的位置不要过于接近白色。我在上图标明了填充的方向与位置。完成填充后,用Eye Candy4000中的Bevel Boss滤镜使圆环中部凸起。
从下面的滤镜控制界面可以看出,我选择了对角直线的立体形式,并没有选择过于复杂的曲线,另外,Basic控制版中的Bevel Width调节杆,设置的数值很大,这时几乎圆环的所有部分都包括在立体边内。
将上面作好的立体圆环复制,然后我调出内齿轮图形的选择域并反选,在刚刚复制的立体圆环那一层,按下Delete键,圆环只剩下与内齿轮形状相符的部分。例图中你只看到被复制并部分删除的图层,原来的立体圆环图层实际上还在,我暂时将它关闭了,为的是让你看得更清楚。你必须明白,立体效果的最高位置总在圆环宽带的正中间,你无法控制圆环中最高处那条亮线的位置,因为凸起效果总是对称的。正因为如此,我没有先用矢量软件作出最终的形状。现在的内齿轮形状是包括齿尖的,等会儿我会删除它,但如果先删除再应用滤镜的话,立体最高点将会向外侧移,因为它还是要对称居中。
从上面的Layers控制版中显示了三个图层,从上到下分别是立体内齿轮、内齿轮阴影和立体圆环。现在用Image>Hue\ Saturation将立体圆环的颜色鲜艳度减低,使其接近灰色,再加大对比度,最后,选中图层Lock,进行虚化处理以使中间凸起的高亮部分更柔和。
你是否注意到立体圆环的尺寸稍微变小了一点?我的目的是使它的高光部分与内齿轮的高光错开一些。在立体圆环图层上,按一下Ctrl+T,会调出缩放控制柄。为了使缩小后的立体圆环仍能居中,可以在按着Shift+ Alt键时调节缩放控制柄。这样,物件将对准中心位置进行缩放。完成这些工作后,我又用Photoshop的Layer Style命令使内齿轮的边缘稍微凸起,这样,齿轮边缘更加柔和,消除了删除内齿轮不需要的部分时产生的生硬感觉。
现在可以将内齿轮尖删除了,同时也删除齿轮阴影和立体圆环的相应部分。你可以在圆环图层用魔术棒点击圆环内部得到其内部圆的选择域,然后用Select>Modify>Expand命令扩展选择域,并进行删除。或者可以直接建立选择域,为了更好地建立选择域,请按下Shift+Alt键,并用圆形选择工具从圆环中心部位开始向外拖曳,这将得到从中心向外扩展的正圆选择域,如果画出的选择域稍有偏离,可以按箭头键微调。
删除齿轮尖后得到的小边会同样具备Layer Style产生的微弱立体边缘效果,因为Layer Style命令仍然有效。
齿轮圆环部分已经完成,将相关各层合并。
用橙色在新层填充一个圆,圆边应超出齿轮圆环的内部。然后删除中心部分,再用矩形选择工具选中中间水平部分并删除。于是得到上下两个圆弧部分。
继续用圆形选择工具选择橙色圆弧内边的一部分,按Ctrl+X键,将选择的部分剪切掉,紧接着再按Ctrl+V快捷键,将刚刚剪切的部分粘贴到另一个图层。我用蓝色来表示剪切后粘贴到新层的内容。
附加一点,我在齿轮圆环的内边缘加了一个很细的圆环,并在细圆环的内边又加了一根更细的黑线。方法是选择齿轮圆环的内圆面积后用Edit>Strock进行描边,这样可以得到圆环线,然后用Bevel and Emboss处理一下,使其有凸起感。然后再次选择细圆环的内部圆区域,并再用黑色进行描边,这次的线宽要设置的更小些。如果是为网页设计的,则这个描边只需一个像素宽。见下图。
我将分别对两个圆弧图层进行过渡填充,方法仍然是选中图层的Lock复选框,用球状填充方式进行过渡填充。这两个图层,过渡填充的方向是相反的,靠外的大圆弧用从左上方向右下方的填充方向,而靠里面的小圆弧则相反。在大圆弧的边界,我也用黑线进行描边。(右图中看不到刚才我提到的齿轮圆环内部的细圆环效果,我暂时将那一层关闭了。)
下一步,制作齿轮圆环外部的球面环。在新图层,按着Shift+Alt键,从中心拖出正圆选择域,然后同样是过渡填充。为了使球面环部分多些变化,而又不至于局部太明亮,我将过渡色条中的白色调节得较多,然后很快向深灰色过渡。填充时,从圆心稍微偏左上一点就开始,向右下方一直拖到接近边缘。
下边的样图中,透过齿轮圆环内部的空心圆,实际上你看到了球面环图层的整个过渡填充,但中间部分很白,所以好像没有内容似的。样图左上角的小圆球是我故意放上去的小样。
刚才,对大圆球进行过渡填充时,为了看清其它部件,将图层放在最下面了。但我实际上希望齿轮圆环具有在球面环中凹陷进去的感觉。所以,我首先到齿轮圆环图层,用魔术棒在齿轮圆环的外部点击,这将选中圆环外围的所有部分,反选,这样就得到了正好包括整个齿轮圆环在内的圆形选择域。回到刚才填充好的大球面图层,按下Delete键删除中间部分,并将图层拖到最上面来。为了使齿论圆环有凹陷的感觉,我在球面环图层的下面加了一个新层,按着Ctrl键并点击Layers控制版上球面环图层图标,调出球面环选择域,用黑色对新层进行填充(Alt+Delete),取消选择状态,并对其进行虚化以产生阴影效果。下边的Layers剪屏图中,上面的两层分别就是球面环和球面环阴影。注意球面环图层即第一层的层名旁边有Layer Style标志,表明我对这层用了Layer Style效果,我用了Bevel and Emboss子项,使其产生轻微的立体边效果。现在齿轮圆环象是凹陷进球面环内部了。
这回该作球面环上的卡子了。先作一个圆环,当然是在新层,而且在最上面建立,然后再删除掉左右两侧不需要的部分。它同样有个阴影图层,我删除了卡子图层中的椭圆部分,透过椭圆可以看到下面的黑色阴影层。另外我还删除了两根竖直细线区域。这等于将每个卡子分成三部分了,这是为下一步的立体化考虑的。
用Eye Candy4000的Chrome滤镜使卡子立体化并具有金属效果。然后我又在其下面建立新层,并用Eye Candy4000的Glass滤镜制作绿色玻璃珠效果。制作玻璃珠时要注意,不要两个同时作,因为滤镜会将两个椭圆看成是一个物件,这样无法得到满意的球形凸起。所以先作一个,用墨绿色填充一个椭圆,并应用滤镜,然后再复制图层得到另一个玻璃珠。完成这些制作后,将相关图层连接,然后按Ctrl+T键并将其稍微旋转。现在可以将球面环的右侧部分删除了,我们要作其它效果。因为有卡子在最上面遮挡,球面环的删除很简单,只要将卡子以右部分随意选中并删除即可。
用Eye Candy4000的Chrome滤镜使卡子立体化并具有金属效果。然后我又在其下面建立新层,并用Eye Candy4000的Glass滤镜制作绿色玻璃珠效果。制作玻璃珠时要注意,不要两个同时作,因为滤镜会将两个椭圆看成是一个物件,这样无法得到满意的球形凸起。所以先作一个,用墨绿色填充一个椭圆,并应用滤镜,然后再复制图层得到另一个玻璃珠。完成这些制作后,将相关图层连接,然后按Ctrl+T键并将其稍微旋转。现在可以将球面环的右侧部分删除了,我们要作其它效果。因为有卡子在最上面遮挡,球面环的删除很简单,只要将卡子以右部分随意选中并删除即可。
在删除的球面环位置,我们作一个稍窄一些的装饰环。用前面提到的方法,画出正圆选择域,在最下面建立新层并填充这个圆。不要取消选择域,执行Selecte> Transform Selection,将选择域缩小,为了保持圆心位置不变,调节缩放时按着Shift和Alt键。我先将选择域缩小到接近齿轮圆环外边的位置,然后用更深的灰色再次填充,再一次缩小选择域,然后将选中的内圆删除掉。上图显示的是第二次编辑选择域的结果,删除后得到的圆环,内侧较深,且深浅交界的位置接近圆环宽边的中间。现在用Eye Candy4000的Bevel Boss滤镜使其立体化。但这还不够,我还要再应用一次这个滤镜,在应用滤镜之前,先要作些删除工作。
首先要将装饰环右下方分成若干个段,目的是为了应用滤镜后每个段会出现相同的立体效果。用直线选择工具在画面点击,使选择直线通过圆环的中心。执行Select>Transform Selection,这时可以对选择进行编辑,程序菜单下的Option控制条出现与之相关的设置参数。在角度输入框中输入旋转角度,我输入的角度是20。确定后,按Delete键删除。用同样的方法,继续旋转并删除。直线选择工具只有一个像素宽度,所以删除的效果不明显,而我也并不打算让它明显,这样作仅仅是为了分段应用滤镜的立体效果,并非真想将圆环切开。
除此之外,我还想在装饰环的右上方挖掉一个较长的圆弧段,并在里面嵌入与绿色玻璃珠相似的物件。所以我先在一个新层中编辑了这个圆弧段,如右图中橙色的部分。编辑完成后,就可以调出它的选择域,然后对装饰环相应部分进行删除。而刚作好的这个橙色圆弧段,应该保留,因为可以用它来作嵌在装饰环中的玻璃物。所以我将这个图层拖到了最下面。
应用滤镜,装饰环的每个小段都出现相同的立体化效果,排列在一起很好看。实际上这时的立体化是凹陷效果。前面制作圆环时,将圆环内半侧填充为较深的灰色,现在仍可以看到,接近齿轮圆环外边的位置,装饰环的调子比较深,就好像是齿轮圆环的阴影。立体物件的厚实感并非仅由物件主体的凹凸造成,更多的效果由阴影、边缘线、边缘轻微立体化等细节来体现,所以一定要注意这些看似无足轻重的方面。我一再地为这些微小的变化增加图层,有的层只有一根细线而已,但这是值得的,没有它们显然不行。玻璃圆弧段的制作用Glass滤镜,这里不重复介绍了。
考虑到左边的球面环有些单调,我为它增加了两条凹陷的环线。在网页美术设计中,经常会用到这种方式,一般它们的线宽仅有两个像素。印刷品的分辨率较高,所以我用了四个像素宽。还是以默认的常规照明,即光线是从左上方投射过来的,这使弧线的外侧两个像素较深,而内侧的两个像素较亮,于是出现了凹陷的感觉。方法是先用圆形选择工具画出选择域,然后用较深的颜色进行描边,执行Edit>Strock,在弹出的对话框中输入描边宽度的像素数。完成深色描边后,分别按两次右箭头和下箭头键,使选择域向右下方移动两个像素的位置(因为我的描边宽度是两个像素),再用较亮的颜色描边,凹陷圆弧就完成了。
现在,整个作品基本完成,中心部分的文字,制作方法比较简单,这里不讲了。在文字的后面,我作了球面填充。网址后面的“WWW”和最下面的变形“GRAPHICS”,其变形效果,是应用KPT5.0中Rad Warp滤镜的结果。它的具体使用方法在以后的文字效果制作中有专门的讲解。