Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

如何在 Adobe Photoshop 中创建3D 金色电影文本动作

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Make a Soft Light Photoshop Action to Create a Backlight Effect
How to Create a Funny, Creepy Photo Effect Action in Adobe Photoshop

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

Final product image
What You'll Be Creating

在 Adobe photoshop 中, 动作是一个强大的工具, 那些使用 photoshop 进行工作的人可能每天都会使用它们。 他们可以给你的工作流程大大节省时间。

在本教程中, 您将学习如何创建一个3D 的金色电影文本效果的动作, 可以是任意字体, 任意大小。 这个动作是 3D Cinematic Text Generator - Actions 系列的一部分。

3D Cinematic Text Generator
3D 电影文本生成

开始之前

一旦动作完成,他们会节省你的时间,但是需要你注意细节和步骤顺序。 请记住, 当您开始记录动作时, 几乎每个鼠标单击或键盘命中都将保存在您的操作中。

如果你刚接触动作这块,你可以读Melody Nieves很棒的文章 the basics of Photoshop actions,或者从Kirk Nelson的课 Building Your Own Actions in Adobe Photoshop 去学习动作

教程资源

下面2个资源包会帮你完成最后效果图,但不是创建动作必须用的:

1.准备记录动作

在开始录制操作之前, 您需要准备一些示例文本。 在本教程中, 我们还将添加主题背景。

步骤1

首先从资源中打开电影背景图像。 图像的尺寸是 900 x 600 像素, 这将是我们的文件背景。

Cinematic Background

步骤2

打开文字工具, 选择 Trajan Pro 3 字体(它应该是 PS 自带字体,如果没有请从上面提供资源中下载), 字体大小设为约170pt, 输入GLADIUS, 字母全部大写。 文本的颜色不重要。

Type Tool

步骤3

单击 变形文字 按钮。 设置样式为拱形,选择水平方向弯曲: 6%

Warped Text

2. 开始记录您的行动

在开始录制之前, 请确保您的 "图层" 面板中只有两个图层: 顶层文字 GLADIUS 图层和底部背景图层。

Layers Panel

步骤1

按键盘上的 Alt-F9 键打开 "动作" 面板, 或者您可以通过 "菜单窗口 > 操作" 打开它。

Actions Panel

步骤2

选择文字 GLADIUS 图层并在 "动作" 面板中单击 "创建新组" 按钮, 并设置名称: 电影教程。  然后单击创建新动作, 设置名称: 3D 金色, 并点击记录开始录制按钮现在应该是红色的。

重要! 从现在开始, 按照此顺序执行所有步骤, 不需要任何其他鼠标点击或键盘点击。

Create New Action

3.创建和转换图层

步骤1

通过单击 "图层" 面板中的 "图层可见性" 图标, 使当前选定的文字 GLADIUS 图层不可见。

Make Layer Invisible

步骤2

右键单击文字 GLADIUS 图层, 然后从菜单中选择 "复制图层", 命名为: c1

Duplicate Layer Gladius

步骤3

通过单击 "图层可见性" 按钮, 使当前选定的 c1 图层可见, 然后右键单击该图层, 选择 "转换为智能对象"

Make Layer Visible

这些首要步骤将隐藏和复制原始文本图层, 动作将被应用于复制图层, 因此您的原始图层将不受影响。 通过将工作层转换为智能对象, 您可以确保动作将添加其效果无损。

步骤4

按此顺序复制图层:

  • 右键单击 c1 图层, 然后从菜单中选择 "复制图层", 命名为: b1
  • 右键单击 b1 图层, 然后从菜单中选择 "复制图层", 命名为: b2
  • 右键单击 b2 图层, 然后从菜单中选择 "复制图层", 命名为: b3
  • 右键单击 b3 图层, 然后从菜单中选择 "复制图层", 命名为: b4
  • 右键单击 b4 图层, 然后从菜单中选择 "复制图层", 命名为: b5
  • 右键单击 b5 图层, 然后从菜单中选择 "复制图层", 命名为: a1
