有没有想过令青草按照字母的形状生长?现在只要你拥有Photoshop就可以造出引人注目的青草字体效果。本教程会指导大家用PS做出逼真的青草字体效果,只需要一张草地照片、钢笔工具和一定的耐性。
很多人都看到用植物作出的巨大雕塑吧,那是需要长年累月的辛勤工作才能得到的,而有了Photoshop,只需要几十分钟,你也可以让青草按照你的想法生长,尤其是组成语句向别人展示。
先来看看最终效果:

最终效果图
第一部分:背景
这篇教程总共分为背景、材质和润色三个部分。在这里,我们会先从背景开始,逐步打造属于你的青草字体。
一、打开Photoshop,新建一个空白文档,设置分辨率为1920×1200,这样做是为了适合大多数的宽屏笔记本屏幕尺寸,也可以根据需要裁剪成不同的分辨率。选择渐变工具,按照从浅黄绿色#adbf41到青绿色#328a26在背景上画出一个径向渐变。

图1
二、我们需要创建一个具有质感的背景,让它看起来真的类似于一张被揉皱的纸张,因此我们需要一些真实的纸张材质来帮助我们。你可以从各种素材图库网页中找到你想要的材质,或者你自己弄一个出来也是可以的,下面是作者找来的材质。复制粘贴到文档图层最上方,可以需要缩放一下以匹配画布的大小,接着用Ctrl+Shift+U打开色相/饱和度面板,降低纸张的饱和度。

图2
三、设置纸张图层的混合模式为叠加,不透明度70%,这样纸张材质就会添加到背景上。

图3
四、现在看起来令人失望,不是吗?所以要继续调整。复制纸张图层,旋转180度,不透明度20%。然后再找几种不同的纸张的材质,逐一粘贴到上面,设置为叠加。
现在看起来没有糟糕了,不过看起来还是比较混乱和不够细致。合并所有后添加的纸张材质,逐层降低不透明度,这样你会得到一个有层次感的背景。参看下图,可以知道作者的背景总共用了6层来营造空间感的。

图4
五、复制一次原始渐变背景,放到所有材质图层之上,设置不透明度40%,这一步骤能令背景看起来更干净舒服。

图5
六、现在新建一个图层,使用一个大的柔角笔刷,设置为黑色,在画布的四周添加暗角(即类似LOMO照片的暗角效果),建议把这个图层设置为叠加,不透明度30%。你可以复制一次图层,使用滤镜>模糊>高斯模糊,设置半径32像素,这样可以得到一个更加柔滑的暗角。

图6
七、我们得到了一个相当漂亮的背景。

图7
第二部分:青草字体
开始设计青草字体。先找一些漂亮的青草材质,作者从Flickr找到了一张合适的照片。下载最大像素的版本,然后复制到工作文档上。

图8
九、接下来是选择合适的字体,作者这里选择了Swiss 924BT这种字体,因为看起来整齐漂亮和足够粗大。建议大家都选用Sans-Serif无饰线字体,以中文作为例子的话就是黑体。打上文字“EARTH”,你可以按照自己的喜好输入文字。设置文字为白色、不透明度50%,这样可以方便我们进行接下来的工作。

图9
十、要令青草从字体中长出来,就不能单纯地按字母挖出青草图层,而是要让青草真实地散乱地穿出字体的边界。要得到这样的效果,我们需要以字体的实线为大约的边界,使用钢笔工作把字体旁边的青草做成一个更精细的选区。

图10
十一、现在开始使用钢笔工具绘画选区,如果你之前没有好好地掌握钢笔工具的用法,那么完成这个教程后相信你会变得非常熟练。
如何建立选区?作者跟从青草叶片的形状绘画选区,保证每条从字体中长出的青草都是完整,同样地有时需要向字母内凹一点,使之更加真实。使用钢笔工具时,要灵活点改变路径方向,可以通过按住ALT点击路径点把平滑点转换为角点(即从曲线变直线),可以通过按住Ctrl拖动路径改变弧度。

图11
十二、当你完成一个字母的路径后,记得到路径面板把工作路径改名保存,不然新建路径的时候会自动覆盖工作路径。
复制一次青草图层,双击刚才保存的路径载入选区,使用Ctrl+Shift+I反选区域,按下爱DELETE删除多余的部分。这样做可以保证其他字母依然有完整的草地可供取出。

图12
十三、现在我们得到一个“E”在背景图层之上,虽然这样比起纯粹使用字母边界裁切青草材质要好,但还远远不够好。现在“E”看起来就是和背景图层在一起的,我们需要为它添加高度和阴影,以强调层次。

图13
十四、按照下图的参数进行图层样式设置,这样会令“E”看起来是三维世界中真实存在的。

图14
图层样式参数设置:

参数设置1-a

参数设置1-b
十五、复制刚才做好的“E”字母图层,删除新图层的图层样式,我们需要重叠更多的图层样式效果。请按照下面的参数进行设置,留意不透明度为51%,这样新图层就能和旧图层很好地叠加在一起。

图15
图层样式参数设置:

参数设置2-a

参数设置2-b

参数设置2-c
十六、现在看起来好多了,不过离完美还有不少距离,让我们继续进行吧。现在先添加一些阴影,因为光和影能令一件物品拥有生命。详细可以参见《Photoshop用光与影表现3D立体字效果》
核心思想是产生立体感。因此按住Ctrl用鼠标点击“青草E”图层载入选区,在该图层下方新建一个层并填充黑色。然后按一下方向“↓”,再按一下“→”,再次用黑色填充,重复这个步骤大约15次,你就会得到一个自然的阴影。(假如一开始就向下向右移动15个像素,就只会得到一个投影,而不是阴影。)

图16
十七、在阴影图层使用滤镜>模糊>动感模糊,角度为45度,距离30。然后设置“青草E”图层的不透明度为50%,这是你会得到如下图的影像。

图17
十八、现在把阴影图层下右下方移动,神奇的效果便会出现。一刹那你会觉得那些阴影仿佛真的是由青草造成的。

图18
十九、复制阴影图层三次,每次都需要用橡皮擦工具擦掉一点,使之看起来如同真实阴影由深至浅。设置这些图层的混合模式为正片叠底。

图19
十、现在看起来已经相当酷了,不过我们可以做得更好,要诀是让一些草从阴影中长出,增添整体的立体感。我们不需要从其他地方剪切更多的青草,只是从E中提取即可。