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:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

在本次教程中,我将向你展示如何在Adobe Photoshop绘制一个童话般的文体效果。如果你想直接要这个源文件,在GraphicRiver可以购买到。

下载包里面有不同的文字效果,应用到了不同的形状和文字。

Photoshop Text Styles 01
Photoshop 文字样式

教程素材

以下是该教程需要用到的素材:

开始绘制文字效果之前,先把字体下载下来,并安装在电脑里。

1. 如何创建不同的图层样式

步骤1

打开Photoshop,找到文件>新建,新建一个文件。

Creating a New Document

步骤2

填充文件颜色设为#282828。选择文字工具(T),字体属性设置如下。

  • 字体:Great Vibes
  • 字体大小:127 pt
  • 颜色:白色
  • 字符间距设置为:-25
Text Tool

步骤3

输入“Fairy ”(首字母应该是大写),把它放在文件的中间(点击Control-A选中文件,然后选择移动工具(V),点击垂直居中对齐水平居中对齐图标)。

Text Align

步骤4

选择文字层,双击,应用下面的图层样式。

添加一个描边,设置如下:

  • 大小:7 px
  • 位置:向外
  • 混合模式:正常
  • 不透明度:100%
  • 填充类型:颜色
  • 颜色#ff0084
Layer 1 - Stroke

点击OK来保存更改。

步骤5

选择Fairy 层,打开图层>复制图层,命名图层为"Middle"。点击OK创建新图层。 选择移动工具 (V),将它向上和左各移动7 px。打开图层>图层样式>清除图层样式。将颜色改为#c6c6c6

Creating a New Layer

步骤6

选择文字层双击鼠标,打开图层样式窗口。

添加一个描边,设置如下:

  • 大小:4 px
  • 位置:向外
  • 混合模式:正常
  • 不透明度: 100%
  • 填充类型:颜色
  • 颜色#8c054a
Layer 2 - Stroke

步骤7

现在添加一个内发光

  • 混合模式:叠加
  • 不透明度:50%
  • 杂色:0%
  • 颜色#ffffff
  • 方法:柔和
  • :边缘
  • 阻塞:100%
  • 大小:4 px
  • 等高线:线性
  • 取消选中消除锯齿
  • 范围:100%
  • 抖动:0%
Layer 2 - Inner Glow

步骤8

添加一个渐变叠加,设置如下:

  • 混合模式:正常
  • 不透明度:100%
  • 渐变:从#f6b6ce#e35b9b
  • 样式:映射
  • 角度:90°
  • 缩放:46%
  • 取消选中反向仿色
  • 勾选对齐图层
Layer 2 - Gradient Overlay

步骤9

添加一个投影,设置如下:

  • 混合模式:正常
  • 选择颜色#840048
  • 不透明度:100%
  • 设置角度之前,取消选中使用全局光:135°
  • 距离:10 px
  • 拓展:100%
  • 大小:0 px
  • 等高线:线性
  • 取消选中消除锯齿
  • 杂色:0%
  • 勾选图层挖空投影
Layer 2 - Drop Shadow

点击OK来保存更改。

步骤10

选中Middle 层,将它复制一层。在命名上双击一下,将名字改为"Front"。按Enter键,应用设置。 选择移动工具(V) ,将它向上移动5 px,向左移动1 px。打开图层>图层样式>清除图层样式

Creating a New Layer

步骤11

选中Front 层,双击鼠标应用下面的图层样式。设置填充的不透明度0%

Layer 3 - Blending Options

步骤12

添加一个描边

  • 大小:7 px
  • 位置:向内
  • 混合模式:正常
  • 不透明度:0%
  • 填充类型:颜色
  • 颜色#000000
Layer 3 - Stroke

步骤13

添加一个颜色叠加,设置如下:

  • 混合模式:正常
  • 颜色#ffffff
  • 不透明度:40%
Layer 3 - Color Overlay

然后点击OK,保存更改。

步骤14

选中 Fairy, Middle,Front这三个图层,打开图层>合并图层(或者直接按Control-E),将他们合并成一个图层。

Merging the Layers

步骤15

双击文字层,应用下面的图层样式。

添加一个描边

  • 大小:10 px
  • 位置:向外
  • 混合模式:正常
  • 不透明度:100%
  • 填充类型:颜色
  • 颜色#000000
Merged Layer - Stroke

步骤16

现在添加一个外发光

  • 混合模式:正常
  • 不透明度:100%
  • 杂色:0%
  • 颜色#ffffff
  • 方法:柔和
  • 阻塞:100%
  • 大小:14 px
  • 等高线:线性
  • 取消选中消除锯齿
  • 范围:100%
  • 抖动:0%
Merged Layer - Outer Glow

步骤17

添加一个投影,设置如下:

  • 混合模式:正常
  • 选择颜色#000000
  • 不透明度:30%
  • 设置角度为135°之前,取消选中使用全局光
  • 距离:35 px
  • 扩展:0%
  • 大小:0 px
  • 等高线:线性
  • 取消选中消除锯齿
  • 杂色:0%
  • 勾选图层挖空投影
Merged Layer - Drop Shadow

然后点击OK,保存更改。

祝贺你,完成了!

在本次教程,你学会了如何绘制一个童话文体效果。希望你喜欢,记得来给我们分享一下你的成果吧。

Final Result

这个文字效果只是GraphicRiver上,我们绘制的我的文字样式包的一部分。

Photoshop Text Styles 01
Photoshop 文字样式
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.