Duplicate Layers b1 to a1

步骤5

选择 b2 图层, 打开菜单编辑 > 自由变换 (或Control-t), 取消选中 "保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 99.5%, 并在垂直位置 Y 处增加 1 像素(例如, 如果 Y 值: 287.55 像素, 将其更改为288.55 像素)。 最后, 按 Enter 键应用更改。

Transform Layer b2

步骤6

选择 b3 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 99%, 并在垂直位置 处增加 2 像素。 最后, 按 Enter 键应用更改。

Transform Layer b3

步骤7

选择 b4 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 98.5%, 并在垂直位置 Y 处增加 3 像素。 最后, 按 Enter 键应用更改。

Transform Layer b4

步骤8

选择 b5 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 98%, 并在垂直位置 Y 处增加 4 像素。 最后, 按 Enter 键应用更改。

Transform Layer b5

步骤9

选择 c1 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 98%, 并在垂直位置 Y 处增加 4 像素。 最后, 按 Enter 键应用更改。

Transform Layer c1

步骤10

双击 c1 层以应用以下图层样式:

使用以下设置添加任意颜色的描边:

  • 大小: 5 px
  • 位置: 外部

"确定" 应用所有更改, 然后右键单击该图层, 选择 "转换为智能对象"

Add a Stroke to c1

步骤11

按此顺序复制图层:

  • 右键单击 c1 图层, 然后从菜单中选择 "复制图层", 命名为: c2
  • 右键单击 c2 图层, 然后从菜单中选择 "复制图层", 命名为: c3
  • 右键单击 c3 图层, 然后从菜单中选择 "复制图层", 命名为: c4
  • 右键单击 c4 图层, 然后从菜单中选择 "复制图层", 命名为: c5
  • 右键单击 c5 图层, 然后从菜单中选择 "复制图层", 命名为: c6
  • 右键单击 c6 图层, 然后从菜单中选择 "复制图层", 命名为: c7
  • 右键单击 c7 图层, 然后从菜单中选择 "复制图层", 命名为: c8
  • 右键单击 c8 图层, 然后从菜单中选择 "复制图层", 命名为: c9
  • 右键单击 c9 图层, 然后从菜单中选择 "复制图层", 命名为: c10
Duplicate Layers c2 to c10

步骤12

选择 c2 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 99.5%, 并在垂直位置 Y 处增加 1 像素。 最后, 按 Enter 键应用更改。

Transform Layer c2

步骤13

选择 c3 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 99%, 并在垂直位置 Y 处增加 2 像素。 最后, 按 Enter 键应用更改。

Transform Layer c3

步骤14

选择 c4 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 98.5%, 并在垂直位置 Y 处增加 3 像素。 最后, 按 Enter 键应用更改。

Transform Layer c4

步骤15

选择 c5 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 98%, 并在垂直位置 处增加 4 像素。 最后, 按 Enter 键应用更改。

Transform Layer c5

步骤16

选择 c6 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 97.5%, 并在垂直位置 处增加 5 像素。 最后, 按 Enter 键应用更改。

Transform Layer c6

步骤17

选择 c7 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 97%, 并在垂直位置 处增加 6 像素。 最后, 按 Enter 键应用更改。

Transform Layer c7

步骤18

选择 c8 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 96.5%, 并在垂直位置 处增加 7 像素。 最后, 按 Enter 键应用更改。

Transform Layer c8

步骤19

选择 c9 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 96%, 并在垂直位置 Y 处增加 8 像素。 最后, 按 Enter 键应用更改。

Transform Layer c9

步骤20

选择 c10 图层, 打开菜单编辑 > 自由变换, 取消选中"保持纵横比" 按钮 (如果选中), 设置水平刻度 W: 95.5%, 并在垂直位置 Y 处增加 9 像素。 最后, 按 Enter 键应用更改。

Transform Layer c10

步骤21

