PS 商业实战 - 3D也疯狂,欣赏,视觉,平面,广告,VI,画册,教程,技巧,PS

设计欣赏 当前位置:设计首页 >> 教程 >> PS实际应用 >> 正文 >> PS 商业实战 - 3D也疯狂
PS 商业实战 - 3D也疯狂

photoshop设计


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



  (图1)是不是有点电视片头三维动画的效果? 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(光影)模式是表现倒影和玻璃折射的最佳选择,运用时要注意影像和实物之间的镜像透视关系,另外外沿再弄虚一点就更逼真了。
设计基础

相关链接:设计,欣赏,教程,下载,PS教程,photoshop应用
Google
WEB DOFOTO.NET
最 新 文 章
相 关 文 章
北京方寸神韵设计的名片
水木清华平面稿设计欣赏
名牌的独特视觉广告[组图
古典的房产楼书设计欣赏
宝业.家纺广场——楼书欣
同人.春江时代——房地产
最新整理房地产经典广告
山水龙城—楼盘广告欣赏
新天地房产VI设计欣赏
Yamaha Marine 平面广告
MAKE SOME NOISE 平面广
蔚蓝星座楼盘广告欣赏
超创意的Shopping包装袋
2006年精彩包装设计精选集
Charles Moore 包装设计
Frederic Rutte 包装设计
ImagedeMarque 包装设计欣赏
Tridimage 包装设计
Joe Duffy 包装设计
diane benjamin 包装设计欣赏
月饼包装欣赏
国外包装设计欣赏
站 内 搜 索
Google
WEB DOFOTO.NET
PS 商业实战 - 3D也疯狂相关设计:您现在欣赏的是由DOFOTO.NET设计欣赏站为您提供的《PS 商业实战 - 3D也疯狂》,设计师打造一个自我学习和提升的平台,认真阅读艺术与设计杂志,声、像、图、文的,视觉、听觉、互动的视觉传达全球化的交互信息.欣赏,视觉,平面,广告,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 设计欣赏与设计教程