Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在PS中创建一个3D剪纸文字效果

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

本教程将向你展示如何使用 Photoshop 的 3D 工具和设置以及一些调整图层来创建 3D 纸质文本效果。让我们开始吧!

这种文本效果受到 GraphicRiver 上可用的许多图层样式的启发。

教程资源

在本教程的制作过程中使用了以下资源:

1.如何创建文本形状图层

步骤 1

创建一个新的1250 x 800 px文档。

然后,使用字体 Built Titling Bold 创建全部大写的文本。将大小设置为 300 pt,将字距设置为100

Create the Text

步骤 2

将文本图层重命名为文本,然后右键单击并选择 转换为形状

Convert to Shape

步骤 3

文本图层复制两次,然后将第一个副本重命名为“底部”,将第二个副本重命名为“顶部”。

Duplicate the Text Layer

2.如何减去形状

步骤 1

拖动参考线,放置在你想要将文本分开的位置,以便使其在 3D 效果中弯曲。

Add a Guide

步骤 2

选择矩形工具,确保选中顶部图层,然后按住 Option 键来减去形状。【译者注,windows 里按 alt 键,使用时光标会带有“-”号,此为布尔算法的减去形状的快捷键。】

单击拖动以创建一个矩形,覆盖文本的下半部分,从你添加的参考线开始。你可以释放 Option 键,如果需要,使用空格键移动矩形。

Remove the Lower Part

步骤 3

创建矩形后,底部部分将被移除。

要清理路径,请单击选项栏中的路径操作图标,然后选择合并形状组件选项【译者注,呈现的效果是此图层的文字形状的下半部分被移除】。

Merge Shape Components

步骤 4

底部图层重复相同的步骤 ,此次减去上半部分。

Remove the Upper Part

3.如何创建 3D 背景图层

步骤 1

矩形工具仍然被选中的情况下,创建一个新的矩形形状,这个长方形在文档的边缘之外扩展很多,将该图层命名为背景

Create a Background Rectangle

步骤 2

复制背景图层,然后选择矩形副本文本图层。

Duplicate the Background Layer

步骤 3

前往 图层 > 合并形状 > 减去重叠处形状。这将从矩形背景形状中减去文本。

Subtract Shapes at Overlap

4.如何将形状图层转换为 3D 图层

步骤 1

对于你有的每个形状图层,依次选中,然后从所选路径转到 3D > 从所选路径新建3D模型

Create the 3D Layers

步骤 2

选择所有 3D 图层,然后转到 3D > 合并 3D 图层

Merge 3D Layers

5.如何使用 3D 场景

步骤 1

要使用 3D 网格设置和属性,你需要打开两个面板:3D 面板和“属性”面板(均位于“窗口”菜单下)。

3D 面板具有 3D 场景的所有组件,并且当你单击其中任何一个的名称时,你将能够在“属性”面板中访问其设置。因此,在你想要在“属性”面板中更改其设置之前,请务必始终在 3D 面板中选择要修改的元素的选项卡。

3D and Properties Panel

步骤 2

如果选择移动工具,你将在操作栏右侧找到一组 3D 模式

当你选择其中之一时,你可以单击并拖动以执行更改(在 3D 面板中的所选元素上)。

Move Tool 3D Modes

6.如何修改 3D 网格设置

步骤 1

3D 面板中选择顶部底部背景网格选项卡,然后在“属性”面板中将“凸出深度”更改为 2 px

Extrusion Depth

步骤 2

选择文本网格选项卡,然后将其凸出深度更改为 5 px

Extrusion Depth

步骤 3

选择所有网格选项卡,然后单击属性面板顶部的坐标图标,并将 X 旋转角度更改为 90

X Rotation Angle

步骤 4

单击 3D 面板菜单图标,然后选择将对象移到地面

如果仍然看不到所有的 3D 网格,你可以前往 3D > 封装地面上的对象,或者选择每个网格并将其分别移动到地面

Move Meshes to Ground Plane

7.如何重新定位 3D 网格

步骤 1

选择移动工具,并使用 3D 轴移动场景中的 3D 网面。

轴端部的箭头移动网面,其下方的部分用于旋转,立方体用于缩放。中心的立方体用于均匀地缩放物体。所有你需要做的是单击并拖动你想要的部分。

Reposition the Meshes

步骤 2

你也可以单击“当前视图”选项卡,然后在“属性”面板中选择任意 视图 下拉菜单选项,以帮助你更好地放置网面。

Change the Camera Views

步骤 3

请记住,你可以使用移动工具3D 模式来调整视图。

Move Tool 3D Modes

步骤 4

在“背景”和“文本”网面之间保留一小段距离,以创建一些空间。

在不同的视图之间可能需要一段时间和多次反复,但是你应该得到如下所示的结果。