选择 c2 图层, 按住 Shift 键的同时单击 c10 图层, 以选择 c2 - c10 所有图层。 右键单击这些图层中的任意一个, 然后选择从图层建立组, 填写名称: c2 , 点击确定。 然后右键单击创建的组, 然后从菜单中选择 "转换为智能对象"

Make Group of Layers c2 to c10

步骤22

选择 b1 图层, 按住 Shift 键的同时单击 b5 图层, 以选择 b1 - b5 所有图层。 右键单击这些图层中的任意一个, 然后选择从图层建立组, 填写名称: b1, 点击确定。   然后右键单击创建的组, 然后从菜单中选择 "转换为智能对象"

Make Group of Layers b1 to b5

步骤23

选择 a1 图层, 打开菜单编辑 > 自由变换对该图层进行变换操作, 取消选中保持纵横比按钮 (如果选中), 设置垂直比例 H: 99.5% , 按 Enter 键应用更改。

Transform Layer a1

步骤24

右键单击 a1 图层, 然后从菜单中选择 "复制图层", 命名为: a2

Duplicate Layer a1

步骤25

选择 c1 图层, 打开图层 > 排列 > 上移一层, 将 c1 移到 b1 c2 图层之间。

Arrange Layers

4. 添加图层样式

步骤1

选择 a2 图层并双击该图层应用以下图层样式:

"高级混合" 中的 "填充不透明度" 设置为0%

Set a Fill Opacity

步骤2

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

  • 样式: 描边浮雕
  • 方法: 平滑
  • 深度: 388%
  • 方向: 上
  • 大小: 120 px
  • 取消勾选 "使用全局光"
  • 角度:90 °
  • 高度:42°
  • 高光模式: 颜色减淡,色相为 #ffffff 不透明度: 58%
  • 阴影模式: 颜色加深,色相为 #010101 不透明度: 49%
Add a Bevel and Emboss

步骤3

当您仍处于 "斜面和浮雕" 选项卡中时, 请使用以下设置自定义创建光泽等高线:

轮廓曲线增加8个点。 若要添加点, 请单击曲线上的任意位置。 现在为每个点设置一个输入值和一个输出值。

  • 点 1-输入: 0% 输出: 0%
  • 点 2-输入: 20% 输出: 98%
  • 点 3-输入: 44% 输出: 6%
  • 点 4-输入: 54% 输出: 89%
  • 点 5-输入: 68% 输出: 11%
  • 点 6-输入: 73% 输出: 91%
  • 点 7-输入: 88% 输出: 10%
  • 点 8-输入: 100% 输出: 32%
Create a Custom Contour

步骤4

使用以下设置添加描边:

  • 大小: 1 px
  • 位置: 内部
  • 混合模式: 正常
  • 颜色: #9a8868
Add a Stroke

步骤5

使用以下设置添加内阴影:

  • 混合模式: 线性减淡 (添加) ,颜色 #ffffff
  • 不透明度: 45%
  • 取消勾选 "使用全局光"
  • 角度:-90 °
  • 距离: 3 px
  • 阻塞: 0%
  • 大小: 0 px

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

Add an Inner Shadow

步骤6

选择 a1 图层并双击该图层以应用以下图层样式:

使用以下设置添加内阴影:

  • 混合模式: 线性减淡 (添加) ,颜色 #ffffff
  • 不透明度: 34%
  • 取消勾选 "使用全局光"
  • 角度:90 °
  • 距离: 3 px
  • 阻塞: 0%
  • 大小: 0 px
Add an Inner Shadow

步骤7

使用以下设置添加内发光:

  • 混合模式: 颜色减淡
  • 不透明度: 22%
  • 选择颜色 #ffffff
  • 方法: 柔和
  • : 边缘
  • 阻塞: 0%
  • 大小: 3 px
Add an Inner Glow

步骤8

使用这些设置添加光泽:

  • 混合模式: 线性加深, 颜色 #772000
  • 不透明度: 37%
  • 角度:90 °
  • 距离: 2 px
  • 大小: 2 px
  • 取消勾选 "反相" 
