社区应用 最新帖子 精华区 社区服务 会员列表 统计排行 社区论坛任务 迷你宠物
  • 1799阅读
  • 0回复

PS商业设计实战——3D效果

级别: 经院硕士
发帖
2826
铜板
7234
人品值
3286
贡献值
1
交易币
0
好评度
2826
信誉值
0
金币
0
所在楼道

  对于3D和光影效果大家都知道3DMAX等三维软件是最好的工具,但决不是唯一的工具。Photoshop在这也可以大声对你说:只有你想不到的三维,没有我做不到的三维!看看下面的作品,你也许就会相信我了。

  是不是有点电视片头三维动画的效果? 其实Photoshop做三维光影有自己的优势,它在一些特定情况下制作简单、控制性强、制作周期短,而对于一些难于建模的不规则图形则更有优势,另外它不受三维软件模型和光线渲染计算的限制,可随设计者的意愿而制作出更富想象和表现力的作品。

  作品使用Photoshop5.0制作,本例的文件初设为30×22.5cm、120dpi、RGB色、4.32M,完成时分层图占硬盘123.2M,我用的电脑PC为CII566、64M内存,Mac为G4-400、196M内存,制作起来都较流畅,如果配置不够会稍慢一点,太慢了就把文件设小一些。硬盘剩余空间应在500M以上,最好是在1.5G左右,你可以通过设定File-Preferences-Plug Ins & Scratch Disks 来指定Photoshop使用的硬盘位置。制作时要注意多存盘。

  本例除仪器为前期制作外,笔者设计用了3小时、制作用了1.5小时。 注:圆括号为通用快捷键,要在英文输入法下键入;方括号内为苹果电脑快捷键;复制层方法为,按住需复制的层不动拉向Layers面板下Create New Layer按钮。

  背影光线的制作:

  背影的光线主要是给人一种空间并能烘托前景,所以色调上主要运用深青灰色以衬托前景的高光,而下部用较深的色调能给人一种前后的纵深感,具体作法如下:

  1、选Linear Gradient Tool (G)工具并双击本工具 ,在Options面板上点Edit按钮,分别双击颜色控制块,在Color Picker把二个颜色分别设为:R130 G140 B150和R100 G120 B128,在Layers面板上点选背景层,作上下渐变;

  2、点击Layers面板下Create New Layer按钮,在Options面板上点Edit按钮,选择Black,white,ok,从左到中作黑白渐变,Layers面板上设为Multiply,透明度Opacity设为50;

  3、点击Layers面板下Create New Layer按钮,同上在底部作黑白渐变,Layers面板上设为Multiply,透明度Opacity设为50;

  4、点击Layers面板下Create New Layer按钮,在下部用Polygonal Lasso Tool (L) 工具画一个平躺的三角形,在工具面板下面点选背景色(注:左上方框的为前景色,右下为背景色)Brackground Color并在Color Picker设为白色,),用Ctrl+Backspace [Command+delete]填入白色,Ctrl+D[Command+D],Filter-Blur-Gaussian Blur 模糊20,Layers面板上设为Soft Light ,并调节透明度Opacity为75。

  “降糖仪”文字的作法:

  1、先做一个金属感的有横纹的底图以备调用:点击Layers面板下Create New Layer按钮新建一层,在工具面板下面点选背景色Brackground Color并在Color Picker设为R175 G185 B200,用Ctrl+BAckspace [COmmand+delete]填入颜色,用Filter-Noise-Add Noise起点,设AMount为70,Distribution选Uniform;然后用Filter-Blur-Motion Blur速度模糊,角度Angle为0,Distance为200,用Image-Adjust-Brightness/Contrest调节对比度,设Contrest 50,Ctrl+U[Command+U],对Colorize打勾以把颜色调节为单一色,回车;

  2、现在来做文字:英文输入法下按(T),在Type Tool打出文字“锐普降糖仪”,把Font设为新艺体(如没有可用其它字体代替),Ctrl+T[Command+T],按住Ctrl[Command]键不动点击中间的控制点往边右拉一点做斜体,松开Ctrl[Command]键,按住Shift键不动,拉动四角控制点调节大小,点击文字中间拖动以调节位置,回车;

  3、转成金属文字:按住Ctrl[Command]键不动在Layers面板上点击本层以选择字的范围,松开Ctrl[Command]键在Layers面板上点击“金属底图层”,Ctrl+C[Command+C]、Ctrl+V[Command+V]粘贴到新的一层,即得“金属中文层”,关掉底图层和中文层的“眼睛”;

  4、给金属文字打光:按住Ctrl[Command]键不动在Layers面板上点击本“金属中文层”,用Filter-Render-Lighting Effects打灯,调节原有灯的方向由左上而来,椭圆要包住整个文字Negatev 36,点住左下灯泡图案在文字中间新建一盏灯,设Light为Omni,圆也包住文字Negatev 4,ok


  (图L2),此过程可能要多试几次才能得到最佳效果,做得不好可按Ctrl+Z[Command+Z]后重做以上步骤;

  5、做好文字底后现在来做文字边框:按住Ctrl[Command]键不动在Layers面板上点击“金属中文层”选文字的范围,Select-Modify-Expand 扩大选择范围设Expand by:8,按住Alt[Option]键不动在Layers面板上点击本层以减掉原文字的范围,就得到了边框的范围,在Layers面板上点选“金属底图层”,Ctrl+C[Command+C]、Ctrl+V[Command+V]粘贴到新的“金属中文外框层”,按住Ctrl[Command]键不动用方向键调整位置使它和文字对齐,用Ctrl+L[Command+L]调节亮度,的把1.00的数值调到0.56,用Ctrl+U[Command+U]调节颜色饱和度,把Saturation设为+20;

  6、做边框的立体效果:复制本层,Layers面板上点击下面一层,在Layers面板上把Normal设为Multiply, 按住Ctrl[Command]键不动用方向键向下和右各移动三点以和上面一层辍开一点,再复制本层,在Layers面板上把Multiply设为Screen,向左向上各移动六点,即完成立体边框的制作;

  7、给边框提亮高光以增加立体效果:用Create New Layer按钮新建一层,并把此层置于最上面,按住Ctrl[Command]键不动在Layers面板上点击“金属中文外框层”,在工具面板下面点选前景色Foreground Color并在Color Picker设为白色,选Airbrush Tool (j),在Brushes面板选一个直径为50的喷笔笔触,在需要高光的地方轻喷几下,Ctrl+D[Command+D]去掉选择范围,在Layers面板上把Opacity设为35,复制本层在Layers面板上把Normal设为Color Dodge,这样提亮高光以后立体效果就更突出了。

  8、红色小三角:用选Pen Tool (P)路径工具勾出小三角的形状;在Paths面板,按Ctrl[Command]键不动击Work Path转换成选择范围,点击Layers面板下Create New Layer按钮,在工具面板下面点选前景色Foreground Color并在Color Picker设为R:100、G:0、B:0,Alt+Backspace[Option+delete]上色; *技巧小结:“复制原图,并置于原图层下,选Screen高光模式,然后向一方辍动一点,再复一层选Multifly阴影模式,向相反方向辍动一点。”是Photoshop中制作立体图像的一个小技巧,它制作简单效果好,但立体的“高度”很低,应用中要注意。

  下面的英文的基本制作方法同上:

  1、做金属小方条:选Rectangular Marquee Tool (M)工具,画一个小方条,在Layers面板上点击“金属底图层”Ctrl+C[Command+C]、Ctrl+V[Command+V]得到金属方条,关掉“金属底图层”眼睛,按住Ctrl[Command]键不动在Layers面板上点击本层以选择它的范围,用Filter-Render-Lighting Effects渲染,数值如图



      (图L3)回车;

  2、做小方条的边框:点选Select-Modify-Expand 7,按住Alt[Option]键不动在Layers面板上再点击本层,即可得到边框的选择范围,在Layers面板上点选“金属底图层”,Ctrl+C[Command+C]、Ctrl+V[Command+V]得到“金属边框层”,按住Ctrl[Command]键不动用方向键调整位置对齐方条;

  3、再来调整一下颜色亮度: Ctrl+L[Command+L],把1的数值调到0.56,调暗亮度使它和小方条区别开,Ctrl+U[Command+U],把Saturation设为+20增加颜色饱和度;

  4、下面来做它的立体效果:复制本层,Layers面板上点选下面的原图层,在Layers面板上把Normal设为Multiply使它成为边框的阴影, 按住Ctrl[Command]键不动用方向键向下和右各移动一两点,再复制本层,在Layers面板上把Multiply设为Screen,向左向上各移动二到四点,即得到立体效果;

  5、现在我们再为立体效果提一下高光:按住Ctrl[Command]键不动在Layers面板上点击“金属边框层”以选择它的范围,点击Layers面板下Create New Layer按钮,并拖到最上面,在工具面板下面点选前景色Foreground Color并在Color Picker设为白色,选Airbrush Tool (j),在Brushes面板选一个直径为80的喷笔笔触,在需要高光的地方轻喷几下,在Layers面板上把Opacity设为35,复制本层在Layers面板上把Normal设为Color Dodge(发光)模式,是不是靓多了?6、现在来做英文字:英文输入法下按T,在Type Tool打出英文,回车,Ctrl+T[Command+T],按住Shift键不动,拉动四角控制点调节大小,点击文字中间拖动以调节位置,回车;键不动在Layers面板上点击本层,关掉本层眼睛,在Layers面板上点击金属小方条层,按Backspace[delete]键打一出英文“洞”,Ctrl+D[Command+D]取消选择范围,复制本层,点击下面原图层,在Layers面板上把Normal设为Multiply(阴影)模式,以制作穿洞立体的阴影,按住Ctrl[Command]键用方向键向右下各移动两点辍开,复制本层,在Layers面板上把Normal设为Screen(高光)模式,制作穿洞立体的亮点,按住Ctrl[Command]键用方向键向左上各辍动四点。

  背景立体的制作:


