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中快速绘制全息文字效果

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Clare Liu (you can also view the original English article)

Final product image
What You'll Be Creating

本次教程将向你展示如何使用Photoshop的图层样式和滤镜绘制一种简单的全息文体效果。我们开始吧!

这个文字效果的灵感来源于GraphicRiver,上面有很多可供参考的图层样式

教程素材

在本次教程中,将会用到以下素材:

1. 如何绘制一个文理背景

步骤1

创建一个 900 x 600 px 的文件,白色背景,在背景层上右击,选择转换为智能对象,将图层命名为文理

Create the Texture Smart Object

步骤2

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

Render Clouds

2. 如何绘制一个全息文理

步骤1

打开滤镜>滤镜库>文理>颗粒,应用下面的设置。

  • 强度:100
  • 对比度:0
  • 颗粒类型:结块
Grain

点击滤镜库窗口右下角新建效果图层图标,然后选择滤镜,来添加下面的新滤镜。

步骤2

找到风格化>照亮边缘,应用下面的设置:

  • 边缘宽度:2
  • 边缘亮度:6
  • 平滑度:7
Glowing Edges

步骤3

打开艺术效果>水彩,应用下面的设置:

  • 画笔细节:3
  • 阴影强度:0
  • 纹理:1
Watercolor

步骤4

找到艺术效果>胶片颗粒,应用下面的设置:

  • 颗粒:3
  • 高光区域:0
  • 强度:10
Film Grain

步骤5

打开画笔描边>深色描边,应用下面的设置:

  • 平衡:0
  • 黑色强度:0
  • 白色强度:2

点击OK,退出滤镜库窗口。

Dark Strokes

步骤6

打开滤镜>扭曲>海洋波纹,应用下面的设置。当然你也可以应用其他的设置值。

Wave

步骤7

这个只是基本的纹理,但是你可以根据所想要的最终效果以及你将要绘制的文字来调整它的大小。

这里,打开图像>图像大小,设置1200 px750 px

保存这个文件,稍后会用到它。

Change the Size

3. 如何创建一个小插图背景

步骤1

再创建一个900 x 600 px 的文件,点击新建填充色,或者点击图层面板底部的调整图层按钮,选择纯色

填充一个深色,例如#201c20

Solid Color

步骤2

添加一个渐变填充图层,颜色使用从左边#909090到右边#000000渐变。

将渐变类型改为径向缩小放250,然后将图层的混合模式改为柔光

Gradient Fill Vignette

4. 如何创建文字和使用字形

步骤1

使用Premier Script字体,输入文字,设置大小200 pt

Create the Text

步骤2

因为Premier Script有很多字形,将某个字母单独标出来,你可以看到一些可供使用的字形。然后点击选择你要使用的字形。

Use Glyphs by Highlighting

步骤3

得到这种字形还有另外一种方法,打开类型>面板>字形面板

选中你要替换的字母,选中不同的字形,看看效果,希望你从中能找到点乐趣。

The Glyphs Panel

步骤4

在进行下一步之前,将所有必要的部分进行更改。

Finished Text

步骤5

把文字图层复制一个。

Duplicate the Text Layer

5. 如何将描边变成玻璃风格样式

双击最初的文字图层,应用以下图层样式:

步骤1

添加一个斜面浮雕效果,设置如下:

  • 样式:外侧描边
  • 大小:6
  • 光泽等高线:环形-双
  • 选中消除锯齿
  • 高光模式:亮光
    • 阴影模式:线性光
      • 颜色#222222
      • 不透明度:15%
    Bevel and Emboss

    步骤2

    添加一个等高线,设置如下:

    • 等高线:半圆
    • 勾选消除锯齿
    Contour

    步骤3

    添加一个内阴影,设置如下:

    • 混合模式:颜色加深
    • 不透明度:35%
    • 距离:1
    • 大小:1
    Inner Shadow

    步骤4

    添加一个外发光,设置如下:

    • 混合模式:正常
    • 不透明度:50%
    • 颜色#dbd6dd
    • 扩展:10
    • 大小:7
    Outer Glow

    类似玻璃的笔画效果就做好了。

    Glass Stroke

    6. 如何给文字添加光泽

    双击文字的副本,应用以下的图层样式:

    步骤1

    添加一个斜面浮雕,设置如下:

    • 大小:10
    • 取消选中使用全局光选框
    • 角度:84
    • 高度:42
    • 光泽等高线:环形-双
    • 勾选消除锯齿
    • 高光模式:亮光
      • 阴影模式:
        • 不透明度:10%
      Bevel and Emboss

      步骤2

      添加一个等高线,设置如下:

      • 等高线:滚动斜坡-递减
      • 勾选消除锯齿
      Contour

      步骤3

      添加一个内发光,设置如下:

      • 混合模式:亮光
      • 不透明度:35%
      • 颜色#697b99
      • :中间
      • 大小:5
      • 等高线:锥形 - 反向
      Inner Glow

      主要文字风格就形成了。

      Styled Text

      7. 如何将纹理应用到文字上面

      步骤1

      找到全息纹理文件,点击Command-A全选,Command-C复制所选对象。

      Copy the Texture

      步骤2

      再回到文字文件,按Command-V 粘贴复制的纹理。将图层命名为纹理混合模式改为滤色

      右击纹理图层,选择创建剪切蒙版,将纹理剪切到复制的文字层。

      Add the Holographic Texture

      步骤3

      选择文字图层副本,将文字颜色改成其他任意你喜欢的颜色。这里用的颜色#72757a

      Change the Text Color

      8.如何使用调整图层来增强纹理效果

      步骤1

      添加一个自然饱和度,将它通过剪切蒙版应用到纹理图层,将自然饱和度的值改为50

      Vibrance

      步骤2

      再添加一个曲线调整图层,调整混合模式明度,因此此次调整不会影响颜色,不透明度设置为80%

      通过调整RGB以及其他颜色通道的曲线,得到你想要的结果。

      Curves

      步骤3

      下面是调整果过的模式曲线。如果你觉得没必要再调整的话,可以直接跳过这些部分,也可以更改下图层不透明度

      Curves Channels

      做的不错,现在完成了!

      在本次教程中,我们使用了很多滤镜效果来绘制一个手写体纹理。

      接着,使用了一些图层样式,对两个文字图层进行风格化,来达到玻璃样式效果。最后,我们给文字添加了纹理,使用调整图层来进一步加强效果。

      请在下面,留下你们的评论,建议,或者你们的作品结果吧。

      Final Result
      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.