Ethan

jiaozuoye

小编:今天@Ethan为大家带来一篇关于PS 3D的教程,制作大理石+玫瑰金的文字效果。主要使用形状工具、 3D工具、材质以及光线设置来制作,完成的效果比较真实,大家可以跟着教程一步一步的来。所需素材已经打包好,小伙伴们可以在文末自行下载。

组-6

大理石/玫瑰金组合是流行的极简主义趋势之一,几乎无处不在,从家居装饰到文具,炊具等。本教程将向您展示如何使用Photoshop的形状、 3D工具、材质以及光线设置来创造大理石和玫瑰金的文字效果。让我们开始吧!

 

教学素材

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

  • Kaiju字体
  • 大理石素材
  • 无缝金纹理
  • 家居室内设计
  • 植物素材

 

 

1.创建背景和文本形

步骤1

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

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

Step_01_1

 

步骤2

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

Step_01_2

 

步骤3

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

Step_01_3

 

 

2.如何创建加法形状图

步骤1

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

Step_02_1

 

步骤2

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

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

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

Step_02_2

 

步骤3

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

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

Step_02_3

 

 

3.如何移动形状的锚

步骤1

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

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

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

Step_03_1

 

步骤2

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

Step_03_2

 

步骤3

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

Step_03_3

 

步骤4

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

Step_03_4

 

 

4.如何减去形

步骤1

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

Step_04_1

 

步骤2

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

Step_04_2

 

步骤3

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

Step_04_3

 

步骤4

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

Step_04_4

 

 

5.如何创建3D

步骤1

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

Step_05_1

 

步骤2

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

Step_05_2

 

 

6.如何使用3D

步骤1

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

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

Step_06_1

 

步骤2

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

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

Step_06_2

 

 

7.如何修改3D网格设

步骤1

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

Step_07_1

 

步骤2

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

Step_07_2

 

 

8.如何创建大理石材质

步骤1

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

颜色值用RGB表示为:

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

Step_08_1

 

步骤2

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

Step_08_2

 

步骤3

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

Step_08_3

 

步骤4

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

Step_08_4

 

步骤5

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

Step_08_5

 

 

9.如何重新添加材质纹

步骤1

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

Step_09_1

 

步骤2

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

Step_09_2

 

步骤3

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

Step_09_3

 

 

10.如何创建玫瑰金材

步骤1

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

Step_10_1

 

步骤2

设置如下:

颜色值用RGB表示为:

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

Step_10_2

 

步骤3

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

Step_10_3

 

步骤4

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

Step_10_4

 

步骤5

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

Step_10_5

 

 

11.如何编辑凹凸纹

步骤1

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

Step_11_1

 

步骤2

此时打开的是纹理文件。

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

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

Step_11_2

 

步骤3

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

保存并关闭文件。

Step_11_3

 

步骤4

将“凹凸”值更改回1。

Step_11_4

 

 

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

步骤1

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

Step_12_1

 

步骤2

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

Step_12_2

 

步骤3

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

Step_12_3

 

步骤4

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

Step_12_4

 

步骤5

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

Step_12_5

 

步骤6

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

Step_12_6

 

步骤7

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

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

Step_12_7

 

 

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

步骤1

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

Step_13_1

 

步骤2

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

Step_13_2

 

 

14.如何添加植物图像

步骤1

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

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

Step_14_1

 

步骤2

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

Step_14_2

 

 

恭喜!你完成

在本教程中,我们创建了几个将文本分成两部分的形状图层。然后,我们将形状图层转换为3D网格并调整其设置。之后,我们创造了大理石和玫瑰金材质,调整了现场的光照。最后,我们渲染了最终的结果,并添加了一个简单的植物图像来完成效果。

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

Step_15

 

down1121

 

 

看完教程咱们交作业咯!点我直达作业提交页面>>

原文地址:tutsplus

作者:

译者:学UI网翻译社-Ethan

组-8

转载请注明:学UI网—UI设计师学习教程平台 » 大理石与金属碰撞的文字效果[PS教程]

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
2.5D收音机教程2.5D收音机教程
Pixel Sorter创建潮流线粒风格!Pixel Sorter创建潮流线粒风格!
海盗插画教程【教程】海盗插画教程【教程】
一起制作Alphabear图标[AI教程]一起制作Alphabear图标[AI教程]
?