主题：PS与水的质感表现 动感字体制作

作者:闲雅 来源:pconline

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