(图3)


  1、背景立体平面部分的制作: Layers面板上点击“金属底图层”,Ctrl+T[Command+T],按住Shift键不动,控制节点旋转90度,使它的金属纹变成横向以便调用;选Pen Tool (P)用路径勾出立体的俯视平面形状如图(图L4),在Paths面板,按Ctrl[Command]键不动击Work Path转换为选择范围,Ctrl+C[Command+C]、Ctrl+V[Command+V]得到金属的俯视图,Ctrl+T[Command+T],按住Ctrl[Command]键不动并调节四个调节点以得到立体透视位置,如图


  (图L5-1、图L5-2、图L5-3、图L5-4、)如想把控制点拉到图面以外,用放大镜按住Alt[Option]缩小即可;用Filter-Render-Lighting Effects,调节原有灯的方向由左上而来,椭圆要包住整个图形Negatev 18,加一盏Omni灯,范围为中间光亮的大小Negatev 21


(图L6);

  2、现在制作有高度的立体部分: Ctrl+Alt[Command+Option]键不动向下向左间隔按方向键各17次,其实就是向左下方复制17层,除最下面的原有层外,其余各层都在Layers面板上全部点击眼睛右边的方框链接起来,选Layers面板右上的小三角下的Merge Linked合成各复制层,并把本层拖到原有层之下,选Linear Gradient Tool (G)工具并双击本工具 ,在Options面板上点Edit按钮,分别双击颜色控制块,在Color Picker把二个颜色分别设为:R34 G38 B45和R85 G97 B105,Layers面板上点选背景层,作上深下浅的渐变;

  *技巧小结:聪明的读者已看出来,复制这么多只是为了得到立体高度部分的形状。不错,“向立体方向不断复制平面层再合并所有复制层”正是得到立体高度部分形状的小技巧,当立体的平面形状复杂时本技巧就更能显出其方便性出来,否则我们就只能用Paths一笔笔勾了。但本方法制作的立体高度各处均相等,没有远近大小的透视,应用中要注意。

  3、现在调亮立体高度的明亮部分以加强立体感:选Pen Tool (P)工具勾出图中立体高度的明亮部分,具体图中为六个四分之一圆弧两头的十二个平行四边形,


  (图L7), 在Paths面板,按Ctrl[Command]键不动击Work Path转成选择范围,用Ctrl+L[Command+L]把它调亮,把1的数值调到1.13,Ctrl+D[Command+D]取消选择范围,再用Filter-Blur-Gaussian Blur模糊3让整个高度部分虚化;

  *技巧小结:其实大家也许已看出用Photoshop 做3D 时,立体高度部分的光影变化是比较难表现的,因为其间影像的反射和折射都得一笔笔画出来,工作量很大。所以本例中用了点小技巧:把高度部分作轻微摸糊并用渐变的方式淡化,使高度部分不成为视觉的重点,而只是去烘托它的平面部分,别忘了平面部分可是我们的强项!所以从整体上看效果一点也不差,这也是扬长蔽短吧。

  左上部的亮点制作:


