野马设计学院

先看看效果图

一、背景的创建

1、打开我们所提供的砖墙素材 Brick-wall.jpg，我们将使用这个砖墙背景来建立这个涂鸦文本效果。在PS中打开 Brick-wall.jpg，这个图片是 Jan Stverak 编辑过的，尺寸大小都已经调整好了的，同时我们也提供了一个未经编辑的原始图片，大致是调整了亮度，色阶以及饱和度，你可以试试，或者，如果你想尝试不同的背景，也可以自己查找一下其他背景。

2、我创建了一个亮度/对比度调整层，再稍微降低些亮度。

二、设置文本

3、选择文本工具，输入文字“Vote” ，设置字体为 Graffogie，大小为285 点。

4、执行“编辑——变换——变形”，设置变形类型为“花冠”，弯曲“21%”，H：-29%，V：22%，我们得到如下变形结果。

5、从这个变形结果来看，V和O之间的间隔感觉比OTE大一些，所以，选择住V字，把V字字符的字距调整为“-75”，这算是个细节问题吧。

6、接下来，我们打上另外两个文本“for”和“Pedro”，同样的设置字体为 Graffogie，“for”文字大小为116点，字距75。“Pedro”文字大小为255点，字距75，一个文本一个图层。

7、选择住三个文本图层，CTRL+G创建图层组，将图层组旋转-8°。

三、创建涂鸦效果

8、首先，将三个文本图层的填充都修改为0，现在文字都不显示了，只剩下背景，没关系，接下去我们将添加图层样式，以形成涂鸦效果。

9、接下来，我们给Vote文本图层添加图层样式，从下图中，你可以看到我们添加了好多的样式。

9.1、首先，我们设置混合选项：自定。

混合颜色带：灰色，在下方的混合颜色带中，设置下一图层，在白色标记上按住Alt键单击(mac用户按住Option键单击)将其拆分，然后将左侧部分设置为161，将右侧部分设置为236。

9.2、接下来，我们设置斜面和浮雕。

样式：内斜面，方法：雕刻清晰，深度：144%，方向：上，大小：8像素，软化：0像素

角度：98度，高度：30度，光泽等高线：线性，勾选消除锯齿

高光颜色：#035b7c，高光模式：叠加，不透明度：100%

阴影颜色：#ff3000，阴影模式：叠加，不透明度：88%

9.3、接着，我们设置内阴影。

混合模式：正常，颜色：黑色#000000，不透明度100%

角度-94度，距离：0像素，阻塞：0%，大小：10像素

等高线：锥形，勾选消除锯齿，杂色：11%

9.4、接下来，是内发光。

混合模式：正常，不透明度：19%，杂色：61%，颜色：黑色#000000

方法：精确，源：居中，阻塞：1%，大小：10像素

等高线：锥形—反转，勾选消除锯齿，范围：50%，抖动：0%

9.5、接着，是光泽。

混合模式：叠加，颜色：#64ec87，不透明度：100%

角度：90度，距离：19像素，大小：24像素

等高线：半圆，勾选消除锯齿，勾选反相

9.6、接下来，我们设置渐变叠加。

混合模式 ：线性加深，勾选仿色，不透明度：6%

渐变颜色为白到黑的渐变(具体参数请参见下图)

样式：线性，勾选与图层对齐，角度：90度，缩放：60%

9.7、接下来，我们设置外发光。

混合模式：线性加深，不透明度：29%，杂色：0%，颜色：黑色#000000

方法：精确，扩展：50%，大小：3像素

等高线：线性，勾选消除锯齿，抖动：53%

9.8、最后，我们设置投影。

混合模式：正常，颜色：黑色#000000，不透明度：95%

角度：90度，距离：5像素，扩展：39%，大小：24像素

等高线：线性，勾选消除锯齿，杂色：10%

10、接下来，我们给 for 文本图层添加图层样式，依旧添加了好多的样式，而且混合颜色带的运用也不一样了。

10.1、首先，我们设置混合选项：自定。

混合颜色带：灰色，在下方的混合颜色带中，设置下一图层，在白色标记上按住Alt键单击(mac用户按住Option键单击)将其拆分，然后将左侧部分设置为158，将右侧部分设置为217。

