Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在Adobe Photoshop中创建一个80年代感的银色文字效果

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
How to Create a Galaxy Text Effect in Adobe Photoshop
This post is part of a series called Retro Text Effect Tutorials.
Create a Retro Gold Leather Text Effect in Adobe Photoshop
How to Create a Vintage Movie Text Effect in Adobe InDesign

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

Final product image
What You'll Be Creating

本教程将为你展示如何使用Photoshop的图层样式和滤镜,以及一些自定义动作、纹理和图案等来创建一个复古的80年代感的银色文字效果,让我们开始吧!

这个文字效果是受了很多不同的图层样式启发的,它们在GraphicRiver上有售。

教程素材

以下的一些素材我们将在制作本教程中被使用到:

1. 如何定义一个图案和创建一个背景

步骤1

打开Smooth Seemless Concrete图片,打开编辑 > 定义图案,然后设置名称BG Pattern

Define Pattern

步骤2

创建一个新的1000 x 700像素的文档,复制背景图层两次,然后改变第二个复制的填充值为0

Create the Background Layers

步骤3

双击背景图层的拷贝图层,然后为其应用一个渐变叠加效果并使用以下设定:

  • 勾选仿色选项框
  • 样式:径向
  • 角度:15
  • 缩放:90%
  • 创建一个渐变的填充使用颜色#B9A8A4在左,#201A1A在右。
Create a Gradient Overlay

步骤4

当你依然在图层样式窗口里的时候,你可以点击并拖动画笔上的渐变来重新调整它在文档中的位置。

Move the Gradient Fill

步骤5

双击背景拷贝 2图层并应用图案叠加效果,使用以下设定:

  • 混合模式:正片叠底
  • 图案:BG Pattern
Pattern Overlay

这是其中一种添加图案叠加的方式,稍后在接下来的教程中我们将看看另一种方式。

Background

2. 如何创建并突出文字

步骤1

使用Argon字体创建文字,设置其文字大小225点

Create the Text

步骤2

字符面板中,设置字符间距微调视觉

你会注意到有一些字符看起来并没有被均匀的分隔开,我们将之后来修复它。

Kerning

步骤3

高亮(选中)你希望调整的文字,然后根据需要改变它的字距的值。

Tracking

步骤4

使用不同的字距值来对应你有的字符,知道你得到了一个最后满意的结果。

Tracking

3. 如何创建文字智能对象

步骤1

双击文字图层来应用渐变叠加效果,使用stove pipe 10渐变填充。

Gradient Overlay

步骤2

重命名文字图层为Text右键点击它,然后选择转换为智能对象

Convert to Smart Object

4. 如何记录一个简单的挤出自定义动作

步骤1

打开动作面板,在面板底部点击创建新组按钮,输入Extrusion名称输入框,然后点击确定

Create New Set

步骤2

在面板底部点击创建新动作按钮,输入Play名称输入框,然后点击开始录制

Create New Action

步骤3

Command+J复制Text的图层。

Duplicate the Text Layer

步骤4

Command+T来进入自由变换模式

Free Transform Mode

步骤5

选项条中,点击在WH输入框之间的保持长宽比按钮,然后设置它们的值为99.9%

Scale Down

步骤6

敲击下箭头一次来将文字向下移动1像素

Nudge Downwards

步骤7

点击回车键来确认修改,你应该会看到所有的步骤都被记录并且添加到你创建的动作里。

动作面板的底部点击停止记录按钮。

Stop Recording

5. 如何创建一个挤出效果

步骤1

动作面板底部点击播放选定动作按钮10次,以此来创建10个10个变换的复制。

Create the Extrusion Copy Layers

步骤2

选中所有文字复制图层,拖动它们到原始的Text图层下面,然后执行图层 > 排列 > 反向

这样做,就会将最后一个复制的图层从最底下放置到最上面。

Reverse Layers Order

步骤3

放置选中的图层们倒一个里,然后重命名它为Extrusion

Extrusion Group

步骤4

复制最后一个Text拷贝图层(Text 拷贝 11),然后拖动该复制图层到Extrusion组之外,然后将其重命名为Shadow 1

Shadow 1 Layer

步骤5

放置Shadow 1图层到一个里并将其命名为Shadow

Shadow Group

6. 如何为最前面的文字图层添加样式

双击原始的Text图层然后应用以下图层样式

步骤1