你可以随时进行任何调整,特别是在应用材料和调整照明后。

Repositioned Text

8.如何创建明亮的背景材料

步骤 1

选择所有材质选项卡,然后单击漫射纹理图标,然后选择移除纹理

Remove Diffuse Texture

步骤 2

选择背景前膨胀材质选项卡,然后使用以下设置:

(使用的颜色值为RGB。)

  • 漫射:197,163,163
  • 镜像:239,226,231
  • 发光:145,76,84
  • 闪亮:50
  • 反射:10
Background Front Inflation Material

9.如何使用两种材料创建背景

步骤 1

选择文本 前膨胀材质选项卡,然后使用以下设置:

  • 漫射:231,228,228
  • 镜像:239,235,230
  • 发光:35,34,32
  • 闪亮:50
Text Front Inflation Material

步骤 2

单击 凹凸 文件夹图标,然后选择 载入纹理,然后打开Smooth_stucco_flat_white_paint_plaster_wall_textur图像。

Load Bump Texture

步骤 3

单击凹凸纹理图标,然后选择编辑 UV 属性

Edit UV Properties

步骤 4

调整“平铺”和“位移”值,直到调整为你喜欢的效果。

Edit UV Properties

步骤 5

凹凸 值降至3

Bump Value

步骤 6

选择文本 前斜面材质文本凸出材质文本后斜面材质选项卡,并使用以下设置:

  • 漫射:197,163,163
  • 镜像:239,226,231
  • 发光:145,76,84
  • 闪亮:50
  • 反射:10
Illuminating Material

10.如何创建 3D 纸材料

步骤 1

选择底部前膨胀材质选项卡,然后使用以下设置:

  • 漫射:231,228,228
  • 镜像:239,235,230
  • 发光:35,34,32
  • 闪亮:50

使用相同的凹凸纹理。

Bottom Front Inflation Material

步骤 2

根据需要调整 UV 属性值。

Edit UV Properties

步骤 3

单击材质选择器框,然后单击弹出菜单图标,然后选择新建材质

Add New Material

步骤 4

键入材料的名称,然后单击确定

Material Name

步骤 5

选择顶部和底部材料选项卡的其余部分。

打开材料选择器,向下滚动到你刚刚保存的材质图标,然后单击它将其应用于所选材料。

Apply Saved Material

11.如何调整 3D 场景的照明

步骤 1

单击 3D 面板中的 无限光 1 选项卡,然后在“属性”面板中将“类型”更改为 聚光灯

聚光灯使用这些设置:

  • 强度:65
  • 阴影 柔和度:30
  • 聚光:10
  • 锥形:25
  • 检查 光照衰减
  • 内径:1000
  • 外径:3000

你也可以使用你喜欢的任何其他值。

Spot Light Settings

步骤 2

使用移动工具坐标值来重新定位聚光灯,直到获得所需的照明。

Move the Spot Light

步骤 3

单击环境选项卡,并将强度更改为25%

完成后,确保所有网格都放置好,并为场景选择最终的相机视图。

Environment Light

12.如何创造景深效应

步骤 1

选择“场景”选项卡,然后从“预设”下拉菜单中选择“隐藏线框”选项。

这将有助于你更好地查看失焦效应。

Hidden Wireframe

步骤 2

选择当前视图选项卡,并将景深的深度值更改为 8

根据你拥有的摄像机角度,你可能需要使用不同的距离深度值。隐藏线框视图将帮助你在更改值时看到结果。

Depth of Field Values

步骤 3

返回到“场景”选项卡,并将其设置为“默认”。

Default Scene Preset

步骤 4

如果没有其他任何你想要更改的内容,请前往 3D > 渲染 3D 图层 来渲染场景。

渲染可能需要一段时间,但你可以随时按 Esc 键停止。

Render the Scene

13.如何调整渲染场景

步骤 1

单击“图层”面板底部的“新建填充图层”或“新建调整图层”图标,然后选择“可选颜色”。

Selective Color

步骤 2

选择红色并使用以下设置:

  • 青色:-35
  • 洋红色:30
  • 黄色:10
  • 黑色:5
Reds Settings

步骤 3

添加曲线调整图层【译者注,在图层 > 新建调整图层中】,将其“混合模式”更改为“变亮”,并创建一个曲线,创建你喜欢的最终效果。

Curves Settings

恭喜你完成了!

在本教程中,我们创建了用于效果的文本和背景形状图层。 然后,我们将形状图层转换为 3D 图层并调整其网面设置。

之后,我们重新定位网面,创建不同的材质,调整照明,增加景深效果,并渲染 3D 场景。

最后,我们使用调整图层来完成效果。

请随时留下你的意见,建议和结果。

Final Result
Envato qr branded
关注我们的公众号
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.