7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

如何用ps创建一个超简单的液体金属效果的文字

Scroll to top
Read Time: 1 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

这个教程将会向你展示一个快且简单的方法,使用一些纹理、图案、图层样式,来创建液体金属效果的文字。让我们开始吧!

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

教程素材

本教程的制作过程中使用以下素材

1.如何添加默认图案

步骤1

打开编辑>预设>预设管理器,从预设类型下拉菜单中选择图案。

然后,点击在预设类型右边的小箭头,弹出下拉菜单,然后点击Nature Patterns 。当对话框出现时,点击追加

Load Default PatternsLoad Default PatternsLoad Default Patterns

步骤2

在ps里打开金属质感秤形无缝拼接材质(Metal scales seamless texture 1)的图片,打开编辑>自定义图案,给图案命名Metal Scales,点击确定

Define PatternDefine PatternDefine Pattern

2.如何创建一个纹理背景

步骤1

新建一个1000*600像素的文档。点击图层面板底部的创建新的填充或者调整图层这个图标,选择渐变

Add a Gradient Adjustment LayerAdd a Gradient Adjustment LayerAdd a Gradient Adjustment Layer

步骤2

使用颜色#301e14#0d0909,由左向右创建渐变填充。

设置样式为线性,缩放值为250。

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

步骤3

将图片Texture 555放在渐变图层之上,并重命名这个图层为BG Texture

改变BG Texture层的混合模式更改为柔光,并根据需要调整其大小。

The Background Texture SettingsThe Background Texture SettingsThe Background Texture Settings

步骤4

添加渐变映射调整图层,将其创建剪贴蒙版至BG Texture层。使用下面的渐变填充,选择仿色选项。然后,渐变映射层的混合效果修改为颜色,将其透明度设置为75%。

Gradient Map SettingsGradient Map SettingsGradient Map Settings

3.如何创建文字图层

步骤1

使用英文字体Skyoval创建文字,设置颜色#7f7b78大小350pt

Create the TextCreate the TextCreate the Text

步骤2

复制文本图层,并将其填充值改为0

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

步骤3

复制一下复制文本图层。

Create Another Copy Text LayerCreate Another Copy Text LayerCreate Another Copy Text Layer

4.如何设置原始文本图层的样式

双击原始文本图层,来应用以下图层样式:

步骤1

用这些设置添加斜面和浮雕

  • 大小:18
  • 取消选中的使用全局光选项
  • 角度:112
  • 高度:32
  • 光泽等高线:cove-deep
  • 选中消除锯齿选项
  • 高光模式:线性减淡
    • 颜色#f3d6b7
  • 阴影模式:线性加深
    • 颜色 #7a7a7a
Bevel and EmbossBevel and EmbossBevel and Emboss

步骤2

用以下设置添加等高线

  • 等高线:Half Round
  • 选中消除锯齿选项
ContourContourContour

步骤3

用一下设置添加纹理

  • 图案:clouds
  • 缩放:25%
  • 深度:5%
TextureTextureTexture

步骤4

用这些设置添加内阴影

  • 混合模式:滤色
  • 颜色#4e9d86
  • 不透明度:50%
  • 取消选中的使用全局光
  • 角度:90
  • 距离:8
  • 大小:9
  • 等高线: Half Round
Inner ShadowInner ShadowInner Shadow

步骤5

用这些设置添加内发光

  • 混合模式:差值
  • 不透明度:35%
  • 颜色:使用Bronze Bz55渐变填充
  • :居中
  • 大小:29
Inner GlowInner GlowInner Glow

步骤6

用这些设置添加光泽

  • 混合模式:强光模式
  • 颜色#deb7a7
  • 不透明度:50%
  • 角度:90
  • 距离:13
  • 大小:15
  • 等高线:Rolling Slope - Descending
  • 选中消除锯齿选项
  • 选择反相选项
SatinSatinSatin

步骤7

用这些设置添加颜色叠加

  • 颜色#653739
  • 混合模式:颜色加深
Color OverlayColor OverlayColor Overlay

步骤8

