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

如何在Adobe Photoshop中制作一个复古的“救命下课铃”文字效果

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Grunge Retro Text Effect in Adobe Photoshop
How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

八九十年代的醒目而明艳的情景喜剧文字艺术毋庸置疑代表了一个时代的设计风格 这种风格是怀旧、畏惧和快乐并存的一个奇异的混合体。再加上老旧电视屏幕的感觉,这些文字效果就自然而然地体现出另一个层次的美感!

这篇教程将会告诉你如何用Photoshop的3D工具以及设置、形状和滤镜来制作一个复古的八九十年代的、灵感来源于情景喜剧“救命下课铃”的文字效果。让我们开始吧!

这个文字效果灵感来源于许多层次效果,这些层次效果可以在GraphicRiver中找到。

教程用具

这篇教程将用到以下这些工具:

1.如何调整网格设置

步骤1

进入编辑>首选项>常规,参考线、网格和切片,并网格线间隔设置为50像素子网格设置为5.

Guides Grid Slices

步骤2

新建一个700×300像素的图像,并进入视图>显示>网格

Show the Grid

2. 如何制作一个简单的Z字形

步骤1

点击钢笔工具,并在选项栏中选择形状选项。在图画单击,如下可以添加定位点并制作一个Z形闪电形状

Create the ZigZag Shape

步骤2

在制作了形状之后,确认填充色黑色背景填充为白色

进入编辑>定义画笔预设,并改名为Z字形

Define Brush Preset

3. 如何制作一个背景纹理

步骤1

新建一个1000×800像素的图像,并将前景色设置为#87568e后景色设置为#38124d

复制背景图层,并重命名该复制为背景纹理,并将其填充背景色

右键单击背景纹理并选择转换为智能对象

Create the Background Texture Layer

步骤2

进入滤镜>滤镜库>纹理,并进行这些设置:

  • 波纹大小:40
  • 对比度:50
  • 颗粒类型:斑点
Grain Filter

步骤3

点击滤镜库窗口右下角的新建图层效果,点击艺术效果>海报边缘,并按照如下设定:

  • 边缘厚度:1
  • 边缘强度:0
  • 海报化:1
Poster Edges Filter

步骤4

再建立一个新建图层效果,进入素描>影印,并按照如下设定:

  • 细节:7
  • 暗度:10

单击 确定

Photocopy Filter

4.如何制作文字图层

步骤1

全为大写字母制作文字,每一行都建立在分别独立的图层上,并在第一行使用Go Long字体,在第二行使用Fontdiner Swanky字体,在第三行使用SansBlack字体。

你可以为每一行任意选择自己喜欢的字体大小。在这篇教程中,字体大小分别为:第一行130像素,第二行75像素,第三行150像素

Create the Text Layers

步骤2

你也可以根据需要改变字距,尤其是第二行,你可以突出这些文字并获得一个更清晰的3D网眼。在本教程中第二行的字距50.

Tracking Values

5.如何制作3D图层

步骤1

对于你所创造的每一个文字图层,分别选择并且进入3D>从所选图层新建3D凸出

New 3D Extrusion from Selected Layer

步骤2

选择全部的3D图层并进入3D>合并3D图层

Merge 3D Layers

6.如何应用3D场景

步骤1

要想进入3D网格设置和属性,你需要打开两个面板:3D面板和属性面板(这两个面板都可以在窗口菜单中找到)

3D面板拥有3D场景所需的全部要素,并且,当你点击其中任意一个名字时,你就可以进入属性面板中的相关设定。所以,在你改变属性面板中的设定之前,你要确保你已经在3D面板中选择了你想要应用的设定

3D and Properties Panels

步骤2

如果你选择了移动工具,你会发现在选项框中有一系列的3D模式可供选择。

如果你选择其中之一,那么你就可以点击并拖拽来实现这一改变(作用于3D控制板上选定了的元素上)

用这些模式来将你当前视图调整为你喜欢的角度。

