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

如何创建一个3D 黑金文本和logo样机

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Pressed Paper Logo Mockup in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Colourise an Old Photograph in Adobe Photoshop
How to Create a Kaleidoscope Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

这个样机是3D Gold文本样机的一部分, 从我的 Envato 市场的作品集中选取的。

3D gold text and logo mockups
3D 黄金文本样机

教程资源

本教程中使用了以下资源:

在开始创建我们的文本样机之前, 下载并安装字体, 同时下载背景。

1. 加载文档背景

我们将使用教程资源中的蓝色背景作为我们的文档背景。 它是一个 2000 x 3000 像素 JPG 文件。 转到文件 > 打开并打开蓝色背景. jpg

Blue background

2. 创建智能对象

在这些步骤中, 您将创建主要的智能对象。

步骤1

创建一个新的层, 通过进入图层 >新建> 图层, 命名为隐藏, 点击OK。 用任何颜色填充此图层-例如, 用背景色填充它, 点击控制-删除

Hide me layer

步骤2

选取 "文字" 工具并选择 Raleway 字体。 将字体样式设置为黑色, 字体大小 635 pt, 然后选择 "居中文本"。 现在, 在文档的中心写上BLACK GOLD, 两行, 所有大写。

Type tool

步骤3

"图层" 面板中选择BLACK GOLD图层, 按住Contrl并选择 "隐藏"图层。 当两层都被选中时, 转到图层 > 智能对象 > 转换为智能对象

Craete smart object

步骤4

右键单击BLACK GOLD智能对象图层, 然后选择 "编辑内容" 打开智能对象。

Edit smart object

步骤5

删除 "图层" 面板中的 "隐藏" 图层。 然后关闭BLACK GOLD.psb文件并点击 Yes保存更改。

Save smart object

步骤6

选择BLACK GOLD图层, 转到图层 > 重命名图层, 并将其名称更改为Gold

Rename smart object

3. 创建收缩动作

在我们开始创建主要效果之前的最后一步, 是创建一个小的动作, 这将是非常有用的, 你会看到稍后。

步骤1

右键单击 "图层" 面板中的Gold图层, 然后选择 "复制图层"。 将名称更改为 "操作", 然后单击 "确定"。

Create Action layer

步骤2

使用 Alt-F9 打开 "动作" 面板, 然后按下 "创建新设置" 按钮, 并将其命名为收缩动作。 单击确定

Create new action set

步骤3

"图层" 面板中选择动作图层, 然后单击 "动作" 面板底部的 "创建新动作" 按钮。 更改名称为收缩和单击记录

Create new action

步骤4

单击Control-J 复制动作图层。

Duplicate layer

步骤5

转到图层> 排列 >> 发送后部。 此步骤将在动作副本下移到动作层底部。

Arrange layers

步骤6

Control+T 转换选定的图层, 并将水平刻度设置为 W: 99.93%, 垂直刻度为 H: 99.90%。 按 Enter 键两次以应用转换。

Transform layer

步骤7

"动作" 面板底部的 "停止" 按钮, 然后从 "图层" 面板中删除动作动作副本图层。 收缩动作现在可以使用了。

Stop action and delete layers

4. 创建3D 效果

在该部分中, 我们将使用以前创建的动作来创建多个图层。

步骤1

在 "图层" 面板中选择 "Gold" 图层, 然后在 "动作" 面板中选择收缩动作。

Select layer and action

步骤2

现在, 我们将为3D 效果创建105层。 点击 "动作" 面板底部的 "播放" 按钮以播放动作, 并继续点击播放按钮, 直到它在 "图层" 面板中创建Gold副本105层

Play action

步骤3

选择Gold副本105, 转到图层 >复制图层, 并命名为阴影。 然后将这个图层向后移动,通过图层 >排列 >发送向后

Create and arrange shadow layer
105 layers created

步骤4

让我们做一些小组并整理一下图层面板。 选择Gold副本并按住 Shift- 单击Gold副本19层以选择这些图层以及之间的所有图层。 单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果1

Group layers

