colorful-glowing-text

在看过Vicenc Fontanet(或者Drasik)最近的一些文字作品和他的最近Miniblack项目之后,我就想自己在PS中也完成这个效果了。这是一个非常漂亮的样式,可以很容易的合并到需要醒目文字的暗色的图形设计中。

第一步——选择背景

为了有最好的效果,最好使用暗色的背景。背景应该微微有一点颜色,并且应该避免太暗(比如纯黑色)。受到Drasik的作品的启发,我使用了暗紫色(#120612)。

除了这种方法,通过这个教程你可能发现,有许许多多的不同的方法可以实现这一效果,这只是我发现的最便捷的方法。

第二步——设置文字

我们将会使用不那么传统的方法来设置文字,这样会有特别的层次感。

使用文字工具,写出任何你想写的字。但是只能一个图层写一个字母。也就是,你需要写出一个字母,应用字体,然后创建一个新的图层,写出下一个字母。当所有该写的都写完了,应该是每一个单独的字母在一个单独的图层。

你的图像看起来应该像是这样:(快速提示:下面的字体是Century Gothic)

type-set

好了,剩下的就是期待中的部分了。

为了不把太多的时间浪费在对齐文本上,让我们用快捷的步骤处理它。选择移动工具,将第一个字母载入选区(按住Ctrl键,在图层面板点击图层缩略图),然后,选择所有的文字图层(点击最下面的文字图层,按住Shift键,点击最上面的文字图层),现在,在属性栏,点击“底端对齐”——图表看上去是这样的:

aligned-bottom

取消选区(Ctrl+D),现在开始移动每一个字母,让它们稍微重叠。

type-positioned

第三步——添加渐变

在文字图层之上创建一个新的图层。使用渐变工具,白色到透明渐变,填充工作区域,覆盖在文字之上的渐变不要太不透明,或者太透明。渐变应该从上到下——顶部是最不透明的部分(按住Shift键,这样可以让渐变笔直)。

gradient

第四步 切割字母

想象我们正在做形状饼干。这是可以延展的,但是请跟着我。从某种程度上,这个渐变就是我们的“面团”,字母就是我们的“饼干切割器”,之前我们创建的每一个单独的文字图层就是我们可以从渐变中创建形状的工具。

让我们一步一步来看看是否行得通。为你的第一个字母创建选区(按住Ctrl键在图层面板中点击该图层)。现在,选择渐变图层(我说“选择”的意思其实是点击这个图层,而不是选择这个图层的内容,我们希望第一个字母的选区仍然存在)。拷贝然后粘贴,这样你就得到了一个字母形状的渐变。如果你隐藏除了这个图层之外的所有图层和背景的话,你会得到这样的结果:

first-letter

这确实比听上去要简单的多。给剩下的字母重复这个步骤,要确保选择的是渐变图层(面团)。当完成的时候,处理掉所有的字母和渐变图层(删除或者隐藏他们)。

letterscut1

第五步 添加颜色就可以了!

你可能想要给每一个图层命名,那样的话你就会知道哪个字母是哪个了。但是也许更容易管理的数字是个更好的办法。

在所有渐变字母之上创建一个新的图层。选择油漆桶工具和一个明亮的颜色(我这里选择的是#7fff5d)。创建第一个渐变字母的选区(忽略任何你可能看到或者没有看到没有任何选区被选择的信息),在新的图层上给这个选区填充选择好的颜色。将这个图层的混合模式设置为滤色。

1color

给其余的字母重复这个步骤。(一个图层一种颜色)不时的使用相同的颜色一到两次。

  colors

第六步 合并

当你确定文字已经设置好了之后,合并所有渐变字母图层(选择所有图层,按Ctrl+E)。然后,合并所有的颜色图层到一个图层(确保图层混合模式仍然设置为滤色)。

你现在应该有两个图层——一个是纯色的渐变图层,另外一个是字母的颜色图层。这并不是必须的,只是这样更容易管理。

第七步 发光

复制渐变字母图层(不是颜色图层),给这个图层应用高斯模糊(查看滤镜教程),值设置为1-3。

 blur1

在颜色图层上重复上面的步骤(复制和模糊),设置图层模式为变亮或者滤镜(看那种效果最好)。根据你所需要的颜色的强度和饱和度选择重复的次数。

blurcomplete

第八步

使用橡皮工具和笔触柔软的画笔工具,返回擦掉颜色图层的一部分,这样文字就会呈现出从颜色到朦胧的白色的褪色效果。

erase

第九步 反射

选择所有给文字应用效果的图层,复制一遍。将复制的图层合并为一个图层,用我们在5 Essential Reflections for Photoshop Tutorial这篇文章里展示的流行的表面反射技巧给文字添加反射效果。

reflection

第十步 根据需要调整

从这里开始到结束,我会让你自己完成这种效果。我建议在背景增加灯光效果——比如给文字添加一些简单的高光效果,这样你就能够得到和Drasik的作品一样的效果!

下面是我增加了一些步骤后的效果:

additional-lighting

添加模糊效果也可以让文字显得更生动。试着复制图层,然后你可以试着应用动感模糊看看效果!

final

如果有什么问题,你还可以直接下载PSD文档

分享到: