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

如何在Photoshop中创建一个真实的霓虹灯文字效果

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: Create a 3D Retro Text Effect With The Appearance Panel
How to Create an 80s-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

将发光和光泽的效果分层可以帮助你创建完美、有光泽的物体, 这篇教程将为你展示如何修改砖块的材质以用作背景,然后使用图层样式混合钢笔工具去创建一些明亮、发光的霓虹灯文字效果以及通过每个灯管的简单的电线。 让我们开始吧!

教程素材

以下的一些素材将帮助我们完成本教程:

1. 创建背景

步骤1

新建一个1500 x 950像素的文件,然后设置分辨率300

打开文件 > 置入嵌入的智能对象,然后打开BrickOldRounded0061图片, 将其缩放至你喜欢的尺寸,然后按Return(回车)键去接受修改。

Place the Brick Texture

步骤2

图层面板底部点击创建新的填充或调整图层按钮,并选择色阶

Levels

步骤3

点击属性面板底部的剪切到图层按钮,然后改变阴影输入色阶的值为85

Levels Values

步骤4

再次点击创建新的填充或调整图层按钮并选择色相/饱和度, 在属性面板底部点击剪切到图层按钮,然后改变饱和度11明度-83

Hue Saturation

2. 创建文字

步骤1

使用大写字母创建文字并将其改为Beon Medium字体, 颜色为#A33E88大小103点

Create the Text

步骤2

复制文字图层并且点击原始文字图层左侧的眼睛按钮让它变得不可见, 然后右键复制的文字图层并执行栅格化文字

我们接下来要做的就是分离纵向、横向以及斜向的线条,这样以便于当我们需要为它们添加效果时使用不同角度的设定。

Rasterize Type

步骤3

切换到矩形选框工具(或者任何你惯用的选择工具),在选项栏中点击添加到选区按钮,然后选中所有的横向文字部分。

Select Horizontal Parts

步骤4

执行编辑 > 剪切,然后执行编辑 > 选择性粘贴 > 原位粘贴, 这样会将选中的部分放置到一个分离的图层。 将这两个图层分别重命名为Vertical(横向)Horizontal(纵向)

Separate Vertical and Horizontal Parts

步骤5

VerticalHorizontal图层的填充值都更改为0

Fill Value

步骤6

拷贝VerticalHorizontal图层各两次,然后将同类的成组放到新组里并重命名组(Vertical/Horizontal)

Duplicate and Group Layers

步骤7

Horizontal(横向)的组放置到Vertical(纵向)的组下面。

Group Order

3. 为原始Horizontal(横向)图层添加样式

双击原始的Horizontal图层并为其添加以下图层样式:

步骤1

使用以下设定为图层添加斜面和浮雕

  • 大小:10
  • 取消选择使用全局光选项框
  • 角度:0
  • 高度:70
  • 勾选消除锯齿选项框
  • 高光模式:线性光
  • 阴影模式 - 不透明度:0%
Bevel and Emboss

步骤2

使用以下设定为图层添加等高线

  • 勾选消除锯齿选项框
Contour

步骤3

使用以下设定为图层添加内阴影

  • 混合模式:滤色
  • 颜色:#E658D4
  • 角度:30
  • 距离:0
Inner Shadow

步骤4

使用以下设定为图层添加内发光

  • 不透明度:85%
  • 颜色:#FE66F1
  • 源:居中
  • 大小:18
Inner Glow

步骤5

使用以下设定为图层添加投影

  • 距离:13
  • 大小:7
Drop Shadow

至此,我们就完成了为所有横向线条的样式化操作。

Styled Original Horizontal Layer

4. 为第一个Horizontal复制图层添加样式

双击第一个被拷贝的Horizontal图层并为其添加以下图层样式:

步骤1

使用以下设定为图层添加斜面和浮雕

  • 大小:16
  • 取消选择使用全局光选项框
  • 角度:-36
  • 高度:42
  • 光泽等高线:内凹 - 深
  • 勾选消除锯齿选项框
  • 高光模式:亮光
  • 阴影模式 - 不透明度:0%
Bevel and Emboss

步骤2

使用以下设定为图层添加等高线

  • 等高线:锥形 - 反转
  • 勾选消除锯齿选项框
Contour

这样,我们就为文字添加了更多的光泽感。

Styled First Copy Horizontal Layer

5. 为第二个Horizontal(横向)复制图层添加样式

双击第二个复制的Horizontal图层并为其添加以下图层样式:

步骤1

使用以下设定为图层添加斜面和浮雕

  • 大小:16
  • 取消选择使用全局光选项框
  • 角度:18
  • 高度:58
  • 光泽等高线:半圆
  • 勾选消除锯齿选项框
  • 高光模式:亮光
  • 阴影模式 - 不透明度:0%
Bevel and Emboss

步骤2

使用以下设定为图层添加等高线

  • 等高线:锯齿2
  • 勾选消除锯齿选项框
Contour

步骤3

使用以下设定为图层添加内发光

  • 混合模式:线性光
  • 杂色:5%
  • 颜色:#FFDCFA
  • 源:居中
  • 大小:38
Inner Glow

步骤4

使用以下设定为图层添加外发光

  • 颜色:#7F2D65
  • 大小:15
Outer Glow

至此,我们基本就完成了横向图层的样式,可以看出,我们添加了更多光泽度和发光效果。

Styled Second Copy Horizontal Layer

6. 为原始Vertical图层添加样式

步骤1

右键原始的Horizontal(横向)图层,选择拷贝图层样式,然后右键原始的Vertical(纵向)图层并选择粘贴图层样式

双击原始Vertical图层并调整斜面和浮雕里面角度高度的值,分别将它们设置为90度和74

Bevel and Emboss

步骤2

对于内发光选项,只需要将大小改为15即可。

Inner Glow

至此,我们就将图层效果调整到适合纵向以及斜向的文字片段了。

Modified Style for the Original Vertical Layer

7. 为第一个Vertical(纵向)复制图层添加样式

拷贝并粘贴第一个复制Horizontal图层的样式到第一个复制Vertical图层上,然后双击Vertical复制图层并更改其斜面和浮雕效果的角度-76高度53

Bevel and Emboss

那么第一个复制图层也搞定了。

Modified Style for the First Copy Vertical Layer

8. 为第二个Vertical复制图层添加样式

复制并粘贴第二个Horizontal复制图层的样式到第二个Vertical复制图层,然后双击Vertical复制2去改变斜面和浮雕角度值为-82高度53

Bevel and Emboss

这样我们就完成了所有的文字效果。

Modified Style for the Second Copy Vertical Layer

9. 添加更多的发光效果以及添加电线

步骤1

在被隐藏的原始文字图层下面创建一个新的图层,将其命名为Background Light,然后将混合模式改为线性光

设置前景色#98338B,切换到画笔工具,然后选择一个非常大而且软的圆头笔刷, 然后在每个文字后面点按添加颜色(不要点击拖动鼠标,只需要点按即可)。

Add Background Glow

步骤2

Background Light图层下创建另外一个新图层并改名为Cable, 切换到钢笔工具,然后在选项栏使用路径选项。

接下来你需要做的就是在你希望有电线的地方创建路径。 你可以单击添加转角的锚点,也可以点击并拖动添加曲线, 记得,路径的创建不需要非常的完美,因为你可以在任何时候切换到直接选择工具并调整锚点的位置或者控制点的方向。

Create the Cable Paths Using the Pen Tool

步骤3

想要分离不同的路径,按住Command键,然后点击你正在创建的路径外侧就可以完成该路径的绘制,这样你之后再创建新的路径,它们就不会连接在一起。

Separating the Paths

步骤4

在这一步骤慢慢来可以得到很整洁的结果。

Finish Creating the Paths

步骤5

