Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何用Photoshop创建一个锈迹斑斑的复古文字效果

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Chrome Text Effect in Adobe Illustrator
How to Create a Retro 'Saved by the Bell' Inspired Text Effect in Adobe Photoshop

Chinese (Simplified) (中文(简体)) translation by Alfred Y. Zhu (you can also view the original English article)

Final product image
What You'll Be Creating

这篇教程是要向你展示如何使用图层样式、杂色、斑驳纹理以及调整图层来创建一个锈迹斑斑的半调图案质感复古文字效果。让我们开始吧!

这个文字效果的灵感来自于众多图层样式,你可以在GraphicRiver上面找到他们。

教程素材

以下的素材们将被运用在制作本篇教程中:

1. 如何创建一个图案图层

步骤1

创建一个新的512 x 512像素的文档,使用白色背景,然后将背景图层复制一次,右键点击复制后的图层并转换为智能对象

Create the Pattern Layer

步骤2

设置前景色背景色分别是黑色白色,然后打开滤镜 > 渲染 > 云彩

Render Clouds

2. 如何创建一个斑驳的半调图案质感图案

步骤1

打开滤镜 > 滤镜库 > 纹理 > 颗粒,然后使用以下设定:

  • 强度:60
  • 对比度:0
  • 颗粒类型:喷洒
Grain Filter

步骤2

滤镜库窗口最下面点击新建效果图层按钮来添加另外一个滤镜

转到素描 > 半调图案,然后使用以下设定:

  • 大小:2
  • 对比度:6
  • 图案类型:网点
Halftone Pattern Filter

步骤3

添加另外一个效果图层,打开素描 > 绘图笔,然后使用以下这些设定:

  • 描边长度:15
  • 明/暗平衡:50
  • 描边方向:右对角线

完成后点击确定

Graphic Pen Filter

步骤4

打开编辑 > 定义图案,然后输入前端图案作为名字。

Define Pattern

3. 如何创建简单的图案背景

步骤1

创建一个新的950 x 750像素的文档,点击图层面板底部的创建新的填充或调整图层按钮,然后选择纯色

Solid Color Fill Layer

步骤2

设定填充颜色#A2563B

Fill Color

步骤3

双击创建的纯色图层并使用以下设定为其设定图案叠加

  • 混合模式:柔光
  • 图案:网点(30个简单图案中的一个,叫Dots)
Pattern Overlay

这样就创建了我们最基础的背景。

Background Pattern

4. 如何创建文字图层智能对象

步骤1

使用Burford字体来创建文字,设置颜色白色大小350点字距-75

Create the Text

步骤2

将文字图层重命名为文字右键点击图层,点击转换为智能对象

Convert to Smart Object

步骤3

复制文字图层。

Duplicate the Text Layer

5. 如何创建凸出效果图层

步骤1

再次复制文字图层,将其重命名为凸出,然后将它放到一个组里并命名那个组也叫凸出

Create the Extrusion Group

步骤2

凸出图层为选中状态时,按Command+T进入自由变换模式,分别按左箭头下箭头键一次去向左和下方向轻移凸出图层1像素

回车键(Return)来应用更改。

Nudge the Extrusion Layer

步骤3

重复的按Shift+Command+Option+T大约21次来创建出21个同样变换的复制。

你可以自己来决定总共想要多少个复制,这取决于你想要的凸出尺寸,所以你可以随意选择总共创建多少个的复制层。

Create the Extrusion Copies

步骤4

选中所有的凸出图层,然后打开图层 > 排列 > 反向来让它们按照正确的顺序排列。

Reverse the Extrusion Layers

步骤5

将顶部的三个凸出图层放到一个叫““的组,然后最下面的三个凸出图层放到叫”“的组,其他的都放到叫”"的组。

Group the Extrusion Layers

6. 如何创建阴影图层

步骤1

复制最后的凸出图层(在“”组里最下面的图层),然后重命名这个复制图层为阴影

阴影图层拖到凸出组的外面,并且将它放到一个新的叫“阴影”的组里。

Create the Shadow Group

步骤2

使用同样的变换和复制的步骤,创建几个阴影图层的复制图层,只是在这一次,你需要将阴影图层向右边移动1像素和向下边移动1像素

Create the Shadow Layers

步骤3

请确保在完成创建所有复制图层以后执行反向来得到正确的阴影图层顺序。

Reverse the Layer Order

步骤4

文字图层和它的复制图层放在文字组当中。

Text Group

7. 如何为前端文字添加样式

双击文字复制图层,并为其添加以下图层样式:

步骤1

使用以下设定添加描边

  • 大小:3
  • 位置:内部
  • 颜色:#FBE8D2
Stroke

步骤2

使用以下设定添加内阴影

  • 混合模式:线性加深
  • 颜色:#515151
  • 不透明度:50%
  • 距离:6
  • 阻塞:50
  • 大小:5
Inner Shadow

步骤3

使用以下设定添加颜色叠加

  • 颜色:#F5EDEA
  • 混合模式:深色
  • 不透明度:50%
Color Overlay

步骤4

使用以下设定添加图案叠加

  • 混合模式:颜色加深
  • 图案:锯齿(Sawtooth,30个简单图案素材中的一个)
  • 缩放:50%
