分类

安卓应用安卓游戏攻略资讯

Photoshop

Photoshop与水的质感表现

作者:佚名 来源: JZ5U整理 日期:2005-8-21 0:24:28
  在用Photoshop表现各种反光材质的时候,我们一般都会选择金属、塑料、玻璃等对光反射比较强烈的材质。这一次,我们来试试用水——这种最普通不过的东西,来表现一种反光强烈、闪亮和透明的表面效果。

  对于水这种介质,我们再熟悉不过了。在Photoshop中,很多时候用图层样式来表现它的透明感和反光,这种方法虽然比较方便,但无法表现水下的折射效果。恰恰是折射效果,才最能体现真实感。同为透明材质,玻璃的折射率(15000)要比水(13333)大一些。此外,水有一个很重要的特征,那就是表面张力。所以,它虽然不像透明玻璃那样可定形,但也绝不可把它当作平面来处理。如果你觉得这句话理解起来有困难,很好办,在你的桌子上撒一些水滴上去,仔细观察它的形态,这样你就会明白它的立体感同其它材质的立体感有何区别了。

  说了这么多,你可能已经隐约感觉到了,要想表现出理想的效果,并不是一件容易的事情。是的,有很多挑战在等着我们,如光线和反光,高光和眩光,还有阴影等。在创作过程中,我们将尽力开发Photoshop的功能,通道、滤镜、图层效果和各种图像调整工具,以及图层混合模式等。

  还有一点需要知道的,那就是,在Photoshop中,有许多不同的方法可以达到相同的效果。Photoshop给人最大的惊喜之一,在于它有时会像有16个不同类型开瓶器的瑞士军刀一样,虽然功能各异,但最终都能达到同一目的——你的瓶子被打开了。有时候,如果你觉得你不太擅长运用像曲线、运算、通道等这样一些命令来处理图像的时侯,你可以试着用其它方法来代替,只要能达到相同的效果就可以。

  好了,现在让我们开始吧!

  1.首先,在Photoshop中新建一个文档,大小为600×400像素,分辨率为72dpi。如果想要用于印刷,就要提高分辨率。用文本工具写上文字,颜色为黑色。如果愿意的话,可以微调文字,使其错落有致。可以选择一种较粗的字体,这样效果会比较好。字体的大小也要稍大一些。(图01)

图01

  如果你希望文字更丰富多彩,可以在Adobe Illustrator中编辑文字路径,然后将文字置入到Photoshop中。

  在调整字体到满意之后,将文字图层和背景层合并。

  2.接下来,我们添加另一种装饰。 新建一层,将笔刷硬度设为100%,用黑色画笔在文字周围随意点几下。选择一个比你的字体笔划稍细一点的笔刷,如例子中我选择了直径为20像素的笔刷,在文字的下端向下拖动,再用直径为30像素的笔刷,在末尾处点击,作为结束。这样就形成液体向下滴落的效果。要想使效果更自然,只需在末尾处点击一下即可。要使水滴的分布尽量自然,不要太规律,还可以调节笔刷的大小,使其有所变化。之后,将图层向下拼合。这里,将水滴置于新层的目的就在于保险,不至于破化文字层。当然,如果有把握的话,你可以在文字层中直接操作。 (图02)

图02

  3.转到通道面板,现在的通道不管是RGB通道还是单色通道,其内容都是一样的。我们随意从中选择一个复制。确定在新通道中,双击通道,在通道选项对话框中,将通道更名为water。在默认情况下,在通道中,白色是选区,黑色是隐藏的部分。所以,我们需要用反相命令(Ctrl+I)将通道图像的黑白反转,使文字及水滴之外的部分被蒙版覆盖。(图03)

图03

  4.下面我们来制作背景图像。既然是水,那么我想我们最好把它的背景放在浴室的瓷砖上。这里,我们只打算制作最简单的瓷砖,没有任何花纹的那种。即使是这样,在后面我们进行到反光效果的时侯,这样的背景都会强化反光效果,增强水的质感。

  现在,创建一个新的文档,240×240像素大小,白色背景。双击背景,将背景图层转换为图层0。按Ctrl+R,打开标尺。在视图菜单中选择对齐与对齐到文档边缘和参考线。从标尺的顶端和左边各拖出一条参考线,慢慢拖动参考线,由于选择了对齐到文档边缘,参考线会自动吸附到图层的中心。用矩形选框工具,沿着参考线的交点向文档的左上角拖动鼠标,直到文档的边缘。这样矩形选框就占了整个图像的四分之一。选择前景色为RGB(0,102,153),填充选区。

  确定当前工具依然为选框工具,用鼠标将选框移动到图像的右下部分,紧贴参考线和文档边缘,依然用前景色填充。随后,将选框分别移动到右上部和左下部,将前景色设为RGB(0,51,102),分别填充。现在的图像,如图04所示。

图04

  选择图像>定义图案命令,将现在的图像定义为图案。返回到上一个文档中,点击油漆筒工具,在填充类型中选择图案。在填充下拉框中,选择我们刚才定义的图案类型,其它选项按照默认设定。结果如图05所示。

