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

如何在Adobe Photoshop中创建一个毛茸茸的文字预设动作效果

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Create a Money Engraving Action: Photoshop in 60 Seconds
How to Create Pop Art Photo Effects With Photoshop Actions

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

Final product image
What You'll Be Creating

在这篇教程中,我将给你们展示如何用Adobe Photoshop中的图案,笔刷,图层样式以及渐变映射创建一个毛茸茸的文字预设动作效果。 更为特别的是,在这篇教程完成后您将永久的获得一个随时可以使用的预设动作,您可以几乎只需要一键就可以将任何文字变为此效果。

如果您希望直接跳过本篇教程并直接购买这个自定义预设动作,您也可以访问GraphicRiver并且购买Fur Generator。 完整版的该自定义预设动作包含一个额外的功能,使您可以在两个不同的分辨率——72dpi或者300dpi之间选择,完整版还可以将此效果应用于自定义图形上,并且您可以根据喜好选择不同颜色和尺寸的毛茸效果。

Promo Fur Generator
Fur Generator Photoshop自定义预设动作样品

教程素材

以下的一些素材我们将应用到今天的教程中:

1.如何为自定义动作创建背景

打开Photoshop,执行文件>打开命令,并选择FurAction-BG.jpg

Image of the background

2.如何创建文字

使用文字工具(T)并写下“FUR", 使用素材中的字体Aller Display,打开窗口 > 字符并设置文字大小347 pt字距50

Character Panel with size and tracking

3.如何载入的自定义画笔和图案

步骤1

打开编辑 > 预设 > 预设管理器... 在预设类型中选择画笔,然后单击载入,并读取素材中的自定义画笔Brush (Fur Tutorial).abr

Installing brushes with Preset Manager

步骤2

打开编辑 > 预设 > 预设管理器...预设类型中选择图案,然后单击载入,并读取素材中的自定义图案Pattern (Fur Tutorial).pat

Installing patterns with Preset Manager

4.如何创建自定义预设动作

步骤1

窗口 > 动作命令打开动作面板

Opening the Actions Panel

步骤2

接下来我们来创建一个新的动作。 要想创建新的动作,首先点击动作面板上的创建新组按钮,我们将新建组命名为Fur Action,并点击确定

Creating a new action set

步骤3

点击动作面板上的创建新动作按钮,将其命名为Fur Text,并点击记录

至此步骤往后,您所进行的所有操作都将被记录下来,所以请在操作之余密切关注动作面板的变化。 如果您不小心输入了任何错误的指令,请点击停止播放/记录按钮,并从Fur Text自定义动作中删除对应的不必要的步骤。 当然,最后请记得点击开始记录按钮并继续记录接下来的操作

Creating a new action

步骤4

在文字图层选中的情况下,执行图层 > 重命名图层命令并将该图层重命名为Base Text 1

How to rename the layer

步骤5

使用笔刷工具(B), 选择我们之前载入的自定义笔刷FUR Brush - Tutorial,然后设定笔刷模式正常不透明度流量均为100%,然后请确保下图中箭头所示的几个按钮均为未选中状态

Choosing the brush and settings

步骤6

现在,创建一个新的图层。 打开图层 > 新建 > 图层...,并给它起名为Fur-1,之后单击确定

Creating and naming a layer

步骤7

选择Base Text 1图层并执行文字 > 创建工作路径命令

Creating a work path

步骤8

接下来选择Fur-1图层,通过窗口 > 路径打开路径面板,右键点击工作路径并选择描边路径...,在下拉菜单中选择画笔,并关闭模拟压力选项,最后点击确定

之后,从路径面板删除当前工作路径

Applying a stroke to the path

步骤9

返回到图层面板, 现在我们要开始将字体和茸毛描边进行合并, 首先,在图层面板中选择Fur-1图层,然后按住Shift键并点选Base Text 1图层

Selecting two layers to merge

接下来松开Shift键,右击Fur-1图层,选择合并图层

How to merge the layers

步骤10

现在我们要给图层增加一点图层样式双击Fur-1图层,修改并使用如下图层样式:

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

  • 样式:内斜面
  • 方法:平滑
  • 深度:63%
  • 方向:
  • 大小:24px
  • 软化:16px
  • 使用全局光:
  • 角度:13°
  • 高度:42°
  • 光泽等高线:高斯
  • 消除锯齿:
  • 高光模式:柔光
  • 高亮颜色:#FFFFFF
  • 高光不透明度:65%
  • 阴影模式:叠加
  • 阴影颜色:#362A1A
  • 阴影不透明度:26%
Bevel and Emboss settings

步骤11

斜面以浮雕添加等高线并使用以下设定:

  • 等高线:高斯
  • 消除锯齿:
  • 范围:61%
Bevel and Emboss Contour settings

步骤12

用以下设定添加内发光

  • 混合模式:滤色
  • 不透明度:25%
  • 杂色:0%
  • 颜色:#CFB9A6
  • 方法:柔和
  • 源:居中
  • 阻塞:4%
  • 大小:213 px
  • 等高线:线性
  • 消除锯齿:
  • 范围:100%
  • 抖动:0%
Inner Glow Settings

步骤13

用以下设定添加颜色叠加

  • 混合模式:颜色
  • 颜色:#FFFFFF
  • 不透明度:21%

Color Overlay Settings

步骤14

用以下设定添加图案叠加

  • 混合模式:正常
  • 不透明度:100%
  • 图案:选择您之前下载并导入的素材图案,Pattern (Fur Tutorial).pat
  • 缩放:25%
  • 与图层链接:
Pattern Overlay settings

