PS制作大理石+玫瑰金的3d立体文字效果

时间:2022-09-30 浏览:30

大理石/玫瑰金组合是流行的极简主义趋势之一,几乎无处不在,从家居装饰到文具,炊具等。本教程将向您展示如何使用Photoshop的形状、 3D工具、材质以及光线设置来创造大理石和玫瑰金的文字效果。在本教程中,我们创建了几个将文本分成两部分的形状图层。然后,我们将形状图层转换为3D网格并调整其设置。之后,我们创造了大理石和玫瑰金材质,调整了现场的光照。最后,我们渲染了最终的结果,并添加了一个简单的植物图像来完成效果。那么,让我们开始吧!

效果图:

ps制作大理石+玫瑰金的3d立体文字效果

教学素材:

在本教程的制作过程中使用了以下素材:

Kaiju字体

大理石素材

无缝金纹理

家居室内设计

植物素材

主要过程:

1.创建背景和文本形状

步骤1

创建一个1000 x 750 px的新文档。

单击图层面板底部的“创建新的填充或调整图层”图标,选择“ 纯色”,然后设置颜色: #e8e4e1。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

用Kaiju字体创建文本,设置大小为250 pt。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

右击文本图层,然后选择“ 转换为形状”。

ps制作大理石+玫瑰金的3d立体文字效果

2.如何创建加法形状图层

步骤1

你需要将文字形状图层重命名为“Maeble”,复制一份并重命名为“Rose Gold”。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择“钢笔工具”,将前景色设置为红色,然后在选项栏中选择“形状 ” 选项。

绘制一个形状,覆盖你想要变成玫瑰金文字的部分。

按住shift键在同一图层中添加一个新的形状。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

复制形状1图层,将形状1图层放置在Maeble图层上方,复制层放置在Rose Gold图层上方。

然后,隐藏Maeble图层和形状1图层。

ps制作大理石+玫瑰金的3d立体文字效果

3.如何移动形状的锚点

步骤1

选中形状1复制图层后,选中“直接选择工具”。

接下来你需要做的是让红色的形状覆盖文本的另一部分。

按住Shift键点击形状外围的几个锚点。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

单击并拖拽所选中的锚点到另一侧,覆盖住文本形状的其他部分。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

然后,调整各个锚点来生成所需的形状。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

对剩下的字母重复上一步骤。

ps制作大理石+玫瑰金的3d立体文字效果

4.如何减去形状

步骤1

使所有图层可见,选择Rose Gold和形状1复制图层将其放在顶层。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择图层>合并形状>减去顶层形状,并将生成的图层重命名为Rose Gold。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

选中“直接选择工具”,单击选项栏中的“路径操作”图标,然后选择“合并形状组件”。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

对Marble层和形状1图层重复上一步。

ps制作大理石+玫瑰金的3d立体文字效果

5.如何创建3D图层

步骤1

选中Marble图层和Rose Gold图层,然后选择3D > 从所选路径新建3D模型。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选中两个3D图层,然后选择3D>合并3D图层。

ps制作大理石+玫瑰金的3d立体文字效果

6.如何使用3D场景

步骤1

打开两个面板:3D面板和“属性”面板(均位于“ 窗口”菜单下)。

所有3D场景的组件都在3D面板中,当你点击任一名称,就可以访问其属性面板的设置项。因此,在更改属性面板中的设置之前,请务必确认在3D面板中选择要修改的元素的选项卡。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

如果选中移动工具,你会在在选项栏右侧找到一组“3D模式”。当选择其中之一时,你可以单击并拖动执行更改(在3D面板中的所选元素)。

使用这些模式将“当前视图”更改为你喜欢的角度。

ps制作大理石+玫瑰金的3d立体文字效果

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

步骤1

在3D面板中选择“Marble”和“Rose Gold”选项卡,并将属性面板中的“凸出深度”更改为50像素。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择“Marble”选项卡,然后单击属性面板顶部的“盖子”图标。将“边”改为前部和背面,斜面宽度为2%,等高线为半圆。

ps制作大理石+玫瑰金的3d立体文字效果

8.如何创建大理石材质

步骤1

选择所有“Marble材质”选项卡,然后使用以下设置:

颜色值用RGB表示为:

镜像:217,217,217闪亮:30%反射:10%凹凸:10%

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择“Marble前膨胀材质”选项卡,然后单击“漫射”纹理图标,选择“替换纹理”,打开marble_by_austrich图像。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

