如何使用 Photoshop 图层样式制作涂鸦文字效果

教你Photoshop 中创建自己的涂鸦文字效果

1.如何设置背景和文字

步骤1

打开 Photoshop，不要创建新文档，而是转到“文件”>“打开...” ，然后从教程资源中选择 “Brick-wall.jpg” 。

步骤2

使用文字工具 (T)，选择 大小为285 pt的Graffogie涂鸦文本字体，然后在画板上写下“投票”一词。然后转到“文字”>“变形文本”并选择“外壳上部弯曲：21%”、“水平变形：-29% ”和“垂直变形：22%”，然后单击“确定”。最后，仅选择画板上的字母“V”，然后转到“角色”面板并将“跟踪”设置为-75。

步骤3

再次使用文字工具 (T)用相同的涂鸦文本字体再写两个单词“for”和“Pedro”。确保每个单词都在自己的图层上。写“for”，字体大小116 pt，字距75。然后在新图层上写上“Pedro”，字体大小为255 pt，字距为75。

步骤4

使用移动工具 (V)将涂鸦风格的字母移动到一起。然后在“图层”面板中选择所有三个文本图层并按Control-T。现在将旋转设置为-8°。最后，我们准备开始创建 Photoshop 涂鸦文字效果。

2.如何在 Photoshop 中创建第一个涂鸦效果

步骤1

让我们首先选择涂鸦文本图层“投票”。现在转到图层>图层样式>混合选项...并应用以下图层样式。

在混合选项中，使用以下设置：

高级混合：0%

混合如果：灰色

底层：按住 Alt 键单击（Mac 用户按住 Option 键单击）白色标记将其分割，然后将左侧部分设置为161，右侧部分设置为236。

步骤2

使用以下设置添加斜角和浮雕：

样式：内斜角

技术：凿硬

深度：144%

方向：向上

尺寸：8像素

柔化：0像素

取消选中使用全局灯框

角度：98°

海拔高度：30°

选中抗锯齿框

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

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

步骤3

使用以下设置将内阴影添加到 Photoshop 中的涂鸦效果：

混合模式：正常

颜色：#000000

不透明度：100%

取消选中使用全局灯框

角度：-94°

距离：0像素

窒息：0%

尺寸：10像素

轮廓：圆锥体

选中抗锯齿框

噪音： 11%

步骤4

使用以下设置添加内发光：

混合模式：正常

颜色： #000000

不透明度： 19%

噪音： 61%

技术：精准

来源：中心

窒息： 1%

尺寸： 10 像素

轮廓：圆锥体 - 倒置

选中抗锯齿框

范围： 50%

步骤5

使用以下设置添加缎面 样式：

混合模式：叠加

颜色： #64ec87

角度： 90°

距离： 19 像素

尺寸： 24 像素

轮廓：半圆形

选中抗锯齿框

选中反转框

步骤6

使用以下设置添加渐变叠加：

混合模式：线性加深

检查抖动框

不透明度： 6%

风格：线性

角度： 90°

规模： 60%

单击渐变并设置这些停止点：

颜色停止 位置颜色 ： 0% 和 100%#000000

不透明度停止位置： 0% 上的不透明度： 0%

不透明度停止位置不透明度： 100%位置： 100%

步骤7

使用以下设置添加外发光：

混合模式：线性加深

不透明度： 29%

颜色： #000000

技术：精准

点差： 50%

尺寸： 3 像素

选中抗锯齿框

步骤8

我们即将完成这个涂鸦文字效果 Photoshop 教程。作为此文本效果的最后一步，使用以下设置添加投影：

混合模式：正常

选择颜色#000000

不透明度： 95%

取消选中使用全局灯框

角度： 90°

距离： 5 像素

利差： 39%

尺寸： 24 像素

选中抗锯齿框

噪音： 10%

点击“确定”应用所有更改。

这是在 Photoshop 中应用于涂鸦字体的第一个涂鸦文本效果的结果。

3.如何创建第二个涂鸦文字效果

步骤1

选择 “for” 涂鸦文本图层，然后转到图层>图层样式>混合选项...，将以下图层样式应用到涂鸦字母字体。

在混合选项中，使用以下设置：

高级混合： 0%

混合如果：灰色

底层：按住 Alt 键单击（Mac 用户按住 Option 键单击）白色标记将其分割，然后将左侧部分设置为158，右侧部分设置为217。

步骤2

使用以下设置将斜角和浮雕添加到涂鸦字母 3D 文本效果：

样式：内斜角

技术：光滑

深度： 100%

方向：向上

尺寸： 8 像素

柔化： 0 像素