Move Tool 3D Modes

步骤3

在3D控制板中选择所有的3D文字图层,点击3D控制面板菜单按钮,并选择将对象紧贴地面

Move Object to Ground Plane

7. 如何调整3D文字图层设定

步骤1

选中3D控制面板中的第一个3D文字图层,并在属性面板中将其凸出深度调整为12像素

Extrusion Depth

步骤2

选中第二个3D文字图层并将其凸出深度调整为10像素

Extrusion Depth

步骤3

选中第三个3D文字图层并将其凸出深度调整为17像素

当然,你也可以按照自己的喜好将凸出深度设置为其他像素,因为不同的文字和你最终想要使用的角度可能决定着适合的凸出深度。

Extrusion Depth

8.如何调整3D盖子设定

步骤1

选中第一个3D文字图层,并单击属性控制面板顶部的盖子按钮

斜面宽度值设定为5,将等高线设置为半圆,将膨胀角度设置为20,并将强度设置为2

Cap Settings

步骤2

选中第二个和第三个3D文字图层,单击盖子按钮,并将膨胀角度设置为90强度设置为2

和刚才一样,如果你认为能够更好的配合你的文字,你也可以设置其他的盖子值

Cap Settings

9.如何制作简单的3D材质

步骤1

选中第一个3D文字图层中的材质图层,并在属性控制面板中设置这些材质的参数(颜色参数设置在RGB中)

  • 漫射:74,173,207
  • 镜像:169,169,169
  • 发光:90%
First 3D Mesh Material Settings

步骤2

选中第二个3D文字图层的材质图层,并应用以下材质参数:

  • 漫射:222,177,228
  • 镜像:169,169,169
  • 发光:90%
Second 3D Mesh Material Settings

步骤3

选中第二个3D文字图层的材质图层,并应用以下材质参数:

  • 漫射:229,230,137
  • 镜像:169,169,169
  • 发光:90%
Third 3D Mesh Material Settings

10. 如何调整3D场景的光影效果

步骤1

选中无限光1图层,将强度设置为70%,并确保阴影的柔和度0%

Infinite Light 1 Settings

步骤2

使用移动工具来移动该无限光以获得一个较好的效果,或者,你也可以点击属性控制面板顶部的坐标按钮来使用数字参数。

Move the Infinite Light

步骤3

点击环境面板,并将地面中的阴影不透明度设置为0%

Shadows Opacity

11. 如何调整3D场景中的导出设置

步骤1

选中所有的3D文字图层,不要选中属性面板中的投影选项

这样能够保证这些图层不投影,从而能够达到一个更好的视觉效果

Uncheck the Cast Shadows Box

步骤2

点击场景面板,并将表面样式设置为漫画。这也能够帮助更好地呈现一个平面复古效果。

Cartoon Style

12. 如何变换和移动3D文字

步骤1

对你所建立的每一个3D文字图层,选中它并进入3D>拆分凸出

这个功能可以将字母分开并将它们放进一个里。

Split Extrusion

步骤2

接下来,你需要随机选择并修改一些字母,这样可以创造一个更加动态的效果

点击移动工具,用3D坐标轴来变换并/或移动所选的字母图层

坐标轴末端的箭头能够移动文字图层,箭头下面的那部分是用来旋转图像的,立方体则用于测量 在中间位置的立方体是用于同一测量对象的。你所需要做的就是点击并拖拽你想要改变的部分

3D Axis

步骤3

你也可以点击当前视图面板,并在属性面板中的视图菜单中的各种可用的预设中选择一个来更好的作出变换。

View Presets

步骤4

设定最终的照相镜头视角,确保所有效果都看起来很到位,并对任何需要调整的地方做最后的调整。

Final Camera View

步骤5

进入3D>导出3D图层。这个导出过程大概要花上几十秒因为它包含了漫画风格。

导出完成之后,右键单击3D图层并选择转为智能对象

