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

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

Final product image
What You'll Be Creating

在本篇教程中,我们将为您展示如何利用Photoshop图层样式去轻松快速的创建一个简单的光滑,蓬松的字体效果。让我们开始吧!

该文字效果的灵感来源于GraphicRiver上的很多图层样式

教程素材

以下一些素材的使用将会帮助我们完成这篇教程:

1.如何创建彩色的散布效果背景

步骤1

新建一个1000 x 600 px的文档。打开文件>置入链接的智能对象并添加素材黑白散布叠加图层(Bokeh black and white overlay)图片。

调整尺寸到你喜欢的大小,并将其图层重命名为Bokeh Texture

Add the Bokeh Texture

步骤2

添加素材秋季模糊效果 |免费纹理/背景(Autumn Blur | Free texture / background)的图像到Bokeh Texture图层之上,并将其重命名为Color Texture,改变其混合模式颜色,并根据需要调整它的大小。

Add the Color Texture

2.创建文字图层

步骤1

用素材中的英文字体Sleepy Fat Cat创建文本图层并全部使用大写字母。更改字体大小215 pt,字距10

Create the Text

步骤2

将文字图层的填充值更改为0,并复制一个文字图层。

Duplicate the Text Layer

3.为文字图层增加颜色及质感

双击第一个创建的Puffy文字图层并为其添加一下图层样式

步骤1

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

  • 深度:200
  • 大小:35
  • 反选使用全局光选项
  • 角度:40
  • 高度:50
  • 光泽等高线:Valley - Low(如图)
  • 勾选消除锯齿选项
  • 高光模式:线性光
    • 不透明度:100%
  • 阴影模式:滤色
    • 阴影颜色:#888888
    • 不透明度:70%
Bevel and Emboss

步骤2

用以下设定添加等高线

  • 等高线:Log(如图所示)
  • 勾选消除锯齿选项
Contour

步骤3

用以下设定添加纹理

  • 图案:Type纹理(素材)
  • 缩放:200%
Texture

步骤4

用以下设定添加内阴影

  • 混合模式:颜色减淡
  • 颜色:#FFFFFF
  • 不透明度:25%
  • 反选使用全局光选项
  • 角度:-108度
  • 距离:10
  • 大小:10
Inner Shadow

步骤5

用以下设定添加颜色叠加

  • 颜色:#E0DADB
  • 混合模式:正片叠底
Color Overlay

步骤6

用以下设定添加渐变叠加

  • 勾选仿色选项
  • 混合模式:线性加深
  • 不透明度:50%
  • 创建一个渐变效果,颜色为#EC3017#00A0A4。你也可以尝试你喜欢的不同的颜色,同时,分别调整设置色标位置位置1295或你喜欢的位置。
Gradient Overlay

步骤7

用以下设定添加投影

  • 不透明度:15%
  • 距离:10
  • 扩展:30
  • 大小:10
Drop Shadow

以上我们就有了一个初步的主文字效果,如下图所示

Style Text Layer 1

4.如何为当前样式添加描边效果

双击我们在之前步骤中复制的文字图层,并应用以下图层样式:

步骤1

用以下设置添加斜面和浮雕:

  • 样式:描边浮雕
  • 大小:7
  • 软化:1
  • 反选使用全局光选项
  • 角度:60
  • 高度:60
  • 光泽等高线:Cove - Deep(如图)
  • 勾选消除锯齿选项
  • 高光模式:线性光
    • 不透明度:100%
  • 阴影模式:滤色
    • 颜色:#888888
    • 不透明度:70%
Bevel and Emboss

步骤2

用以下设定添加等高线

  • 等高线:Cone - Inverted(如图)
  • 勾选消除锯齿选项
Contour

步骤3

用以下设定添加描边

  • 大小:5
  • 不透明度:0%
Stroke

步骤4

用以下设定添加颜色叠加

  • 颜色:#5C5C5C
  • 混合模式:叠加
Color Overlay

至此,我们就有了一个具有描边及颜色加强的文字效果

Styled Text Layer 2

5.如何添加纹理叠加

步骤1

冰块纹理素材载入并放置到所有图层的顶端,将其重命名为Texture Overlay,将其混合模式修改为叠加,并根据需要调整其大小。

Add the Texture Overlay

步骤2

Command+左键(Ctrl+左键)点选文字图层缩略图并调取文字图层选区

Create a Selection

步骤3

图层面板底部点击添加图层蒙版按钮,该步骤会使用之前的选区为该图层添加相应形状的图层蒙版

Add a Layer Mask

恭喜你!至此你已经完成了这个文字效果

在这篇教程中,首先我们使用了几个不同的纹理效果去创造出一个彩色散布效果的背景,然后我们创建了文字图层,并进一步美化它,最后我们用纹理及叠加创造出我们想要的文字效果

如果您喜欢这篇教程,或者您有任何建议和意见,欢迎在下方留言

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.