步骤5

选择Gold图层副本 20, 然后按住 Shift -单击Gold副本29层以选择这些图层和之间的所有图层。 点击Control-G 编组, 然后转到图层 > 重命名组, 并命名它的效果2

Group layers

步骤6

选择Gold图层 30, 然后按住 Shift -单击Gold副本39层以选择这些图层和之间所有图层。 单击Control-G 编组, 然后转到图层 > 重命名组, 并命名为效果3

Group layers

步骤7

选择Gold图层 40, 然后按住 Shift -单击Gold图层副本59层以选择这些图层和之间所有图层。 单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果4。

Group layers

步骤8

选择Gold图层60, 然后按住 Shift -单击Gold图层副本89层以选择这些图层和之间所有图层。  单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果5

Group layers

步骤9

选择Gold图层90, 然后按住 Shift -单击Gold图层副本94层以选择这些图层和之间所有图层。  单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果6。

Group layers

步骤10

选择Gold图层95, 然后按住 Shift -单击Gold图层副本100以选择这些图层和之间所有图层。  单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果7

Group layers

步骤11

选择Gold图层101, 然后按住 Shift -单击Gold图层副本105层以选择这些图层和之间所有图层。  单击Control-G 编组, 然后转到图层 > 重命名组, 并将其命名为效果8

Group layers

5. 添加图层样式

步骤1

选择Gold层并图层以应用以下图层样式:

使用以下设置添加斜角和浮雕:

  • 样式: 内斜角
  • 技术: 平滑
  • 深度: 32%
  • 方向: 向下
  • 尺寸: 3 px
  • 取消选中 "使用全局灯"
  • 角度:-81°
  • 高度: 26°
  • 选择光泽轮廓: 双环
  • 高亮模式: 线性减淡 (添加) 与颜色 #ffffff 不透明度: 18%
  • 阴影模式: 线性加深,颜色 #171718不透明度: 33%
Add a bevel and emboss

步骤2

添加描边,设置如下:

  • 尺寸: 3 px
  • 位置: 内部
  • 混合模式: 正常
  • 填充类型: 渐变
  • 样式: 角度
  • 角度: 90°
  • 选中抖动
  • 大小: 150%
  • 单击渐变并设置如下色块:
  • 滑块颜色: #7a6b37 位置: 7%
  • 滑块颜色: #84753f 位置: 43%
  • 滑块颜色: #7d6d37 位置: 70%
  • 滑块颜色: #ffe785 位置: 85%
  • 7个色块颜色: #f7c753 ,位置: 0%, 13%, 19%, 48%, 63%, 81% 和100%
  • 5个色块颜色: #c59f44 位置: 16%, 27%, 55%, 75% 和93%
Add a stroke

步骤3

添加缎型样式,设置如下:

  • 混合模式: 线性加深,颜色 #afa182
  • 不透明度: 4%
  • 角度: 0°
  • 距离:22 px
  • 尺寸: 1 px
  • 选中反转
Add a satin

步骤4

添加颜色叠加,设置如下:

  • 混合模式: 线性加深
  • 选择颜色 #000000
  • 不透明度: 7%
Add a color overlay

步骤5

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 线性
  • 角度: 67°
  • 大小: 100%
  • 单击渐变并设置如下滑块:
  • 滑块1-颜色: #010202 位置: 11%
  • 滑块 2-颜色: #737373 位置: 34%
  • 滑块 3-颜色: #010202 位置: 58%
  • 滑块 4-颜色: #737373 位置: 75%
  • 滑块5-颜色: #010202 位置: 100%

单击 "确定" 以应用所有更改。

Add a gradient overlay
Applied layer style

步骤6

折叠效果1组, 选择Gold副本图层, 然后双击图层以应用以下图层样式:

使用如下设置添加内部发光:

  • 混合模式: 线性减淡 (添加)
  • 不透明度: 14%
  • 选择颜色 #ffffff
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 大小: 136 px
  • 选中防锯齿
Add an inner glow