图05

  5.虽然只需要一个简单的背景,但我们依然有权利拒绝平板。为背景图像增加生气的方法很多,在这里,我们采用一种较为常用的效果——光照。这需要用到Photoshop渲染滤镜组中的光照效果滤镜。很多时候,仅仅加入了光照,图像的真实感就会倍增。现在我们来体验一下。打开光照效果对话框,样式为默认,将发光源设在图像的左上角,调整光照面积。光照类型为点光,强度为14,聚焦为71,属性栏中,光泽和材料都设为100,曝光度为0,环境为50。确定光照颜色为白色。最后在纹理通道中选择蓝色通道,勾选白色部分凸出。高度为50。这样会使图像具有立体的效果,浅色方块会高于深色方块。如果没有选择白色部分凸出,则深色方块高于浅色方块。(图06,07)

图06

图07

  6.现在,我们已经完成了带有立体感的背景。选择通道面板,选择通道water,将其拖动到通道面板下反的创建新通道按纽上,复制它的副本。我们想在这个通道中制作一点更像液体的感觉。在通道water 副本中,首先选择滤镜>模糊>高斯模糊,将模糊半径设为6.0像素;接着,按下快捷键Ctrl+L,打开色阶对话框,设置输入色阶分别为36,1.00,54,减少灰色像素,使白色区域边缘光滑。此时,通道内的字母和水滴区域进一步融合在一起。(图08)

图08

  7.现在该把我们的新通道派上用场了。回到图层面板,新建一层,命名为water,复位色板后,用白色填充图层。确保其为当前活动图层,载入通道water 副本的选区,用黑色填充选区后取消选择。(图09)

图09

  8.我们准备给water层添加立体效果,这要通过风格化滤镜组中的浮雕滤镜来实现。但如果直接应用浮雕效果的化,图像的斜边会很锐利,不像水滴效果。所以在应用浮雕之前,先要对图像进行模糊处理,这样可使浮雕图像平滑,边缘光滑。再次应用高斯模糊滤镜,设置半径为6像素,这样我们就为下一步的浮雕创建了从黑色到白色的光滑过渡。打开浮雕滤镜对话框后,设定角度为-45度,高度为6像素,数量为100%。

  我们希望给图像添加柔和光滑的边缘,而现在浮雕效果的显然并不能让人满意,这样我们就需要裁掉一部分边缘。载入通道water 副本的通道选区,反选,用选择>羽化命令柔化选区,羽化半径为2像素。用黑色填充选区后,再用编辑>消褪填充命令褪去填充效果:不透明度为50%,模式为正常,然后取消选择,结果如图10所示。

图10

  9.现在,我们已经得到了光滑的浮雕效果,但它还是没有液体的感觉。下面我们要通过Photoshop中最常用的颜色调整工具之一——曲线,来得到液体反射的光线效果。如果你是个曲线工具的新手,那么最好花些时间来了解一下这个工具,作为Photoshop中最强大的颜色处理工具(我个人认为),曲线的确值得你花费一些时间去好好研究。它可以对图像中所有灰度的像素加以调节,从白到黑无一遗漏。在这里,我们打算用曲线来增强水滴对象高光和暗调之间的对比度,这会使它呈现除闪亮的外表。

  确定water层为当前活动图层。按快捷键Ctrl+M,调出曲线对话框,如图11所示调节曲线。在调节曲线的同时,打开预览窗口,这样你可以看到你的每一个改动带给图像的变换。按图所示调节曲线后,我们的图像就变成的下面的样子(图12)。

图11

图12

  我们知道,曲线图表下方的灰度渐变条代表了图像中当前图层或通道的256级灰度值。在图表左边的垂直渐变条则代表了变化后的像素色阶值。鼠标在图表范围内移动或点击,其点的对应输入值和输出值就会出现在下面。在曲线未加改动之前,曲线呈45度斜线,每个点的纵横坐标都相同。当你移动曲线上的某一点时,改变了其输入值和输出值,使曲线发生了变化。这样,图像中相应的像素也发生了变化。

  10.接下来,我们用塑料包装滤镜为图像添加更多的高光效果。塑料包装滤镜对创建不规则的高光,如液体、玻璃等,都具有很好的效果。打开滤镜>艺术效果>塑料包装,设置高光强度为20,细节为11,平滑度为8;然后用编辑菜单下的消褪塑料包装命令减褪效果,设置不透明度为25%,模式为正常。这样塑料包装的效果更为细腻。(图13)

图13

  11.现在我们的任务是将所需的图像从背景中剥离出来。确保当前活动层为water层,载入通道water 副本通道的选区,反选,删除后取消选择。接下来,将图层混合模式改为强光,这样,水滴的效果初步显露出来。虽然还不是很理想,但我们会在下面的过程逐步完善。(图14)

