photoshop立体物件综合实例,欣赏,视觉,平面,广告,VI,画册,教程,技巧,PS

设计欣赏 当前位置:设计首页 >> 教程 >> PS实际应用 >> 正文 >> photoshop立体物件综合实例
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滤镜的结果。它的具体使用方法在以后的文字效果制作中有专门的讲解。



点击上面的图例可以看到未缩小的原貌

标志设计

相关链接:设计,欣赏,教程,下载,PS教程,photoshop应用
Google
WEB DOFOTO.NET
最 新 文 章
相 关 文 章
水木清华平面稿设计欣赏
名牌的独特视觉广告[组图
古典的房产楼书设计欣赏
宝业.家纺广场——楼书欣
同人.春江时代——房地产
最新整理房地产经典广告
山水龙城—楼盘广告欣赏
新天地房产VI设计欣赏
Yamaha Marine 平面广告
MAKE SOME NOISE 平面广
蔚蓝星座楼盘广告欣赏
OMEGA(欧米茄)平面广告
超创意的Shopping包装袋
2006年精彩包装设计精选集
Charles Moore 包装设计
Frederic Rutte 包装设计
ImagedeMarque 包装设计欣赏
Tridimage 包装设计
Joe Duffy 包装设计
diane benjamin 包装设计欣赏
月饼包装欣赏
国外包装设计欣赏
站 内 搜 索
Google
WEB DOFOTO.NET
photoshop立体物件综合实例相关设计:您现在欣赏的是由DOFOTO.NET设计欣赏站为您提供的《photoshop立体物件综合实例》,设计师打造一个自我学习和提升的平台,认真阅读艺术与设计杂志,一切有关平面设计的技巧都囊括其中,而且毫不张扬,温文而雅,为抄袭者提供了大量改头换面的空间.欣赏,视觉,平面,广告,VI,画册,教程,技巧,PS学习设计最好的方法是多看,多做,多想,只有不断学习借鉴优秀设计师的作品才能不断的提高自我,才能不断地迈向成功.我们为您提供丰富的平面设计,网站设计,广告设计,画册设计,包装设计,标志设计,海报设计,封面设计vi设计,设计,欣赏,教程,下载,PS教程,photoshop应用,平面设计教程,CorelDraw,PS,文字,滤镜等设计类欣赏,教程和学习文章.欢迎收藏本网站,并记住我们的域名:WWW.DOFOTO.NET,点击此处返回设计网站首页!
推 荐 新 闻-+平面设计教程,CorelDraw,PS,文字,滤镜,设计欣赏,教程,技巧,ps+-
DM卡片设计大全 人力资源交流中心网站的广告 极具创意的伏特加酒超酷平面 极具创意的伏特加酒超酷平面
性暗示广告,精彩绝伦,创意无 unmundofeliz 招贴设计(四) Dan Parenti 广告招贴设计欣 unmundofeliz 招贴设计(五)
can 11月-12月招贴设计欣赏 unmundofeliz 招贴设计(六) unmundofeliz 招贴设计(七) unmundofeliz 招贴设计(八)
|画册设计|样本设计|广告设计|DM设计|展示设计|专卖店设计|标志设计|VI设计|海报设计|LOGO设计|信封设计|设计论坛|

2004-2006 设计欣赏与设计教程