步骤7

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤8

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并设置如下颜色滑块:
  • 4色滑块颜色: #7a6b37 位置: 7%, 23%, 58% 和89%
  • 滑块颜色: #84753f 位置: 43%
  • 2个滑块颜色: #7d6d37位置: 70% 和100%
  • 5个滑块颜色: #ffe785位置: 4%, 25%, 39%, 85% 和97%
  • 6个滑块颜色: #f7c753位置: 0%, 13%, 19%, 48%, 63% 和81%
  • 5个滑块颜色: #c59f44位置: 16%, 34%, 55%, 75% 和93%
Add a gradient overlay

步骤9

在接下来的步骤中将使用相同的渐变, 因此, 让我们通过按下按钮将其保存到渐变预设中。 然后单击 "确定" 以应用所有更改。

Save the gradient as a preset

步骤10

右键单击在Gold副本并选择复制图层样式, 然后Shift-左单击Gold副本19。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"。 这将把相同的样式从GOLD副本层应到所有选定的图层。

Copy and paste layer style
Applied layer styles

步骤11

关闭效果1组并折叠效果2组。 选择Gold副本 20, 然后双击该图层应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性减淡(添加)
  • 不透明度: 7%
  • 选择颜色 #ffffff
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤12

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤13

添加渐变叠加设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤14

右键单击在Gold副本20层并选择复制图层样式, 然后Shift-左单击Gold副本29。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤15

关闭效果2组并折叠效果3组。 选择GOLD副本 30, 然后双击该图层以应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性减淡 (添加)
  • 不透明度: 3%
  • 选择颜色 #ffffff
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤16

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤17

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤18

右键单击Gold副本30层并选择复制图层样式, 然后Shift-左单击Gold图层39。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤19

关闭效果3组并折叠效果4组。 选择层Gold副本 40, 然后双击该图层以应用以下图层样式:

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤20

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤21

右键单击Gold副本40层并选择复制图层样式, 然后Shift-左单击Gold图层59。 当所有这些图层都被选中时, 右击这些图层并选择"粘贴图层样式" 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤22

关闭效果4组并折叠效果5组。 选择Gold副本60, 然后双击该图层以应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性加深
  • 不透明度: 3%
  • 选择颜色 #000000
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤23

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤24

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤25

右键单击Gold副本60层并选择复制图层样式, 然后Shift-左单击Gold图层89。  当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤26

关闭效果5组并折叠效果6组。 选择层Gold副本90, 然后双击该图层以应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性加深
  • 不透明度: 10%
  • 选择颜色 #000000
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤27

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤28

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤29

右键点击Gold副本90, 选择复制图层样式, 然后Shift-左单击图层Gold副本94。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤30

关闭效果6组并折叠效果7组。 选择Gold副本 95, 然后双击该图层以应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性加深
  • 不透明度: 16%
  • 选择颜色 #000000
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤31

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤32

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤33

右键单击Gold副本95层, 选择复制图层样式, 然后Shift-左单击图层Gold副本100。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

步骤34

关闭效果7组并折叠效果8组。 选择Gold副本101, 然后双击该图层以应用以下图层样式:

添加内部发光,设置如下:

  • 混合模式: 线性加深
  • 不透明度: 22%
  • 选择颜色 #000000
  • 技术: 精确
  • 来源: 边缘
  • 阻塞: 100%
  • 尺寸: 136 px
  • 选中防锯齿
Add an inner glow

步骤35

添加颜色叠加,设置如下:

  • 混合模式: 颜色
  • 选择颜色 #fee691
  • 不透明度: 100%
Add a color overlay

步骤36

添加渐变叠加,设置如下:

  • 混合模式: 正常
  • 选中抖动
  • 不透明度: 100%
  • 样式: 反射
  • 角度: 90°
  • 大小: 150%
  • 单击渐变并从预设中选择以前保存的渐变。

单击 "确定" 以应用所有更改。

Add a gradient overlay

步骤37

右键单击Gold副本101层和选择复制图层样式, 然后Shift-左单击Gold副本105。 当所有这些图层都被选中时, 右击这些图层并选择 "粘贴图层样式"

