有没有想过令青草按照字母的形状生长?现在只要你拥有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中提取即可。
你可以看到作者从E字中分离出不同的部分,并用橡皮擦工具擦掉一些多余的部分。
图20
二十一、现在把刚才作出的部分移动到阴影图层之上,因为这些草处于阴影中,可以使用加深工具使之变黑。现在看起来就像是一个真实的三维物体。
图21
二十二、现在做好了一个,我们还有四个需要完成,自然会是一个比较累人的过程,加油吧!
图22
二十三、使用和之前相同的技巧创建A、R、T和H四个字母。
图23
二十四、当完成整个词语后,把原始的白色“EARTH”图层设置为隐藏,记得把五个字母的相关图层分别编组,既让单字母移动更简单也可分别进行调整。
图24
第三部分:润色及完成
看起来虽然是不错,不过只有文字总会让人觉得孤独和单调。因此在这最后一部分,我们会为这幅壁纸增添更加的元素进行美化。不过要注意的是,并不需要过度修饰,而且作为一幅壁纸,必须要有足够的空间放置桌面上的图标。
首先,添加另一句文字上去。在这里,作者引用了巴哈伊信仰(Baha'i faith)的一句名言。使用名言总是可以让文字看起来更有信服力。
这句名言依然是使用Swiss字体的,在同一幅设计中使用相同种类的字体(可以选择粗体、幼体等等变体)会取得和谐的效果。
设置“名言”的混合模式为叠加、透明度50%,然后复制一次,再设置为滤色、不透明度50%。把名言本身设置为较大的字号,名言的出处(句子后方小字)使用小字号,并且使用纯白色,不透明度50%。记得让整句话刚好与上面的“EARTH”的长度一致。
暂时效果图
二十五、然后我们为这个壁纸添加高光,以增添阳光感觉。在所有图层之上新建一个图层,使用渐变工具,设置为白色到透明的径向渐变,设置图层混合模式为柔光,不透明度50%,这会使得文字左上方有漂亮的高光效果。
图25
二十六、现在是时候添加两个能吸引眼球的元素,避免一片绿色太晃眼。作者选择一只蓝色翅膀的蝴蝶和一只红色的瓢虫作为原材料。
图26
二十七、把找到的材料照片放入Photoshop,使用魔棒工具点选照片的白色位置,使用选择>修改>扩展,扩展选区1像素,然后使用Ctrl+Shift+I反选区域,复制并粘贴到我们的壁纸上。
瓢虫是从一张真实的照片抠出来的,因为轮廓明显,使用钢笔工具就可以轻易做到。
图27
二十八、现在观察一下两个新元素,你会发现瓢虫并不是很理想,但没有关系,因为我们只需缩小并放置在青草边上。现在把它们放置在合适的地方,两者尽量分开远点,这样视觉较为平衡。
为蝴蝶和瓢虫都添加阴影。瓢虫的阴影比较小,因为它是非常贴青草的;而蝴蝶的则要远一点,作者设置距离为10像素,让它看起来是真的飞舞在空中。
图28
当一切都完成后,让我们来看看最终效果:
效果图