Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Layer Styles
Design

如何用Photoshop创建一个奢华的文字效果

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

在这篇教程中,你将学会如何用Photoshop创建这个绝美的文字效果, 这篇教程是15个优雅字体特效系列其中的一个,连同其他很多效果您都可以在Envato市场进行购买

Preview of the styles in the Elegant Text Styles pack
15个优雅字体特效——放大版预览

教程素材

以下的一些素材我们将会在接下来的教程中用到:

1. 创建背景

步骤1

双击Damask图案素材并安装它

步骤2

创建一个新文档(文件 > 新建),设置其宽度600px高度300px分辨率72

Create a new document

步骤3

选择 > 全部,然后编辑 > 填充并从下拉菜单选择白色, 然后执行选择 > 取消选区, 接下来,重命名该图层(图层 > 重命名图层)为背景,这样让我们的图层看起来更整齐美观

步骤4

现在,双击背景图层并为其添加图层样式, 首先,你要为其添加图案叠加。 从下拉菜单里面,选择深灰色Damask图案

Add a pattern to the background

步骤5

现在,使用以下设定为其添加颜色叠加

  • 混合模式:亮光
  • 不透明度:2%
  • 使用颜色#000000
Add a Color Overlay to the background

步骤6

然后,使用以下设定添加渐变叠加

  • 混合模式:叠加
  • 确保你勾选了反向
  • 样式:径向
  • 角度:0
  • 缩放:150%

点击渐变选项去创建一个渐变, 在每一个颜色控制点上点击变改变颜色,从左边#060606到右边#3c3c3c

Add a Gradient Overlay to the background

步骤7

当你依然在渐变叠加的选项卡时,在画板上点击并按住鼠标向上拖动可以移动渐变, 你可以看见渐变的区域如一缕柔和且漂亮的光照散布在你背景图层的顶部

Drag the gradient

2. 创建文字并添加效果

步骤1

双击并安装Webtreats图案

步骤2

安装Great Vibes字体, 然后回到Photoshop,输入一些文字例如Luxury,或者其他任何你想使用的文字,然后使用你刚才安装的字体(在字体列表里它应该叫Great Vibes Regular), 设置大小为200pt, 字体的颜色比较无关紧要,因为我们之后会添加很多效果去覆盖它

步骤3

双击Luxury字的图层,然后我们要开始最有趣的部分了! 在图案叠加选项卡下,从Webtreats图案包里面添加黑色图案。 不幸的是,这个图案包里的元素并没有其各自的名字,但万幸的是所有的图案都有相对不同的颜色,我们将要用到的是唯一一个黑色的图案, 选中后它会给文字添加一个黑色石头的图案效果:

Add a Pattern Overlay to the text layer

步骤4

为文字添加渐变叠加,这样文字才变得有活力:

Add a Gradient Overlay to the text layer

步骤5

为了让字体更突出,我们需要用以下设定为其添加斜面和浮雕, 确保光泽等高线是一个叫环形 - 双

Add Bevel Emboss to the text layer

步骤6

之后,添加一些等高线去调整斜面和浮雕, 确保等高线高斯选项

Add Contour to the text layer

步骤7

现在,我们需要用外发光去为文字搭建一个金色的外边框:

Add an Outer Glow to the text layer

步骤8

为文字添加一个银色的描边,你会让它看起来更亮闪闪和突出:

Add a Stroke to the text layer

步骤9

在最后,添加一个投影会很好的分离文字和背景:

Add a Drop Shadow to the text layer

步骤10

点击确定,然后你就拥有了一个闪闪发光的新的文字效果了

3. 为将来的套用保存文字效果

步骤1

显而易见的,你当然是希望你能将这个文字效果保存下来,这样你就可以在未来一遍又一遍的将其套用在其他物体或文字上使用了, 如果你看看样式面板,你就会注意到菜单中有一个小图标看起来像一张纸拐角处被折了一下, 点击它并添加你的样式到你的样式库里,记得给它起一个令人难忘的名字

Create a new style

步骤2

你可能依然需要将这个文字效果保存到你的电脑里,所以接着点击右上角小的下拉菜单,从中选择存储样式。 虽说你可以将其保存在任何你喜欢的地方,但是,我依旧会建议你将它存储在Photoshop默认的文件夹里:

  • 样式文件夹在Windows里的位置:Program Files > Adobe > Adobe Photoshop你的版本号 > Presets > Styles
  • 样式文件夹在Mac里的位置:Programs > Adobe Photoshop(你的版本号) > Presets > Styles

Save the style

Final product

恭喜你! 完成啦!

在这篇教程中,我们学到了如何在Photoshop中创建一个奢华的文字效果

我们从使用Damask图案创建一个精细的暗色背景开始, 接下来我们创建了文字图层,并为其添加了各种各样不同的效果,这样才使我们创建了一个看起来十分跳眼的高大上的文字效果

在那之后,我们确保了我们将这个文字效果储存了下来,以便我们之后可以将它运用到其他项目中去

欢迎在下方留言区与我们分享您的成果或给我们留言

关注我们的公众号
Advertisement
Advertisement
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.