恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何在Ps中创建一个毛茸茸的文字预设动作效果
0.0°
2019-03-27 自译外文 教程 原作者: Anderson Luiz 举报 3221 29 24 6

在这篇教程完成后您将永久的获得一个随时可以使用的预设动作,您可以几乎只需要一键就可以将任何文字变为此效果

Image title


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


以下的一些素材(文末可下载附我做的源文件噢)我们将应用到今天的教程中:

英文字体Aller Display

JPG背景图片

毛茸茸笔刷

茸毛质感纹样


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

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

Image title


2.如何创建文字

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

Image title


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

步骤1

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

Image title


步骤2

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

Image title


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

步骤1

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

Image title


步骤2

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

Image title


步骤3

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

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

Image title


步骤4

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

Image title


步骤5

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

Image title


步骤6

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

Image title


步骤7

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

Image title


步骤8

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

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

Image title



步骤9

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


Image title

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

Image title



步骤10

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

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

样式:内斜面

方法:平滑

深度:63%

方向:上

大小:24px

软化:16px

使用全局光:关

角度:13°

高度:42°

光泽等高线:高斯

消除锯齿:开

高光模式:柔光

高亮颜色:#FFFFFF

高光不透明度:65%

阴影模式:叠加

阴影颜色:#362A1A

阴影不透明度:26%

Image title



步骤11

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

等高线:高斯

消除锯齿:关

范围:61%

Image title



步骤12

用以下设定添加内发光:

混合模式:滤色

不透明度:25%

杂色:0%

颜色:#CFB9A6

方法:柔和

源:居中

阻塞:4%

大小:213 px

等高线:线性

消除锯齿:关

范围:100%

抖动:0%

Image title


步骤13

用以下设定添加颜色叠加:

混合模式:颜色

颜色:#FFFFFF

不透明度:21%

Image title



步骤14

用以下设定添加图案叠加:

混合模式:正常

不透明度:100%

图案:选择您之前下载并导入的素材图案,Pattern (Fur Tutorial).pat

缩放:25%

与图层链接:开

Image title



步骤15

用以下设定添加投影:

混合模式:正常

颜色:#6D655D

不透明度:100%

使用全局光:关

角度:0°

距离:18 px

扩展:100%

大小:0 px

等高线:线性

消除锯齿:关

杂色:0%

图层挖空投影:开

Image title



步骤16

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

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

混合模式:正常

颜色:#E5DACF

不透明度:100%

使用全局光:关

角度:0°

距离:0 px

扩展:0%

大小:2 px

等高线:线性

消除锯齿:关

杂色:0%

图层挖空投影:开

Image title



步骤17

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

混合模式:正片叠底

颜色:#000000

不透明度:30%

使用全局光:关

角度:3°

距离:34 px

扩展:0%

大小:1 px

等高线:线性

消除锯齿:关

杂色:0%

图层挖空阴影:开

点击确定

Image title



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


Image title

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

Image title



步骤18

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

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

Image title



步骤19

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

Image title



步骤20

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

Image title



步骤21

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

用以下设定添加投影:

混合模式:正常

颜色:#E5DACF

不透明度:100%

使用全局光:关

角度:0°

距离:0 px

扩展:0%

大小:2 px

等高线:线性

消除锯齿:关

杂色:0%

图层挖空阴影:开

点击确定

Image title



步骤22

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

用以下设定添加投影:

混合模式:正片叠底

颜色:#000000

不透明度:30%

使用全局光:关

角度:3°

距离:34 px

扩展:0%

大小:1 px

等高线:线性

消除锯齿:关

杂色:0%

图层挖空阴影:开

点击确定

Image title



步骤23

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

对于Adobe Photoshop CC版本的用户:

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


Image title

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

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

Image title



步骤24

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

Image title



步骤25

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

Image title



步骤26

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

Image title



步骤27

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

Image title



步骤28

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

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

第一个色标颜色:#000000,位置:0%

第二个色标颜色:#848484,位置:30%

第三个色标颜色:#C0C0C0,位置:48%

第四个色标颜色:#FFFFFF,位置:100%

点击确定

Image title



步骤29

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

Image title



恭喜您,完成啦!

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

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

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

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

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

我希望您喜欢本篇教程,也请在留言区留下您的想法

更新:2019-03-27

下载
收藏

29人已收藏

  • 4

    作品

  • 3

    粉丝

  • 6

    关注

  • galaxy
  • 小河豚
  • 愤怒的河豚

    猜你喜欢

      2019-03-27 自译外文 教程 原作者: Anderson Luiz 举报 3221 29 24 6

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

      0.0°

      你确定要举报如何在Ps中创建一个毛茸茸的文字预设动作效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      24
      29
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录