Pattern Overlay

步骤5

改变文字复制图层的填充值为0

Change the Fill Value

步骤6

双击原始的文字图层,并使用以下设定添加图案叠加

  • 不透明度:95%
  • 图案:前端图案(前文中我们保存的自定义图案)
  • 缩放:50%
Pattern Overlay

这样我们就为前面部分的文字添加了样式。

Styled Text Front

8. 如何为凸出部分添加样式

步骤1

双击”组并为其添加颜色叠加效果,使用颜色#3C3B3B

Color Overlay

步骤2

右键点击”图层,选择拷贝图层样式,然后右键点击”图层,然后选择粘贴图层样式

展开“”组,选中所有的图层,右键点击任意一个层并为他们粘贴图层样式

Copy and Paste the Layer Style

步骤3

双击”组,然后使用以下设定为其添加图案叠加

  • 混合模式:划分
  • 不透明度:35%
  • 图案:斜向线条中等粗细(Diagonal Line Medium,30个简单图案素材中的一个)
Pattern Overlay

这样我们就完成了对于凸出部分图层样式的添加

Styled Extrusion

9. 如何为阴影添加样式

步骤1

双击阴影组并使用以下设定为其添加颜色叠加

  • 颜色:#A89A96
  • 混合模式:正片叠底
  • 不透明度:75%
Color Overlay

步骤2

改变阴影组的填充值为0%

Change the Fill Value

10. 如何添加纹理叠加

在我们添加纹理之前,我们需要将文字凸出阴影的组都放进一个组里面并为其命名为文字效果,这样我们可以让我们的工作界面看起来更有条理。

步骤1

由于当纹理图层被添加到文件里是智能对象是一个更好的选项,所以我们要执行文件 > 置入链接的智能对象

我们首先添加无限制的 - 数字式斑驳纹理11图片到纯色图层的上面,然后缩放到我们需要的大小。

将放入的图层重命名为背景纹理,然后改变其混合模式颜色减淡不透明度30%

Add the Background Texture Overlay

步骤2

打开图像 > 调整 > 色相/饱和度,然后改变饱和度的值到-100

如果你在使用比较旧版的Photoshop,又或者由于某种原因没办法直接将调整效果直接执行在智能对象图层对象上,作为替代的,你可以栅格化纹理图层或是为其添加调整图层。

HueSaturation

步骤3

打开图像 > 调整 > 亮度/对比度

勾选使用旧版选项框,然后改变对比度-50

旧版的选项可以帮助调整对比度调整成全黑或全白,这样可以创建更小的对比色。

BrightnessContrast

步骤4

薄膜颗粒质感(Film Grain,下载素材其中之一)图片放置到所有的图层顶端,并调整到合适的大小

将这个材质图层的名字改为材质叠加1,然后改变混合模式叠加

Texture Overlay 1

步骤5

打开图像 > 调整 > 色阶,然后改变中间值0.70

Levels Gamma

步骤6

无限制的 - 数字式斑驳纹理16图片放置到所有图层的顶上,然后根据需要缩放其尺寸。

将该材质图层命名为材质叠加2,然后改变其混合模式柔光不透明度20%

Texture Overlay 2

步骤7

打开图片 > 调整 > 色相/饱和度,并将其饱和度的值调整为-100

HueSaturation

11. 如何添加全局调整图层

步骤1

在所有图层的顶部添加渐变调整图层。

创建一个从透明到填充颜色渐变使用从左边#6F6F6F到右边#000000的颜色。

改变样式径向缩放200,然后改变图层的混合模式叠加

Gradient Fill

步骤2

添加亮度/对比度调整图层,然后改变对比度25

BrightnessContrast

步骤3

添加照片滤镜调整图层,然后使用颜色#EC9600

Photo Filter

步骤4

添加色彩平衡调整图层,并使用以下设定:

中间调

  • 青色/红色:20
  • 洋红/绿色:12
  • 黄色/蓝色:12
Color Balance

12. 如何创建斑驳的效果

步骤1

选中文字效果组,在图层面板底部点击添加图层蒙版按钮来添加图层蒙版。

Add a Layer Mask

步骤2

切换到油漆桶工具,在选项栏中选择图案选项,然后从淡色斑驳无缝图案第三期集合中选择图案填充15

确保文字效果图层的蒙版是选中状态的,然后点击填充图案。

Fill the Mask with Pattern

步骤3

要想进一步强化斑驳的效果,可以按Command+L去打开色阶窗口,并增加图层蒙版阴影输入的值来加深填充的颜色,这样会显著的提升区域中的斑驳效果。

Intensify the Pattern

恭喜你!完成啦

在本篇教程中,我们使用了一些滤镜创建了一个简单的半调图案。

然后我们创建了文字,将其转换为了智能对象,然后通过复制它来制作出凸出和阴影的图层;之后,我们为文字、凸出以及阴影图层分别成组并添加了文字样式,以得到我们想要的半调复古的特效。

最后,我们使用了纹理叠加、调整图层以及图案填充来完成最后的文字效果。

请根据喜好在下面留下你的留言、建议,或是与我们分享你的设计成果。

Final Result
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.