使用一下设定添加一个斜面和浮雕

  • 大小:0
  • 取消使用全局光选项框
  • 角度:55
  • 高度:5
  • 勾选消除锯齿选项框
  • 高光模式:亮光
    • 阴影模式:颜色加深
      Add a Bevel and Emboss

      步骤2

      使用以下设定添加描边

      • 大小:1
      • 位置:内部
      • 混合模式:强光
      • 填充类型:渐变
      • 使用stainless steel 101ss作为渐变填充
      Add a Stroke

      步骤3

      使用以下设定添加内阴影

      • 不透明度:35%
      • 距离:2
      • 大小:5
      Add an Inner Shadow

      步骤4

      使用以下设定添加一个内发光

      • 混合模式:强光
      • 不透明度:35%
      • 颜色:#DAE8EC
      • 方法:精确
      • 源:居中
      • 大小:20
      • 等高线:锥形 - 反转
      Add an Inner Glow

      步骤5

      使用以下设定添加渐变叠加

      • 勾选仿色选项框
      • 混合模式:叠加
      • 勾选反向选项框
      • 使用steel pipe 30渐变填充
      Add a Gradient Overlay 1

      步骤6

      点击渐变叠加右侧的+键来添加另外一个实例并使用以下设定:

      • 勾选仿色选项框
      • 混合模式:柔光
      • 使用下面的渐变填充
      Add a Gradient Overlay 2

      步骤7

      使用以下设定添加一个外发光

      • 混合模式:亮光
      • 不透明度:50%
      • 颜色:#ACC4C4
      • 方法:精确
      • 大小:5
      • 等高点:内凹 - 深
      Add an Outer Glow

      这样将会产生如下的最终前端文字效果。

      Styled Text Layer Result

      7. 如何为挤出添加样式

      双击任意一个Extrusion组里的Text拷贝图层,为其应用如下图层样式:

      步骤1

      使用以下设定添加一个斜面和浮雕

      • 大小:0
      • 软化:1
      • 取消勾选使用全局光选项框
      • 角度:55
      • 高度:5
      • 勾选消除锯齿选项框
      • 高光模式:亮光
        • 阴影模式:颜色加深
          Add Bevel and Emboss

          步骤2

          使用以下设定添加一个等高线

          • 等高线:内凹 - 浅
          • 勾选消除锯齿选项框
          • 范围:100%
          Add a Contour

          步骤3

          右键点击添加了样式的图层,然后选择拷贝图层样式

          然后,选中余下的在Extrusion组内的Text拷贝图层,右键点击其中任意一个,然后选择粘贴图层样式

          Copy and Paste Layer Style

          步骤4

          双击Extrusion组来使用以下设定添加渐变叠加

          • 混合模式:线性加深
          • 使用stove pipe 10渐变填充
          Add a Gradient Overlay 1

          步骤5

          添加另外一个渐变叠加并使用以下设定:

          • 混合模式:叠加
          • 使用stove pipe 155b渐变填充
          Add a Gradient Overlay 2

          这样我们就为挤出的部分添加了样式。

          Styled Extrusion Result

          8. 如何添加阴影

          步骤1

          双击Shadow 1图层,为其应用颜色叠加效果,然后设置颜色黑色

          Apply Color Overlay

          步骤2

          改变Shadow 1图层的填充值为0不透明度50%

          Fill and Opacity Values

          步骤3

          打开滤镜 > 模糊 > 动态模糊

          改变角度-60距离100,或者使用任何其他你希望使用的值。

          Create a Motion Blur

          步骤4

          切换到移动工具,然后点击并拖动,或者使用箭头键,来微调阴影到刚好显示在文字背后。

          Move the Shadow

          步骤5

          打开滤镜 > 模糊 > 高斯模糊,然后改变半径5,或者任何其他你觉得合适的值。

          Apply Gaussian Blur

          步骤6

          为了增强阴影并让它看起来更真实,复制Shadow 1图层然后使用不同的值。

          所以创建你觉得足够多的该图层的复制,然后对于每一个复制,改变他们的不透明度模糊的滤镜的值,当然还需要将它们移动到文字的正背后来得到你期待的结果。

          Add More Shadow Layers

          9. 如何添加最后的一些细节

          步骤1

          放置Lens Flare 25图片到所有图层的顶上,将其缩放至合适的尺寸,然后改变图层的混合模式滤色

          Lens Flare Image

          步骤2

          打开图片 > 调整 > 色相/饱和度,然后改变饱和度-35

          Change the Hue and Saturation

          步骤3

          图层面板底部点击创建新的填充或调整图层按钮,选择图案,然后使用Pattern 1来填充。

          Add a Pattern

          步骤4

          改变图案图层的混合模式叠加,然后改变其不透明度15%

          这就是另外一种添加图案叠加的方式,代替了使用图层样式。

          Change the Pattern Settings

          步骤5

          添加一个颜色查找图层,然后从3DLUT文件菜单选择FoggyNight.3DL表格。

          勾选仿色选项框,然后改变颜色查找图层的混合模式柔光不透明度50%

          Change the Color Lookup

          步骤6

          双击Text图层的缩略图来打开可编辑的文字文件,在这里你可以改变文字并更新所有复制图层的原始文件。

          对于现在,我们需要做的只是改变画布大小来匹配原始的文档尺寸。

          所以打开图片 > 画布大小,然后输入1000宽度700高度

          保存并关闭这个文件来回到原始的文档。

          Adjust the Canvas Size

          恭喜你!你完成了

          在本教程中,我们使用渐变和图案叠加创建了一个简单的背景,然后我们创建了主体文字的智能对象并为其添加了样式。

          在那之后,我们录制了一个创建挤出效果、再为其添加样式、最后使用滤镜添加阴影的自定义动作。最终我们使用纹理和图案叠加以及一些调整图层来完成我们的效果。

          请在下面留言区留下你的想法、建议或是与我们分享你的成果。

          80s Silver Text Effect Adobe Photoshop Tutorial
          Envato qr branded
          关注我们的公众号
          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.