取消选中使用全局灯框

角度： 90°

海拔高度： 30°

选中抗锯齿框

高亮模式 -不透明度： 0%

阴影模式：与颜色相乘#000000，不透明度： 50%

步骤3

使用以下设置添加描边：

尺寸： 1 像素

位置：室外

填充类型：颜色

颜色： #000000

步骤4

使用以下设置添加内阴影：

混合模式：正常

颜色： #000000

不透明度： 100%

取消选中使用全局灯框

角度： -94°

距离： 0 像素

窒息： 18%

尺寸： 5 像素

选中抗锯齿框

噪音： 11%

步骤5

使用以下设置添加内发光：

混合模式：正常

颜色： #000000

不透明度： 30%

噪音： 61%

技术：精准

来源：边缘

窒息： 1%

尺寸： 4 像素

选中抗锯齿框

范围： 50%

步骤6

使用以下设置添加投影来完成此涂鸦字母 3D 文本效果：

混合模式：正常

选择颜色#000000

不透明度： 956%

取消选中使用全局灯框

角度： 90°

距离： 5 像素

利差： 27%

尺寸： 18 像素

选中抗锯齿框

噪音： 17%

点击确定应用图层样式。

这是应用于酷炫涂鸦字母的第二个涂鸦文字效果的结果。

4.如何创建第三种涂鸦文字效果

步骤1

选择 “pedro” 涂鸦字母字体图层，然后转到图层>图层样式>混合选项...以应用以下图层样式。

在混合选项中，使用以下设置：

高级混合： 0%

混合如果：灰色

底层：按住 Alt 键单击（Mac 用户按住 Option 键单击）白色标记将其分割，然后将左侧部分设置为139，右侧部分设置为201。然后分割黑色标记并将其右侧部分设置为80。

步骤2

使用以下设置添加斜角和浮雕：

样式：内斜角

技术：凿硬

深度： 144%

方向：向上

尺寸： 8 像素

柔化： 0 像素

取消选中使用全局灯框

角度： 98°

海拔高度： 30°

选中抗锯齿框

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

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

步骤3

使用以下设置将内阴影添加到涂鸦字母字体文本效果：

混合模式：正常

颜色： #000000

不透明度： 100%

取消选中使用全局灯框

角度： -94°

距离： 0 像素

窒息： 0%

尺寸： 10 像素

轮廓：圆锥体

选中抗锯齿框

噪音： 11%

步骤4

使用以下设置添加内发光：

混合模式：线性减淡（添加）

颜色： #dd8925

不透明度： 33%

噪音： 47%

技术：精准

来源：中心

窒息： 58%

尺寸： 16 像素

选中抗锯齿框

范围： 50%

步骤5

使用以下设置添加缎面效果：

混合模式：叠加

颜色： #f08d18

角度： 90°

距离： 19 像素

尺寸： 24 像素

轮廓：半圆形

选中抗锯齿框

选中反转框

步骤6

使用以下设置添加渐变叠加：

混合模式：线性加深

检查抖动框

不透明度： 6%

风格：线性

角度： 90°

规模： 60%

单击渐变并设置这些停止点：

颜色停止 位置颜色 ： 0% 和 100%#000000

不透明度停止位置： 0% 上的不透明度： 0%

不透明度停止位置不透明度： 100%位置： 100%

步骤7

使用以下设置添加外发光：

混合模式：线性加深

不透明度： 29%

颜色： #000000

技术：精准

点差： 40%

尺寸： 2 像素

选中抗锯齿框

步骤8

作为此涂鸦风格字母文本效果的最后一步，使用以下设置添加投影：

混合模式：正常

选择颜色#000000

不透明度： 96%

取消选中使用全局灯框

角度： 90°

距离： 5 像素

利差： 39%

尺寸： 24 像素

选中抗锯齿框

噪音： 10%

点击“确定”应用文本效果。

至此，涂药效果已经完成

推荐书单

《Photoshop2022从入门到精通》

本书非常适合零基础的入门读者阅读，读者将从新手起步，逐步学习并深入探索，最终成为精通Photoshop的高手。本书几乎涵盖Photoshop软件的所有功能，从基本工具、基础命令讲起，让读者迅速学会基本操作。本书还配有扩展知识讲解，可扩充读者知识面。对于专业的术语和概念，配有详细、生动而不失严谨的讲解；对于一些不易理解的知识，配有形象的动漫插图和答疑。在讲解基本操作以后，还配有实例跟练和综合案例，以图文步骤的形式，使读者全方位掌握所学知识，以达到学以致用的目的。

购买链接：https://item.jd.com/13268865.html