Add a Satin

步骤9

使用这些设置添加颜色叠加:

  • 混合模式: 颜色
  • 选择颜色 #908770
  • 不透明度: 100%
Add a Color Overlay

步骤10

使用这些设置添加渐变叠加:

  • 混合模式:正常
  • 不透明度: 100%
  • 样式: 线性
  • 角度:0°
  • 缩放: 150%
  • 单击渐变并设置颜色渐变点:
  • 渐变点 1-颜色: #4c4c4c 位置: 0%
  • 渐变点 2-颜色: #8f8f8f 位置: 32%
  • 渐变点 3-颜色: #ffffff 位置: 44%
  • 渐变点 4-颜色: #8f8f8f 位置: 53%
  • 渐变点 5-颜色: #ffffff 位置: 62%
  • 渐变点 6-颜色: #8f8f8f 位置: 66%
  • 渐变点 7-颜色: #616161 位置: 100%
Add a Gradient Overlay

步骤11

使用这些设置添加投影:

  • 混合模式: 线性加深
  • 选择颜色 #010101
  • 不透明度: 10%
  • 距离: 0 px
  • 扩展: 50%
  • 大小: 2 px

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

Add a Drop Shadow

步骤12

选择 b1图层, 然后双击该图层应用以下图层样式:

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

  • 样式: 内斜面
  • 方法: 平滑
  • 深度: 256%
  • 方向: 上
  • 大小: 250 px
  • 取消选中 "使用全局光"
  • 角度: 90°
  • 高度: 42°
  • 高亮模式: 颜色减淡, 颜色 #ffffff , 不透明度: 58%
  • 阴影模式: 颜色 #010101 , 不透明度: 49%
Add a Bevel and Emboss

步骤13

当您仍处于 "斜面和浮雕" 选项卡时, 请使用以下设置自定义创建光泽等高线:

在轮廓曲线增加9个点, 并为每个点设置输入值输出值

  • 点 1-输入: 0% 输出: 0%
  • 点 2-输入: 18% 输出: 42%
  • 点 3-输入: 36% 输出: 15%
  • 点 4-输入: 49% 输出: 39%
  • 点 5-输入: 54% 输出: 89%
  • 点 6-输入: 67% 输出: 39%
  • 点 7-输入: 73% 输出: 91%
  • 点 8-输入: 88% 输出: 10%
  • 点 9-输入: 100% 输出: 32%

单击 "新建" 按钮并设置名称: "我的等高线" 来保存。 稍后你会用上它。

Create a Custom Contour

步骤14

使用以下设置添加内发光:

  • 混合模式: 颜色减淡
  • 不透明度: 22%
  • 选择颜色 #ffffff
  • 方法: 柔和
  • : 边缘
  • 阻塞: 0%
  • 大小: 3 px
Add an Inner Glow

步骤15

使用这些设置添加颜色叠加:

  • 混合模式: 正常
  • 选择颜色 #9a8868
  • 不透明度: 100%
Add a Color Overlay

步骤16

使用这些设置添加投影:

  • 混合模式: 线性加深
  • 选择颜色 #010101
  • 不透明度: 10%
  • 距离: 0 px
  • 扩展: 50%
  • 大小: 2 px

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

Add a Drop Shadow

步骤17

选择 c1图层, 然后双击该图层应用以下图层样式:

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

  • 样式: 内斜面
  • 方法: 平滑
  • 深度: 256%
  • 方向: 上
  • 大小: 250 px
  • 取消选中 "使用全局光"
  • 角度: 90°
  • 高度: 42°
  • 光泽等高线: 选择以前保存好的我的等高线
  • 高亮模式: 颜色减淡, 颜色 #ffffff 不透明度: 58%
  • 阴影模式: 颜色加深, 颜色 #010101, 不透明度: 49%
Add a Bevel and Emboss

步骤18