Copy and paste layer style
Applied layer styles

6. 创建阴影

步骤1

选中图层阴影并按Contrl-J两次, 以制作此图层的两个副本。

Duplicate shadow layer

步骤2

选中图层阴影并按Contrl- T, 然后将20px添加到水平位置 X: 并且并将30px添加到垂直位置 Y: 下面图片中显示的位置值可能与您的不同。

Enter 键应用更改。

Move shadow layer

步骤3

双击图层阴影以应用以下图层样式:

使用以下设置更改混合选项:

  • 不透明度: 35%
Change the blending options

步骤4

添加颜色叠加,设置如下:

  • 混合模式: 正常
  • 选择颜色 #312000
  • 不透明度: 100%
Add a color overlay

步骤5

添加向下投影,设置如下:

  • 混合模式: 叠加
  • 选择颜色 #010101
  • 不透明度: 75%
  • 取消选中 "使用全局灯",后设置角度: 120°
  • 距离:17 px
  • 扩展: 0%
  • 尺寸: 5 px

单击 "确定" 以应用所有更改。

Add a drop shadow

步骤6

转到滤镜> 模糊 > 高斯模糊, 设置半径4.3 px, 并点击确定

Add the gaussian blur

步骤7

转到滤镜 > 模糊 > 运动模糊, 设置角度:-60 °,距离:97 px, 然后点击确定

Add the motion blur
Added shadow

步骤8

选择图层阴影副本双击图层以应用以下图层样式:

使用以下设置更改混合选项:

  • 填充不透明度: 0%
Change the blending options

步骤9

添加向下投影,设置如下:

  • 混合模式: 线性加深
  • 选择颜色 #000000
  • 不透明度: 47%
  • 取消选中 "使用全局灯",设置角度:124°
  • 距离: 0 px
  • 扩展: 50%
  • 尺寸: 2 px

"确定" 以应用所有更改。

Add a drop shadow
Added shadow

步骤10

选择 "图层阴影副本 2", 然后双击该图层以应用以下图层样式:

使用以下设置更改混合选项:

  • 不透明度: 50%
  • 填充不透明度: 0%
Change the blending options

步骤11

添加颜色叠加,设置如下:

  • 混合模式: 正常
  • 选择颜色 #000000
  • 不透明度: 100%
Add a color overlay

步骤12

添加向下投影,设置如下:

  • 混合模式: 线性加深
  • 选择颜色 #000000
  • 不透明度: 11%
  • 取消选中 "使用全局灯",后设置角度: 45°
  • 距离:87 px
  • 扩展: 0%
  • 尺寸:79 px

"确定" 以应用所有更改。

Add a drop shadow

步骤13

转到滤镜 > 模糊 > 高斯模糊, 设置半径16.8 px, 并单击确定

Add the gaussian blur

步骤14

为了更好地清晰起见, 我们将对所有阴影层进行分组。 选择阴影副本2图层, 然后Shift-右键单击阴影图层, 然后在键盘上按Contrl-G 制作图层分组。

Group shadow layers

祝贺! 你完成了

在本教程中, 我们学习了如何使用智能对象和图层样式制作一个3D 黑金文本和徽标模型。

我们首先创建了智能对象, 然后创建了收缩动作。 之后, 我们添加了多个层来创建3D 效果, 并添加了图层样式。 最后, 我们添加了一些阴影。

Final result

从现在开始, 您可以将BLACK GOLD标题中的内容更改为任何其他文本、形状或矢量。 要更改内容, 请右键单击Gold图层, 然后选择 "编辑内容"。 编辑完内容后, 请关闭. psb文档并按 "是" 以应用更改。

您可以使用矢量徽标代替文本。 在下面的示例中, 我已经将内容更改为凤凰徽标, 这也是我在 Envato 市场上资源合集的一部分。

Phoenix logo example
凤凰标志模板

我们刚刚创建的这个样机是3D 黄金文本样机的一部分。

Mock up
3D 黄金文本样机
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.