10.2、接着，我们设置斜面和浮雕。

样式：内斜面，方法：平滑，深度：100%

方向：上，大小：8像素，软化：0像素

角度：90度，高度：30度

光泽等高线：线性，勾选消除锯齿

高光颜色：白色#ffffff，高光模式：滤色(这个无所谓，因为我们的不透明度将设置为0)，不透明度0%

阴影颜色：黑色#000000，阴影模式：正片叠底，不透明度：50%

10.3、设置一个描边。

大小：1像素，位置：外部，混合模式：正常，不透明度：100%

填充类型：颜色，颜色：黑色#000000

10.4、添加一个内阴影。

混合模式：正常，颜色：黑色#000000，不透明度：100%

角度：-94度，距离：0像素，阻塞：18%，大小：5像素

等高线：线性，勾选消除锯齿，杂色：11% 

10.5、添加一个内发光。

混合模式：正常，不透明度：30%，杂色：61%，颜色：黑色#000000

方法：精确，源：边缘，阻塞：1%，大小：4像素

等高线：线性，勾选消除锯齿，范围：50%，抖动：0%

10.6、最后，我们添加一个投影。

混合模式：正常，颜色：黑色#000000，不透明度：96%

角度：90度，距离：5像素，扩展：27%，大小：18像素

等高线：线性，勾选消除锯齿，杂色：17%

11、接下来，我们给 pedro 文本图层添加图层样式，依旧添加了好多的样式，而且混合颜色带的运用也不一样了。

11.1、首先，我们设置混合选项：自定。

混合颜色带：灰色，在下方的混合颜色带中，设置下一图层，在黑色标记上按住Alt键单击(mac用户按住Option键单击)将其拆分，然后将右侧部分设置为80。接着，在白色标记上按住Alt键单击(mac用户按住Option键单击)将其拆分，然后将左侧部分设置为139，将右侧部分设置为201。

11.2、现在，我们添加一个斜面和浮雕。

样式：内斜面，方法：雕刻清晰，深度：144%，方向：上，大小：8像素，软化：0像素

角度：98度，高度：30度，光泽等高线：线性，勾选消除锯齿

高光颜色：#1faee3，高光模式：叠加，不透明度：100%

阴影颜色：#ce43db，阴影模式：叠加，不透明度：88%

11.3、添加一个内阴影

混合模式：正常，颜色：黑色#000000，不透明度：100%

角度：-94度，距离：0像素，阻塞：0%，大小：10像素

等高线：锥形，勾选消除锯齿，杂色：11%

11.4、添加一个内发光

混合模式：线性减淡(添加)，不透明度：33%，杂色：47%，颜色：#dd8925

方法：精确，源：居中，阻塞：58%，大小：16像素

等高线：线性，勾选消除锯齿，范围：50%，抖动：0%

11.5、添加一个光泽

混合模式：叠加，颜色：#f08d18，不透明度100%

角度：90度，距离：19像素，大小：24像素

等高线：半圆，勾选消除锯齿，勾选反相

11.6、添加一个渐变叠加

混合模式 ：线性加深，勾选仿色，不透明度：6%

渐变颜色为白到黑的渐变(具体参数请参见下图)

样式：线性，勾选与图层对齐，角度：90度，缩放：60%

11.7、添加一个外发光

混合模式：线性加深，不透明度：29%，杂色：0%，颜色：黑色#000000

方法：精确，扩展：40%，大小：2像素

等高线：线性，勾选消除锯齿，范围：100%，抖动：53%

11.8、最后，添加一个投影

混合模式：正常，颜色：黑色#000000，不透明度：96%

角度：90度，距离：5像素，扩展：39%，大小：24像素

等高线：线性，勾选消除锯齿，杂色：10%

设置完图层样式，我们最终得到这样的效果，涂鸦的效果有木有，三种不同涂鸦效果的样式设置，你GET了吗?

 作者： PS大点

更多平面设计教程，品牌设计教程可前往野马设计学院官网查看

Powered by Froala Editor