切换到画笔工具,然后打开画笔面板(窗口 > 画笔)并选择一个硬的圆头7像素的笔尖,调整间距1%

Brush Settings

步骤6

前景色颜色设置为#252525,切换到直接选择工具,在路径上点击右键并选择描边路径

Stroke Path

步骤7

从弹出描边工具的下拉菜单中选择画笔,然后反选模拟压力选项框。

Stroke Path Box

步骤8

这个操作会帮助我们描边路径, 完成后按Return键(回车)去隐藏工作路径。

Stroked Path

10. 为电线添加样式

双击Cable图层并为其添加以下图层样式:

步骤1

使用以下设定为图层添加斜面和浮雕

  • 勾选消除锯齿选项框
  • 高光模式:亮光
  • 高光颜色:#EC6AB7
  • 不透明度:24%
Bevel and Emboss

步骤2

使用以下设定为图层添加等高线

  • 勾选消除锯齿选项框
Contour

步骤3

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

  • 混合模式:正片叠底
  • 图案:8(素材文件中的纹理素材导入后可见)
Pattern Overlay

步骤4

使用以下设定为图层添加投影

  • 不透明度:60%
  • 距离:13
  • 大小:10
Drop Shadow

这样我们就完成了添加电线样式的操作。

The Styled Cable

11. 创建线卡

步骤1

切换到矩形工具并创建一个11 x 15像素的矩形。

Create a Rectangle

步骤2

切换到添加锚点工具,在矩形两条边的中间位置点击并分别添加一个锚点。

Add Anchor Points

步骤3

切换到直接选择工具,点击并拖动选择刚才添加的两个锚点,然后点按左箭头一次去向左移动1个像素

Move Anchor Points

步骤4

复制矩形图层然后使用编辑 > 变换 > 顺时针旋转90度命令, 将图层命名为H(横向线路的卡子)和V(纵向线路的卡子)。

Duplicate and Rename Rectangle Layers

12. 为线卡图层添加样式

双击H图层并为其添加以下图层样式:

步骤1

使用以下设定为图层添加渐变叠加

  • 不透明度:42%
  • 点击渐变颜色框并创建一条从左边#151515,到中间#6d6d6d,到右侧#161616的渐变。
Gradient Overlay

步骤2

使用以下设定为图层添加投影

  • 不透明度:60%
  • 距离:13
  • 大小:10
Drop Shadow

这样我们就完成了横向电线线卡的样式。

Styled Horizontal Clip

步骤3

H图层的样式拷贝并复制到V图层上,双击打开V图层的图层样式设定并改变渐变叠加角度的值到0

Gradient Overlay

步骤4

下一步,复制并粘贴线卡的图层到任何你想为电线添加卡子的地方即可。

Duplicate and Place Clips

13. 额外添加另一个颜色的图层

点击创建新的填充或调整图层按钮,选择纯色, 使用颜色#A34799,并将该调整图层放置到Cable图层的下面,然后改变混合模式亮光。 这样会给背后的砖块整体的添加颜色,会让最终结果的灯光发光效果变的更加强烈。

Solid Color Adjustment Layer

恭喜你! 完成啦

在本篇教程中,我们修改了砖块效果的背景并且将它变的暗了一点, 然后我们创建了文字,并栅格化了图层,接下来分离了横向文字笔画和纵向、斜向的文字笔画。

再之后,我们复制并将不同的文字图层成组,并为他们依次添加图层样式,将它们转变为有光泽的发光效果。

当我们完成了主体文字部分样式的设定后,我们添加了更多发光效果到背景上,并使用钢笔工具创建了电线的路径, 接下来我们使用描边为路径描边,并给它添加了3D感觉的图层样式。

最后,我们使用矩形工具为电线创建了一些卡子的造型,还在形状上做了一些微调并为它们添加了样式,然后在添加了最后一个调整图层并加强了整体背景颜色后,我们得到了终极效果。

请随意的在下方留言处留下你的想法、建议或是分享你创作的成果。

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.