照片处理网论坛's Archiver

来看天堂 发表于 2008-10-9 22:59

设计让画面从平面走出来

[color=#a97b5a]本文由logosky陈汉聪编译[/color]
原文出处:[url=http://www.bamagazine.com/][color=#333333]www.bamagazine.com[/color][/url]
很多VI设计师,总希望给客户观看一些实际的应用效果,当然,这种应用效果一般不会真的用实物去实现,这样成本太高,都是通过PS来制造一种写实的效果。问题是,如何才能做得逼真?比如,一本掀开一角的书本效果如何实现?
[img=330,318]http://www.logosky.net/image12/funnydeisgn/funnydesign12.jpg[/img] [img=484,206]http://www.logosky.net/image12/funnydeisgn/funnydesign13.jpg[/img] 你如何将第一幅图变成第二幅图的效果?对于很多PS玩家来说,应该会认为这并不是一个很难的过程,但如果要达到以假乱真的效果,还是需要花一些心思的。 [img=416,428]http://www.logosky.net/image12/funnydeisgn/funnydesign14.jpg[/img] (一)做一个模板:要达到以假乱真的效果,就必须来源于真实的生活。A:选择一个与你封面尺寸一样大小的白纸,然后画个九宫图!当然,每个格不一定刚好是正方形(可以在电脑中画好线再打印出来比较精确)。B:将白卡纸放在台面上,另一端用透明胶粘在桌面上;C:在桌面上也要画上纸张的轮廓线;D:然后掀起纸的一边,抬起的角度根据你自己喜好所定。最后再拍张照片。 [img=416,328]http://www.logosky.net/image12/funnydeisgn/funnydesign15.jpg[/img] (二)打开PS,双击背景层解锁,命名为Template(模板),点“确定”。然后将封面图片放进来,减低封面图片的不透明度(50%),以便能看到下方的模板图片中的格线。 [img=384,556]http://www.logosky.net/image12/funnydeisgn/funnydesign16.jpg[/img] (三)封面图片变形:选择封面的图层后,应用“编辑>变换>变形(WRAP)”功能,你会注意到封面图片也被分成了象白纸那样的平均九格。通过调节节点的手柄,使封面的变形与上方模板上白纸的变形一致,可通过九个格线来对齐。最后应用变形。 [img=359,417]http://www.logosky.net/image12/funnydeisgn/funnydesign17.jpg[/img] (四)封面处理完毕后,我们要在封面下放置内页,并扭曲:在模板图层上方增加一个TEMPORARY BACKGROUND(临时背景)图层,然后用灰色填充该图片。将下方的页面放置在封面图层的下方,然后应用编辑>变换>扭曲(DISTORT)功能,图片扭曲的位置按我们在第一步时在桌面上所画的轮廓线移动,使之与轮廓线重合。 [img=403,473]http://www.logosky.net/image12/funnydeisgn/funnydesign18.jpg[/img] (五)为了产生下方是一本书的感觉,我们还需要制造一些厚度。我们在下方的图片层中下面建立一个新层,命名为“MORE PAGES(多页)”,然后用钢笔工作画上多条有颜色的线段。按上面小图所示放置。 [img=386,582]http://www.logosky.net/image12/funnydeisgn/funnydesign19.jpg[/img] (六)增加封面与下方页面的阴影:在下方页面图层上方增加一个新层,将前景色设为黑色,选择一枝直径比较大边缘比较柔软的画笔,按上图所示呈角度画上阴影。然后在阴影图层及下方面页图层中间,按住ALT键点击,应用剪贴蒙板,这样阴影就只在下方页面上产生。
这个效果就基本完成了。在第一步设立一个真实模板是必须的,否则封面的变形及下方页面的扭曲单凭想象操作往往并不真实自然。
让我们来制作一本书摊开来的效果:
[align=center][img=510,245]http://www.logosky.net/image12/funnydeisgn/funnydesign20.jpg[/img] [/align][align=left](一)在PS中将对开页的图片打开:双击背景图层,重命名为“MASTER SPREAD(主对开页)”。然后应用图象>画布大小,按上图所示,在图片四周增加空间。然后使用“矩形选框工具”,按上图所示选择区域。[/align][align=center][img=510,218]http://www.logosky.net/image12/funnydeisgn/funnydesign21.jpg[/img][/align][align=left](二)复制所选择的区域(图层>复制图层)。增加一个灰色的临时图层(见上图图层面板),我们对复制的图层进行扭曲(编辑>变换>扭曲),选择右边的两个节点,按上图所示向下移动。[/align][align=center][url=http://www.logosky.net/image12/funnydeisgn/funnydesign22_enlarge.jpg][img=510,364]http://www.logosky.net/image12/funnydeisgn/funnydesign22.jpg[/img][/url][/align][align=center](点击上图看大图)[/align](三)增加阴影:新建多个单独图层,分别在上图所示的A、B、C及D处增加阴影。留意图层面板所示,阴影A图层被复制成两个图层,分别放置于右边页面图层的上方及下方。
[align=center][img=510,351]http://www.logosky.net/image12/funnydeisgn/funnydesign23.jpg[/img][/align](四)应用阴影剪切蒙板,逐一在上图面板箭头所示的地方应用剪切蒙板(按ALT键点击),然后按上图所示的百分比对不同的地方逐一调整不透明度。
出来的效果是非常逼真的,这里关键是对阴影的处理让人产生一种真实立体的感觉。

wode0109 发表于 2008-10-10 11:33

我坐沙发了  收藏 了  楼主  谢谢了

黄优优 发表于 2008-10-10 12:35

照着方法做一个
[attach]820365[/attach]

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.