图14

  12.接下来,我们的任务是要创造光照效果和弯曲我们在“水”下的背景,以表示折射效果。首先,我们需要复制背景层,然后,按住Alt键,双击背景层 副本,在弹出的图层属性对话框中,将名称改为refraction,我们将在这一层中实现扭曲效果。我们用置换滤镜来进行扭曲。先来制造置换滤镜所用的置换图。

  转到通道面板,选择通道water 副本,按Ctrl+A,选择整个通道图像,然后Ctrl+C复制。创建一个新文档,命名为water displace。由于刚才的数据留在剪贴板中,所以,现在图像的默认大小和通道图像的大小是完全相同的,图像模式为灰度。然后将按Ctrl+V,将通道water 副本的图像粘贴在新的一层中,拼合图层。用高斯模糊滤镜模糊图像,半径为6像素。将图像储存为.psd格式,将water displace关闭,完成置换图的制作。

  回到我们刚才工作的文档中,先取消选择,回到RGB通道,确保当前活动图层为refraction。执行滤镜>扭曲>置换,打开置换滤镜对话框。设置水平比例和垂直比例均为5%,置换图伸展以适合,未定义区域重复边缘像素,点击OK后,你会被要求选择一个格式为.psd的置换图,选择我们刚才制作的water displace文件,点击打开。你的refraction层会随着水的形状而出现扭曲。(图15)

图15

  如果你对置换滤镜还不是很了解,那么以这个例子来说:在你对文件water displace进行了高斯模糊处理之后,图像产生了大量灰度像素。这样,以原来的白色作为高光区域,黑色作为暗调区域。其它集中在水滴物体边缘的灰度像素的变化,则取决于其是否高于128度的灰度值:灰度值高于128,也就是较亮的像素,使被扭曲图像相应的像素向左和向上,灰度值低于128,即较暗的像素,则会使被扭曲图像相应的像素向右和向下。灰度值为128的像素,不发生变化。如果你想更清楚的了解置换图是如何作用于refraction层的,那么请看图16。可以看到,在refraction层中,相对于water displace文件的完全为黑色和白色的区域都没有发生扭曲,置换图只对边缘的灰色像素起到了置换的作用。

图16

  13.你可以看到,发生扭曲的部分还包括了水滴对象的旁边,而我们只需要表现出背景在水滴下的扭曲就可以了,旁边的扭曲是多余的。再次载入通道water 副本的区域,反选,确定在refraction层中删除,取消选择。这样,我们就很好的表现出水滴的折射效果。(图17a,17b)

图17a

图17b

  14.水滴相对于背景来说还不够透亮,我们将用另一种不同的图层混合模式来解决这个问题。复制water层,可以看到水的高光部分更加透亮,拼合water 副本和water层。(图18a,18b)

图18a

图18b

  15.为了给水滴添加更多的纵深感,我们要通过图层样式给水滴添加投影和发光效果。选择refraction层,双击图层打开样式对话框,选择投影,保持混合模式和颜色不变,将不透明度降低到40%,角度为135度,使用全局光,距离为3像素,扩展为0%,大小为6像素,右键点击图层效果,从弹出菜单中选择创建图层命令,被分离出来的图层被自动命名为“refraction”的投影。再次对refraction层添加投影样式,这次将投影的混合模式改为正常,颜色为白色,角度为-45度,其它设置和上次相同。依然用创建图层的方法将效果与图层分离,为了避免和上个投影层混淆,将新创建的图层效果层命名为“refraction”的发光。(图19)

图19

  16.我们的图像还差最明显的高光部分。没有强烈的反射光线,水滴的效果就不够完整。首先,我们来制作高光区域。在通道面板中,复制通道water 副本,将副本2通道更名为highlights。用半径为3像素的高斯模糊滤镜连续两次模糊通道highlights后(连续两次用半径为3像素的高斯模糊的效果要比只用一次半径为6像素的模糊效果好),用色阶调整,设置输入色阶分别为200,1.00,255;然后用浮雕滤镜制造立体效果,角度为-45,高度为6像素,数量为100%;随后用色阶调整,设置输入色阶分别为128,1.00,255;这样就消除了灰色,只剩下白色的高光区域;再用高斯模糊滤镜模糊,半径为3像素,进行最后一次色阶调整,设置输入色阶为130,1.00,200,这就是我们最终需要得到的高光区域。(图20)

图20

  17.回到RGB通道,将通道highlights做为选区载入,在water层上新建一层,命名为highlights,用白色填充选区后,取消选择(图21a)。

图21a

  我们还要手工为图像加上一些特别的高光。在图层面板的最顶端新建一层,命名为highlights 2,选择笔刷工具,设前景色为白色,打开笔刷面板,选择直径为35像素的柔化笔刷,设置硬度为0,圆度为80%,角度为20,在图像中需要强调高光的地方点击,以加强高光效果,必要时可以改变笔刷大小和角度。(图21b,21c)

图21b

图21c

  最后,用星形笔刷喷上闪光,我们的工作就完成了!(图water)

图22


展开

文章推荐

应用推荐

网友评论