Render 3D Layer

13. 如何调整画笔笔尖设置

步骤1

点击画笔工具,并打开画笔面板

选择水波形笔尖,并按照以下参数来设定画笔笔尖形状形状动态

这些设定能够帮助你之后每次加入笔刷时都能获得一个动态的笔刷

Brush Settings

步骤2

前景色设置为#c6960e,在BG纹理图层上面新建一个图层并将其命名为ZigZag

在其他区域单击一下以将该形状加入到文字后面。

Add the ZigZag Brusn

14. 如何制作智能对象滤镜图层

步骤1

在所有图层之上建立一个新图层,命名为滤镜1,并同时按下Shift-Option-Command-E键以盖印可见图层

右键单击滤镜1图层并选择转换为智能对象

Filters 1 Layer

步骤2

复制图层滤镜1,重命名该复制图层为滤镜2,多选这两个图层并将这两个图层不透明度更改为50%

Filters 2 Layer

步骤3

通过单击滤镜2图层旁边的眼睛按钮来隐藏该图层,并选中滤镜1图层。

Work with the Filter Layers

15. 如何应用杂色纹理

步骤1

进入滤镜>滤镜库>艺术效果>

  • 边缘厚度:0
  • 边缘强度:0
  • 海报化:2
Poster Edges Filter

步骤2

新建一个新效果图层,进入画笔描边>喷溅,并应用如下设定:

  • 喷色半径:1
  • 平滑度:15

点击确定

Spatter Filter

步骤3

进入滤镜>模糊>形状模糊,将半径设定为5,并应用花5形状

Shape Blur

步骤4

进入滤镜>扭曲>水波,将数量设定为1起伏设定为5,并将样式设定为水池波纹

ZigZag Filter

步骤5

进入滤镜>杂色>添加杂色,将数量设定为5并将分布设定为高斯分布

Add Noise

16. 如何创造一个老式电视机场景效果

步骤1

显现滤镜2图层,并对其应用你在之前的步骤中在滤镜1图层中应用的同样的滤镜库滤镜和参数值。

Filter Gallery Settings

步骤2

进入滤镜>像素化>点状化,并将单元格大小设定为3

Pointillize Filter

步骤3

展开滤镜2图层的滤镜菜单,双击点状化滤镜的混合选项按钮。

Double click Blending Options

步骤4

不透明度设置为35%并单击确定

Change the Opacity

步骤5

进入滤镜>模糊>形状模糊,并将半径设置为5,应用花5形状

Add a Shape Blur

步骤6

进入滤镜>扭曲>水波并将数量设定为1起伏设定为5样式设定为水池波纹

Add a ZigZag Filter

步骤7

进入滤镜>杂色>添加杂色,并将数量设定为5,将分布设定为高斯分布

Add Noise

步骤8

双击添加杂色滤镜的混合选项按钮,并将不透明度设置为50%

Blending Options Opacity Settings

步骤9

进入滤镜>像素化>铜版雕刻并将类型设置为短直线

Add a Mizzotint Filter

步骤10

双击铜版雕刻滤镜的混合选项按钮,并将不透明度改为7%

Adjust the Blending Options

17. 如何调整自然饱和度

步骤1

按Command键点击3D图层的小图以完成一个选定

Load a Selection

步骤2

点击图层面板底部的创建新的填充或调整图层并选择自然饱和度

自然饱和度设定为50饱和度设定为-5

Vibrance Settings

恭喜你!你完成了

在这篇教程中,我们制作了几个文字图层,将它们转化为3D图像,并调整其设定。接着,我们开始设定其材质、光效和3D场景的导出设定,并将其导出为漫画风格。

在这之后,我们用一些不同的滤镜来达到复古的电视场景效果。最后,我们添加了最后一个调整图层来完成这个效果。

你可以在下方自由发表你的评论、建议和成果反馈!

How to Create a Saved By the Bell Text Effect in Photoshop
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.