想要看的更清晰,请单击3D面板中的“ 无限光”选项卡,将“强度”设置为35%  ,将“ 阴影柔和度”更改为30%。然后使用“移动工具”,点击四处拖动光源,直到你可以看到材质。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

再次单击“漫射”纹理图标,然后选择“编辑UV属性”。

ps制作大理石+玫瑰金的3d立体文字效果

步骤5

更改“平铺”值,直到出现你喜欢的纹理外观。

ps制作大理石+玫瑰金的3d立体文字效果

9.如何重新添加材质纹理

步骤1

选择剩余的“Marble材质”选项卡,单击“漫射”纹理图标,然后从列表中选择marble_by_austrich。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择“Marble”选项卡,并将其“纹理映射”更改为平铺。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

之后,你可以单独修改每种材料的“UV属性”,以获得你喜欢的结果。

ps制作大理石+玫瑰金的3d立体文字效果

10.如何创建玫瑰金材质

步骤1

选择所有“Rose Gold材质”选项卡,单击“漫射”纹理图标,然后选择移去纹理。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

设置如下:

颜色值用RGB表示为:

漫射:238,107,77镜像:217,157,143闪亮:70%反射:35%凹凸:1%

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

选择“Rose Gold”选项卡,将其“纹理映射”更改为平铺。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

选择”Rose Gold凸出材质“选项卡,单击“凹凸”文件夹图标,然后选择载入纹理,打开“无缝金纹理”图片。

ps制作大理石+玫瑰金的3d立体文字效果

步骤5

你可以暂时增加“凹凸”值,以便更清晰地看到纹理。编辑“凹凸”纹理的“UV属性”,达到你喜欢的结果。

ps制作大理石+玫瑰金的3d立体文字效果

11.如何编辑凹凸纹理

步骤1

单击“凹凸”纹理图标,然后选择“编辑纹理”。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

此时打开的是纹理文件。

添加“黑白”调整图层并使用以下设置:

红色: 40黄色: 60绿色: 40青色: 60蓝色: 20洋红: 80

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

添加“亮度/对比度”调整图层,选择使用旧版,并将对比度更改为-50。

保存并关闭文件。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

将“凹凸”值更改回1%。

ps制作大理石+玫瑰金的3d立体文字效果

12.如何调整3D场景的光线

步骤1

选择“无限光”选项卡,单击“属性”面板顶部的“坐标”图标,设置数值如下。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

单击3D面板底部的“将新光照添加到场景”图标,然后选择“新建点光”。

ps制作大理石+玫瑰金的3d立体文字效果

步骤3

更改“点光”的强度和阴影柔和度值为30% ,选择“光照衰减”,并改变内径值350和外经值500。

ps制作大理石+玫瑰金的3d立体文字效果

步骤4

将“点光”放在文本的顶部,并向右移动一点。设置数值如下。

ps制作大理石+玫瑰金的3d立体文字效果

步骤5

选择“环境”选项卡,单击“IBL”纹理图标,选择“替换纹理”,打开家居室内设计图像。

ps制作大理石+玫瑰金的3d立体文字效果

步骤6

将“ 强度”改为35%  ,将地面阴影的“不透明度”更改为30%。

ps制作大理石+玫瑰金的3d立体文字效果

步骤7

选择最终的摄影机视角,使用“移动工具”单击并拖动环境纹理。

这是确定最终反射和整体照明的重要一步。

ps制作大理石+玫瑰金的3d立体文字效果

13.如何渲染和调整渲染3D场景

步骤1

选择3D>渲染3D图层。渲染可能需要一段时间,可以随时按Esc 键停止。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

添加一个“色阶”调整图层,将其剪切到3D图层里,将阴影值更改为5,将中间调设置为1.10,将高光更改为237。

ps制作大理石+玫瑰金的3d立体文字效果

14.如何添加植物图像

步骤1

选择文件>置入链接的智能对象,打开植物图片并根据需要调整大小。

将图层重命名为“植物”,并移动到右侧,只显示一部分叶子。

ps制作大理石+玫瑰金的3d立体文字效果

步骤2

选择滤镜>模糊>高斯模糊,半径值为5。

ps制作大理石+玫瑰金的3d立体文字效果

恭喜!你完成了

ps制作大理石+玫瑰金的3d立体文字效果

教程结束,以上就是ps制作大理石+玫瑰金的3d立体文字效果的全部内容,希望大家喜欢!

原文地址:tutsplus

作者:Rose

译者:学UI网翻译社-Ethan