用以下设置添加投影:

  • 颜色#010101
  • 不透明度:85%
  • 距离:15
  • 大小:10
Drop ShadowDrop ShadowDrop Shadow

以上是为第一个文本图层设置样式的步骤。

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

5.如何给第一个复制文本图层设置样式

双击第一个复制文本图层,来应用以下图层样式:

步骤1

用这些设置添加斜面和浮雕

  • 大小:10
  • 取消选中的使用全局光选项
  • 角度:69
  • 高度:42
  • 光泽等高线: Cone - Inverted
  • 选择消除锯齿选项
  • 高光模式:线性减淡
    • 颜色#f3d6b7
  • 阴影模式:
    • 不透明度:0%
Bevel and EmbossBevel and EmbossBevel and Emboss

步骤2

用这些设置添加等高线

  • 等高线:Cone
  • 选择消除锯齿选项
  • 范围:100%
ContourContourContour

步骤3

用这些设置添加纹理

  • 图案:Blue Daisies
  • 缩放:25%
  • 深度:5%
TextureTextureTexture

Step 4

用这些设置添加内阴影

  • 图层模式:线性加深
  • 颜色 #a5a7cb
  • 不透明度:50%
  • 取消选中的使用全局光选项
  • 角度:90
  • 距离:5
  • 阻塞:10
  • 大小:9
Inner ShadowInner ShadowInner Shadow

步骤5

用这些设置添加内发光

  • 混合模式:叠加
  • 不透明度:11%
  • 颜色:使用stove pipe 100渐变填充
  • 方法:精确
  • :居中
  • 大小:18
  • 等高线:Cone - Inverted
Inner GlowInner GlowInner Glow

以上是为第二个文本图层设置样式的步骤。

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

6.如何为第二个复制文本图层设置样式

双击第二个复制文本图层,来应用以下图层样式:

步骤1

用这些设置添加斜面和浮雕:

  • 大小:32
  • 取消选择使用全局光选项
  • 角度:-30
  • 高度:48
  • 光泽等高线:Cone
  • 选择消除锯齿选项
  • 高光模式:亮光
    Bevel and EmbossBevel and EmbossBevel and Emboss

    步骤2

    用这些设置添加等高线

    • 等高线:Ring - Double
    • 选择消除锯齿选项
    • 范围:100%
    ContourContourContour

    步骤3

    用以下设置添加纹理

    • 图案:Metal Scales
    • 缩放:50%
    TextureTextureTexture

    步骤4

    用这些设置添加内发光

    • 混合模式:线性减淡
    • 不透明度:35%
    • 颜色 #e5d2b2
    • 大小:29
    • 等高线:Cone - Asymmetrical
    Inner GlowInner GlowInner Glow

    步骤5

    用这些设置添加光泽

    • 混合模式:线性减淡
    • 颜色:#93c0f7
    • 不透明度:50%
    • 角度:5
    • 距离:51
    • 大小:65
    • 等高线:
    • 选择消除锯齿选项
    • 取消选择反相选项
    SatinSatinSatin

    步骤6

    用这些设置添加图案叠加

    • 混合模式:变亮
    • 不透明度:35%
    • 图案:Metal Scales
    • 缩放:50%
    Pattern OverlayPattern OverlayPattern Overlay

    以上是为最后一个文本图层设置样式的步骤。

    Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3

    7.如何调整着色

    在所有图层的上面添加一个渐变映射图层,使用下面的渐变填充,然后选择仿色选项。

    然后,改变渐变映射图层的混合模式柔光,并将其不透明度设置为20%

    Gradient MapGradient MapGradient Map

    恭喜!你完成了~

    在这个教程里,我们用一个渐变填充和纹理创建了背景,然后我们通过创建一些文本图层,并为它们设置样式,以达到液体金属的效果。

    欢迎随时在下方留下你的意见、建议和结论。

    Final ResultFinal ResultFinal Result
    关注我们的公众号
    Advertisement
    Did you find this post useful?
    Want a weekly email summary?
    Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
    Start your 7-day free trial*
    Start free trial
    *All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.