(图4)

  1、制作圆亮点:不三七二十一先放个椭圆的白球是没错的,新建一层,按住Shift键不动用M键选椭圆工具,按住Alt[Option]不动在亮点位置画一个椭圆,在工具面板下面点选前景色Foreground Color并在Color Picker设为白色,Alt+Backspace上色,Ctrl+D[Command+D]去掉选择范围,用Filter-Blur-Gaussian Blur 模糊30,在Layers面板上把Opacity设为23,复制本层,Layers面板上把Normal设为Color Dodge、Opacity设为53;2、制作六角星形亮点:选Pen Tool (P)勾出六角星形,


  (图L8),在Paths面板,按Ctrl[Command]键不动击Work Path转换成选择范围,点击Layers面板下Create New Layer按钮,在工具面板下面点选前景色Foreground Color并在Color Picker设为白色,Alt+Backspace[Option+delete]上色,按住Shift键不动用M键选椭圆工具,按住Alt+Shift[Option+Shift]键不动,以六角星形为中心选一个大一点的圆,为下面的模糊选定中心,Filter-Blur-Radial blur,选Zoom作放射模糊,设Amount为100、Quality选Good、回车,Ctrl+F[Command+F]三次以加强放射模糊,Ctrl+D[Command+D]去掉选择范围,再用Filter-Blur-Gaussian Blur 模糊3去掉杂点,在Layers面板上把Normal设为Color Dodge、并在Layers面板上把透明度Opacity设为50。

  *技巧小结:“白色模糊后复制,上一层Color Dodge模式,下一层Normal模式”可以说是打高光,画点、线光源的超必杀技,百试不爽。什么,太亮,眼睛睁不开了!?增加这两层的透明度。

  前景光影的制作:

  千万别怀疑,前景中的仪器也是在Photoshop中画出来的,笔者是在设计此稿之前按照片另做的,由于照片色彩、光感、精度较差,只好重画。由于制作过于复杂,在此篇幅有限就略去不写,希望今后有机会能给大家作详细简介,你可以先用一个你喜欢的退底图像代替仪器——高达战士?

  1、底下的阴影左边的形状是补勾出来的以切合仪器上翘的形状:选Pen Tool (P)工具勾出左方阴影的形状,

  (图L9),在Paths面板,按Ctrl[Command]键不动点击Work Path得到选择范围,按住Shift键不动再点击Layers面板的仪器层以加上它的选择范围,点击Layers面板下Create New Layer按钮,在工具面板下面点选前景色Foreground Color并在Color Picker设为黑色,Alt+Backspace[Option+delete]上色,Ctrl+D[Command+D]取消选择范围,把本层置于仪器层之下,Ctrl+T[Command+T],把上沿向下拉到1/3的高度,

  (图L10),用Filter-Blur-Gaussian Blur 模糊13,Layers面板上把Normal设为Multiply,按住Ctrl[Command]键不动用方向键向下辍动两下(图5);

  2、后面象蒸气一样的亮光是设计上假想出来的,目的是用效果更好地烘托仪器。它的制作是:新建一层并置于仪器层之下,按Ctrl[Command]键不动击仪器层,在工具面板下面点选前景色Foreground Color并在Color Picker设为白色,Alt+Backspace[Option+delete]上色; Ctrl+T[Command+T],按Shift键不动逆时针旋转90度以便做后面的吹风效果,因为Photoshop只能水平的吹,用Filter-Stylize-wind风效果,Ctrl+F吹四次,再用Filter-Blur-Gaussian Blur 模糊7,然后再用Ctrl+T[Command+T],按Shift键不动顺时针旋转90度把它转回来,Layers面板上把Normal设为Color Dodge,并复制本层;


(图6)

  3、做倒影效果:复制仪器层,Edit-Transform-Flip Vertical,Ctrl+T[Command+T]点选中间移动到仪器下沿,再按Ctrl[Command]键不动击左边中间的控制点向下拉与仪器下沿切合,

  (图L11), Layers面板上把Normal设为Lighten(光影模式);下面再加上一个庶罩把仪器下沿虚一点:击Layers面板下Add Layer Mask以加上庶罩,选Linear Gradient Tool (G)并双击本工具,在Options面板点Edit按钮,分别双击颜色控制块,在Color Picker把二个颜色分别设为黑、白色,垂直于影子方向作渐变,如果画反了可Ctrl+Z[Command+Z]还原后反着画一下。


(图7)

  *技巧小结:层叠加效果中Lighten(光影)模式是表现倒影和玻璃折射的最佳选择,运用时要注意影像和实物之间的镜像透视关系,另外外沿再弄虚一点就更逼真了。



评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
描述
快速回复

您目前还是游客,请 登录注册
如果您在写长篇帖子又不马上发表,建议存为草稿
认证码:
验证问题:
10+5=?,请输入中文答案:十五