步骤15

用以下设定添加投影

  • 混合模式:正常
  • 颜色:#6D655D
  • 不透明度:100%
  • 使用全局光:
  • 角度:
  • 距离:18 px
  • 扩展:100%
  • 大小:0 px
  • 等高线:线性
  • 消除锯齿:
  • 杂色:0%
  • 图层挖空投影:
First Drop Shadow settings

步骤16

如果您使用的不是Adobe Photoshop CC版本,请点击确定并跳转到步骤18,否则请继续下面的操作

用以下设定在前一个之后添加另一个投影

  • 混合模式:正常
  • 颜色:#E5DACF
  • 不透明度:100%
  • 使用全局光:
  • 角度:
  • 距离:0 px
  • 扩展:0%
  • 大小:2 px
  • 等高线:线性
  • 消除锯齿:
  • 杂色:0%
  • 图层挖空投影:
Second Drop Shadow settings

步骤17

用以下设定在第二个之后添加第三个投影

  • 混合模式:正片叠底
  • 颜色:#000000
  • 不透明度:30%
  • 使用全局光:
  • 角度:
  • 距离:34 px
  • 扩展:0%
  • 大小:1 px
  • 等高线:线性
  • 消除锯齿:
  • 杂色:0%
  • 图层挖空阴影:

点击确定

Third Drop Shadow Settings

完成以上操作后您的图片应该看起来像这样:

how the image should look like

亦或者,如果您使用的是旧版本的Adobe Photoshop,您的图片看起来应该是这个样子:

how the image looks in an older photoshop

步骤18

如果你使用的是Adobe Photoshop CC请直接跳转到步骤 23

Fur-1图层复制两次并放在原始图层之下:

Making two copies of the layer

步骤19

右键点击第一个复制的图层并选择清除图层样式, 之后将另外一个复制的图层进行相同的操作

Clearing the Layer Style

步骤20

将两个拷贝图层的填充均改为0%

Changing the Fill of the layers

步骤21

双击第一个拷贝的图层并为其添加新的图层样式

用以下设定添加投影

  • 混合模式:正常
  • 颜色:#E5DACF
  • 不透明度:100%
  • 使用全局光:
  • 角度:
  • 距离:0 px
  • 扩展:0%
  • 大小:2 px
  • 等高线:线性
  • 消除锯齿:
  • 杂色:0%
  • 图层挖空阴影:

点击确定

Second Drop shadow for older photoshop

步骤22

双击第二个复制的图层并为其添加新的图层样式

用以下设定添加投影

  • 混合模式:正片叠底
  • 颜色:#000000
  • 不透明度:30%
  • 使用全局光:
  • 角度:
  • 距离:34 px
  • 扩展:0%
  • 大小:1 px
  • 等高线:线性
  • 消除锯齿:
  • 杂色:0%
  • 图层挖空阴影:

点击确定

Third Drop Shadow for older photoshop

步骤23

现在,我们需要将Fur-1图层转换为智能对象

对于Adobe Photoshop CC版本的用户:

右键点击图层Fur-1并选择转换为智能对象

Converting layer to Smart Object

对于旧版 Adobe Photoshop用户请使用以下操作:

选中Fur-1图层,按住Shift键并点击Fur-1 copy 2,之后松开Shift右键点击图层Fur-1,然后再选择转换为智能对象

Converting layers to Smart Object in older photoshop

步骤24

现在我们需要改变一下茸毛的颜色, 我们将把茸毛变成白色, 打开调整面板并点击渐变映射, 如果你没有看到这个面板,你可以打开窗口 > 调整并显示它

Creating a new Gradient Map

步骤25

现在你会发现整个图片看起来很奇怪,但是别担心, 首先我们将Gradient map 1重命名为Gradient Color

Renaming the Gradient Map

步骤26

接下来,右键点击图层Gradient Color然后选择创建剪贴蒙版

Applying a Clipping Mask to a layer

步骤27

双击Gradient Color图层上的渐变图标属性面板就会弹出

Opening the Properties Panel

步骤28

点击属性面板中的渐变颜色条并打开渐变编辑器

将属性修改为以下的渐变设定:

  • 第一个色标颜色:#000000位置:0%
  • 第二个色标颜色:#848484位置:30%
  • 第三个色标颜色:#C0C0C0位置:48%
  • 第四个色标颜色:#FFFFFF位置:100%

点击确定

Opening the Gradient Editor

步骤29

将图层Fur-1重命名为Fur,然后点击面板下方的停止记录预设动作按钮

Finishing the recording of the action

恭喜您,完成啦!

在这篇教程中,您学到了如何用Adobe Photoshop创建一个自定义毛茸茸效果的预设动作

首先我们创建了我们需要的文字,然后在录制预设动作的同时,我们为文字利用路径和笔刷添加了一个茸毛的描边,之后为图层添加了毛茸茸效果的图层样式,最后我们利用渐变映射改变了茸毛的颜色

Image with the final result

几个在播放该自定义预设动作前需要注意的问题:

  • 请确保你已经载入了相应的自定义图案笔刷
  • 请参考第四部分"如何创建自定义预设动作"中的步骤5所提及的,确保笔刷的不透明度流量均已设置为100%
  • 请确保您在播放预设动作前选中一个文字图层

当您想要播放预设动作的时候,您只需要在动作面板中选定Fur Text并点击播放选定动作按钮就可以了

我希望您喜欢本篇教程,也请在留言区留下您的想法, 我们刚刚完成的这个自定义预设动作同时也是Fur Generator的一部分内容

Promo of Fur Generator
Fur Generator 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.