使用这些设置添加内阴影:

  • 混合模式: 线性减淡 (添加) ,颜色 #ffffff
  • 不透明度: 38%
  • 距离: 0 px
  • 阻塞: 28%
  • 大小: 9 px
Add an Inner Shadow

步骤19

使用以下设置添加内发光:

  • 混合模式: 线性加深
  • 不透明度: 13%
  • 选择颜色 #000000
  • 方法: 柔和
  • : 边缘
  • 阻塞: 0%
  • 大小:32 px
  • 范围: 45%
Add an Inner Glow

步骤20

使用这些设置添加颜色叠加:

  • 混合模式: 变亮
  • 选择颜色 #ccc092
  • 不透明度: 46%
Add a Color Overlay

步骤21

使用这些设置添加渐变叠加:

  • 混合模式: 正常
  • 不透明度: 100%
  • 样式: 线性
  • 角度: 80°
  • 缩放: 100%
  • 单击渐变并设置这些颜色渐变点:
  • 渐变点 1-颜色: #6c5b48 位置: 0%
  • 渐变点 2-颜色: #e2cd96 位置: 28%
  • 渐变点 3-颜色: #e2cd96 位置: 45%
  • 渐变点 4-颜色: #6c5b48 位置: 63%
  • 渐变点 5-颜色: #e2cd96 位置: 85%
  • 渐变点 6-颜色: #eed89c 位置: 87%
  • 渐变点 7-颜色: #e2cd96 位置: 92%
  • 按 "新建" 按钮将此渐变保存到预设中。 在下一步中, 您将再次使用此渐变。

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

Add a Gradient Overlay

步骤22

选择 c2 图层, 然后双击该图层以应用以下图层样式:

在上一步保存到预设渐变叠加中增加如下设置:

  • 混合模式: 正常
  • 不透明度: 100%
  • 样式: 线性
  • 角度: 90°
Add a Gradient Overlay

步骤23

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

  • 样式: 内斜面
  • 方法: 雕刻柔和
  • 深度: 184%
  • 方向: 上
  • 大小:76 px
  • 软化:15 px
  • 取消选中 "使用全局光"
  • 角度: 96°
  • 高度: 42°
  • 高亮模式: 颜色减淡,颜色 #ffffff 不透明度: 44%
  • 阴影模式: 线性加深, 颜色 #010101 不透明度: 56%
Add a Bevel and Emboss

步骤24

使用这些设置添加投影:

  • 混合模式: 线性加深, 颜色 #010201
  • 不透明度: 39%
  • 取消选中 "使用全局光"
  • 角度: 90°
  • 距离: 8 px
  • 扩展: 0%
  • 大小: 7 px

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

Add a Drop Shadow

5. 最后润色

现在已经快要完成了。 您可以在 "图层" 面板中看到这些图层: a2、a1、b1、c1、c2、GLADIUS 背景图层。 让我们在稍微整理一下。

步骤1

选择 c2 图层时, 按住 Shift 键同时单击 a2 图层, 以选择 c2, a2 以及两者之间的所有图层。 右击这些图层中任意一个, 然后选择从图层建立组, 填写名称: 电影效果, 点击确定

Make Group of Layers c2 to a2

步骤2

现在停止记录动作。 单击 "动作" 面板中的 "停止播放/记录" 按钮。

Stop Recording an Action

如上应该是您做出的最终结果。

Final Result

从现在起, 您可以在任何文本上播放此操作。 在 "图层" 面板中选择文本图层, 在 "动作" 面板中选择 3D 金色动作, 然后按 "播放" 按钮。

Action Example

恭喜您! 完成了所有操作。

在本教程中, 我们学习了如何记录 3D 电影文本效果的动作。

我们从准备资源和一些示例文本开始, 然后开始记录动作。 之后, 我们创建并转换了多个图层。 最后, 我们添加了不同的图层样式, 并完成了我们的动作记录。

我们刚刚创建的这个动作是在 GraphicRiver 上我的作品 3D Cinematic Text Generator 的一部分。

3D Cinematic Text Generator
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.