您的位置:首页图形图像Photoshop教程 → Photoshop与水的质感表现

Photoshop与水的质感表现

时间:2004/10/8 16:21:00来源:本站整理作者:蓝点我要评论(0)

  在用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

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 ps漫画效果教程PS去水印视频教程,PS去PS火焰字制作教程PS操作快捷键技巧教程

最新文章 PhotoShop怎么抠图 Phps崩溃怎么防止 ps崩 Photoshop怎么消除噪点 ps噪点怎么处理如何用ps在照片中添加隐形文字PS制作水彩效果教程PhotoShop制作渐进式JPEG图片的方法

人气排行 图片像素太低怎么办 把低像素图片变成高像素用Photoshop把真人变成漫画人物照片RAW转JPG格式图文教程Photoshop把MM照片变手绘效果教程ps制作gif动态图片教程ps索引怎么解锁 索引图片怎么解锁Photoshop动作详解(动作创建、编辑、执行、如何使用Photoshop制作霓虹灯字体