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

怎样用Adobe Photoshop创建一个文本的多彩闪亮特效

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

在这个教程中,我将展示怎样用Photoshop,通过两个图层样式来创建一个多彩闪亮的文本特效。

如果你想跳过这个教程,但仍想学会这种文本特效,你可以去GraphicRiver购买 7 Photoshop闪亮样式

完整的资源包里有7中不同的文本效果,并且有着不同的形状和字体。

Promo image
7 Shiny Photoshop Styles 2

教程资源

以下是用在本教程中的资源

  • 字体:Lobster 1.4
  • 背景和等高线在本教程的zip附件中

1. 怎样创建图层样式

步骤1

点击File>Open,然后打开背景图片

Background image

步骤2

选择Horizontal Type Tool(T)用以下设置

  • Font:Lobster 1.4
  • Size: 210 pt
  • Anti-Aliasing mode: Sharp
  • Color: White #ffffff
Horizontal Type Tool and its settings

步骤3

写出文字Shiny,然后放置在文档中央。

 想要居中图层,按下Control-A选择文档,然后选择Move Tool(V),并且点击Align Vertical Center 和  Align Horizontal Center图标

Aligning the layer

Step 4

双击文字Shiny的图层打开Layer Style窗口

放宽心打开关闭以下的特效选项看看变换的效果。我们先从Gradient Overlay开始;这种方式能够更清楚的看到发生的效果变化。

添加 Gradient Overlay效果用以下设置 

  • Blend Mode: Normal
  • Blend Mode: Normal
  • Opacity: 100%
  • Reverse: Unchecked
  • Style: Linear
  • Align with Layer: Checked
  • Angle: 90º
  • Scale: 100%

点击渐变条,产生一个渐变用以下设置:

  • 第一个点颜色值: #ffc600
  • 第一个点位置: 0%
  • 第二个点颜色值: #f8e45f
  • 第二个点位置: 100%
Gradient Overlay settings

Step 5

用以下设置添加一个Bevel & Emboss效果:

  • Style: Emboss
  • Technique: Smooth
  • Depth: 286%
  • Direction: Up
  • Size: 10 px
  • Soften: 0 px
  • Use Global Light: Unchecked
  • Angle: 96º
  • Altitude: 16º
  • Gloss Contour: 点击Contour box 然后载入文件 Shiny Contour.shc (zip file)
  • Anti-Aliased: Checked
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffee93
  • Highlight Mode Opacity: 67%
  • Shadow Mode: Normal
  • Shadow Mode Color: #190a20
  • Shadow Mode Opacity: 9%
Bevel and Emboss settings

步骤6

添加一个Stroke效果,用以下设置:

  • Size: 4 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Unchecked
  • Fill Type: Color
  • Color: #7344ac
Stroke settings

步骤7

添加一个Drop Shadow效果用以下设置:

  • Blend Mode: Normal
  • Color: #ae00f6
  • Opacity: 100%
  • Use Global Light: Unchecked
  • Angle: 120º
  • Distance: 5 px
  • Spread: 100%
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Unchecked
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Checked
Drop Shadow settings

你想象中应该会是以下样子:

How the image should look

步骤8

选择层Shiny并按Control-J 复制它。然后右键单击并选择重命名为Shiny TOP

Renaming the layer

步骤9

右键单击层 Shiny TOP ,选择Clear Layer Style。然后,双击层打开Layer Style窗口。

添加Bevel & Emboss效果用下面的设置︰

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 551%
  • Direction: Up
  • Size: 16 px
  • Soften: 0 px
  • Use Global Light: Unchecked
  • Angle: 96º
  • Altitude: 16º
  • Gloss Contour: Cove - Shallow
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffee93
  • Highlight Mode Opacity: 67%
  • Shadow Mode: Normal
  • Shadow Mode Color: #190a20
  • Shadow Mode Opacity: 9%
Bevel and Emboss settings

步骤10

添加Inner Shadow用以下设置︰

  • Blend Mode: Multiply
  • Color: #bf8c01
  • Opacity: 21%
  • Use Global Light: Unchecked
  • Angle: -45º
  • Distance: 5 px
  • Choke: 0%
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Unchecked
  • Noise: 0%
Inner Shadow settings

步骤11

添加一个 Gradient Overlay 效果,用以下设置:

  • Blend Mode: Color Burn
  • Dither: Unchecked
  • Opacity: 100%
  • Style: Linear
  • Align with Layer: Checked
  • Angle: 90º
  • Scale: 100%

点击渐变条,制作一个渐变用以下设置:

  • 第一个点颜色值: #a5a5a5
  • 第一个点位置: 4%
  • 第二个点颜色值: #ffffff
  • 第二个点位置: 27%
  • 第三个点颜色:#e2e2e2
  • 第三个点位置:74%
  • 第四个点颜色值: #b2b2b2
  • 第四个点位置:100%
Gradient Overlay settings

步骤12

添加一个Outer Glow 效果用以下设置:

  • Blend Mode: Screen
  • Opacity: 75%
  • Noise: 0%
  • Color: #eac919
  • Technique: Softer
  • Spread: 0%
  • Size: 0 px
  • Contour: Linear
  • Anti-Aliased: Unchecked
  • Range: 50%
  • Jitter: 0%
Outer Glow settings

步骤13

添加一个Drop Shadow效果,用以下设置:

  • Blend Mode: Exclusion
  • Color: #1eff00
  • Opacity: 100%
  • Use Global Light: Unchecked
  • Angle: 120º
  • Distance: 3 px
  • Spread: 100%
  • Size: 3 px
  • Contour: Linear
  • Anti-Aliased: Checked
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Checked

然后点击OK

Drop Shadow settings

步骤14

现在按住Control然后点击Shiny图层和Shiny TOP图层,选中它们,然后按下Control-G分组这两个图层。

Grouping the layers

步骤15

双击分组图层打开Layer Style窗口

添加Drop Shadow效果用以下设置:

  • Blend Mode: Normal
  • Color: #000000
  • Opacity: 30%
  • Use Global Light: Unchecked
  • Angle: 120º
  • Distance: 3 px
  • Spread: 39 %
  • Size: 5 px
  • Contour: Linear
  • Anti-Aliased: Checked
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Checked

然后点击OK

然后结果如下:

Final result

恭喜,你现在完成它们了!

在这个教程中,你学会了怎样用Adobe Photoshop创建闪亮的多彩的文字效果。我们从创建样式图层开始,然后添加另外一个图层在其上来完成效果。

别忘了保存这些样式,以便在做其他效果时能够用到。

我希望你享受这个教程,尽管在下面留下你的评论。

我们刚刚创建的效果仅仅是7 Shiny Photoshop Styles 2的一部分。

Promo image
7 Shiny Photoshop Styles 2
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.