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

在 Photoshop CS6 中创建 3D 橡胶和玻璃文本

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Photoshop.
Use Retouching Techniques to Create a Caricature From a Photo
Create a Devastating Tidal Wave in Photoshop

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

在本教程中,我们将解释如何使用矢量编辑和 3D 功能的 Photoshop 打造橡胶和玻璃 3D 文本。 在这个过程中,我们将向您展示如何创建材料、 修改照明、 渲染场景,以及最后,如何提高最终结果的颜色。 让我们开始吧 !


教程的资产

在本教程的生产过程中采用以下资产。 请在你开始之前,下载它们。 如果资产不可用你可能需要找到替代品。


1.创建主要形状和文本

第 1 步

创建一个新的 1000 × 750 像素文档,和用 #c2c2c2 的颜色填充背景。 然后,创建使用全部大写的义人的字体的文本。 颜色是 #484848,大小为 255 pt。

第 2 步

转到类型 > 转换为形状。

第 3 步

选择钢笔工具。 然后,在选项栏中,选择路径,然后单击路径操作图标以从选择中选择减。 你需要下一步,做的是删除文本形状的随机备品。 请务必通过一次单击来添加每个角落的减去一部分,绘制多边形的形状,请务必单独关闭每个路径。

第 4 步

尽量不要删除很大或很多地方。 文本需要保持字迹清晰。

第 5 步

一旦你完成去除多边形,再次单击路径操作图标,并单击合并形状组件下的弹出菜单。

这会将所有路径都合并为一个形状。


2.把字母

第 1 步

而不把信件放在 3D 场景中,可以是有点更加困难和耗时,我们打算去移动和旋转字母现在。

要这样做,选择直接选择工具,然后单击并拖动周围这封信以选中它 (它的锚点)。

第 2 步

转到编辑 > 自由变换 (CTRL + T) 进入自由变换模式。 然后在此基础上,将这封信拖到你想要,旋转在其新位置。 你也可以使用键盘上的箭头键移动这封信。

它是重要的保持尽可能少字母,尽可能坐在彼此之间的距离,但别让他们相交或粘在一起。 如果没有空的空间,他们会挤压成一个三维网格。

当你完成后时,点击 enter 键/返回以接受更改。

第 3 步

如果字母重叠,并且您不能通过单击和拖动选择所有锚点,你可以 SHIFT + 分别单击其余的锚点。


3.创建内部部件

第 1 步

设置前景色为白色,选择矩形工具,绘制一个矩形,它是 10 像素宽和 155 px 长。

第 2 步

接下来,你会需要重复的矩形,然后将它放到一个已删除的部分,然后再复制和将它放到另一个部分,等等。 矩形将用于填充在直线部分 (不弯曲或弯曲的区域)。

当您将该矩形时,进入自由变换模式下,旋转,缩放,并扩展它只是一点点文本形状内。 别忘了敲击 ENTER 回车键,之后确认更改。

Step 3

使用原始矩形填充的最后一个空的直线部分 (不需要创建一份副本给那个)。

Step 4

将使用椭圆工具创建的其余部分。 确保在选项栏中选中了形状选项然后按,按住 SHIFT 键,并单击并拖动打造一个完美的圆圈。 而这样做,你可以按住空格键并移动周围的圆圈,直到你把它放在区域内部要填充。

不正是在这封信的中心地方圈子。 相反,伸展它一点点从中心向外。 您可以创建它,同时检查圆的宽度和高度值或选项栏中,可以事后检查他们。

Step 5

单击减去从选项栏中选择图标,然后重复相同的步骤来创建另一个圈子里面那个以前创建过,但是这一次,创建它 20 px 少在宽度和高度,所以,它从原始的圈子中减去后,剩余部分宽度将 10 px。

Step 6

你会需要这封信,他们在里面放上大小不同的大小创建圈子。

为其余的圈重叠的地方以字母本身信件,使用钢笔工具来摆脱多余的部分,然后单击合并形状组件 (就像你从前在步骤 1-3 和 1 5。

Step 7

你总是可以缩放和旋转零件,直到你喜欢最后的结果。

Step 8

当你完成后时,选择所有形状图层,除了主要文本 (点击最后一层,然后 SHIFT + 单击第一) 和去层 > 合并的形状。 在 Photoshop CS6,这将会做什么,是合并所有选定形状图层在一个形状图层,栅格化没有他们。 将该图层重命名为内部形状。


4.创建场景的其余部分

第 1 步

复制背景图层,它拖到所有图层,并调用它的地面。 重复的地面层,然后将它重命名为墙。

Step 2

再次使用矩形工具来创建 10 x 25 像素的矩形,并确保单击选项栏中的一个形状图层,在创建它们的结合形状图标,称之为玻璃。

它们将被添加文本,周围,这样你就可以创建任何你喜欢的一样多。 如果你想要放置几个彼此重叠,则更好地做到这一点,当您创建的形状,它们之间留下 1 px 距离。

然后在一个单独的形状图层中创建一些 50 x 50 px 正方形,称之为橡胶。


5.创建 3D 图层

Step 1

为每个形状图层,选择它,然后转到 3D > 新 3D 挤压从选定的路径,和其它两个图层,选择每一个,然后转到 3D > 新网从层 > 明信片。

Step 2

3D 图层现在是分开的这意味着每个网格是在不同的场景。 要将所有的元素放在一个场景中,选择所有的 3D 图层,然后转到 3D > 合并 3D 图层。


6. 3D 场景和面板

Step 1

若要访问的三维网格设置和属性,您需要打开两个面板︰ 3D 面板和属性面板 (两个在窗口菜单下找到)。

3D 面板具有 3D 场景的所有组件和当您单击的任何一项的名称,您将能够访问它在属性面板中的设置。 所以一定要始终选择你想要在 3D 面板中修改之前更改它的设置,在属性面板中的元素的名称。

Step 2

选择移动工具,并检查其选项栏。 你会发现一套 3D 模式下为栏的右边的工具。 当您选择其中之一时,你可以然后单击并拖动以执行任何更改 (在 3D 面板中的选定元素)。

所以请单击当前视图选项卡,在 3D 面板中,然后单击和拖动在 3D 场景改变相机视图的任何空白区域但不动网格的任何尚未。


7.修改 3D 网格

Step 1

接下来,我们会开始调整不同网格在场景中的一些基本网格设置。

单击正文三维网格名称在 3D 面板中,然后在属性面板中,将其挤压深度设置为 50。

Step 2

单击顶部的属性面板中,章图标,然后更改锥宽度为 5 及其半轮轮廓。

Step 3

更改内部形状网格挤压深度到 20。

Step 4

将锥宽度更改为 20 和轮廓到半轮。

Step 5

改变玻璃网格挤压深度到 200。 我们会规模这以后的所以任何值将做为现在。

Step 6

将锥宽度更改为 3。

Step 7

变化的橡胶网延伸深度到 49 个。

Step 8

将锥宽度更改为 3 和轮廓到半轮。

Step 9

单击地面网格名称,然后单击顶部的属性面板中,坐标图标和 X 旋转值更改为 90。

Step 10

转到 3D > 地面飞机将对象靠齐。 然后,在地面上增加 Y 位置非常小的值 (0.1),以避免划痕,在呈现时。


8.创造的橡胶材料

Step 1

单击 3D 面板中的主要文本前面充气材料选项卡。 单击属性面板中的漫射纹理图标并选择删除的纹理。

Step 2

更改为 #d1272e,对 #545454 到 #080808 照明和周围到 #000000 镜面漫反射颜色。 然后更改其余值,如下所示。

Step 3

单击凹凸文件夹图标并选择新的纹理。

Step 4

键入宽度和高度值为 600。

Step 5

单击凹凸纹理图标并选择编辑纹理。

Step 6

这将打开纹理文件。 复制背景图层,然后双击以打开图层样式框中的副本。

Step 7

应用使用噪声样式的图案叠加效果。

Step 8

保存该文件 (文件 > 保存) 然后将其关闭 (文件 > 关闭) 回到原始文档。

Step 9

再一次单击的凹凸纹理图标然后选择编辑紫外线性能。

Step 10

设置为 200%,抵消了 U 和 V 偏移量值为 0 到 250 %u 规模、 V 规模。


9. Saving and Re-applying the Material

Step 1

而不是为其它材料重复相同的步骤,你可以保存创建的材料并重新应用它。

要这样做,单击材料选取器框中,请单击右上角的弹出菜单图标然后选择新的材料。

Step 2

键入该材料的名称并单击确定。

Step 3

现在,当您滚动材料选取器,你会发现你保存的材料,你可以通过点击它应用到任何表面。 所以选择其余的文本网格材料选项卡,并应用橡胶材料给他们。

Step 4

适用于橡胶网以及相同的材料。


10. 创建玻璃和飞机材料

Step 1

选择内部形状网格材料选项卡和玻璃材料选项卡,然后删除漫反射贴图,并使用下面的值。

漫反射颜色是 #dfdfdf,镜面是 #727272,照明是 #080808,四周 #000000。

Step 2

地面网选项卡,然后取消勾选阴影框中,单击。 你会需要也做同样的事情,对墙体网格布。

Step 3

单击地面材料选项卡,然后单击漫射纹理图标并选择编辑纹理。

当纹理文件打开时,双击应用图案叠加使用木材模式的文件中的图层。

Step 4

单击创建新的填充或调整图层的图层面板下的图标和选择色相/饱和度。

Step 5

饱和度值更改为-20。 保存并关闭要回到原来的文件

Step 6

删除不透明材质 (单击其纹理图标并选择删除的纹理),然后更改其余的材料设置,如下所示。 高光颜色是 #bbbbbb,照明是 #000000,四周 #000000。

Step 7

将相同的材料应用于墙体网格布,然后光泽值更改为 50 和反射到 10。


11. 更改并保存相机视图

Step 1

现在,您已完成与材料,它是时间上班最后相机视图上。 所以使用移动工具来旋转、 缩放和移动镜头,直到你喜欢现场的角度。

Step 2

然后,使用 3D 轴,规模地面和墙飞机垂直和水平直到他们填满的最终视图选择。 并确保捕捉到地平面墙后你扩展它。

3D 轴两端的箭头移动网格,它们下面的部分用于旋转,和多维数据集用于缩放。 在中心的多维数据集用于均匀缩放对象。 你需要做的就是单击并拖动您需要执行更改的部分。

Step 3

既然你将需要在接下来的几个步骤很多更改相机视图,它是走一步,保存最后一个好主意。

因此,点击相机视图选项卡,在 3D 面板中,然后从属性面板中的视图下拉菜单选择保存。

Step 4

键入视图的名称并单击确定。

Step 5

该视图将添加下 3D 面板和视图菜单。 所以每当您更改摄像机角度,并且想要回到这一观点,只需单击其选项卡在 3D 面板中或从视图菜单中选择它。

Step 6

之前在其他网格工作,选择的文本和内部形状组选项卡,然后与地平面,以确保没有漂浮在场景中对齐它们。


12.添加斗

这是完全可选的部分,但它将添加到最后的结果很不错的。

Step 1

创建使用椭圆工具 230 x 230 px 圈。

然后,在选项栏中,将填充更改为无,和中风到 10 px 黑色一,与对齐设置为内部。

Step 2

转到 3D > 新 3D 挤压从所选路径。 然后当前视图更改为主要的 3D 图层的视图通过从视图下拉菜单中选择其名称。

Step 3

选择两个 3D 图层并将它们合并到 3D > 合并 3D 图层。 然后,将椭圆的网格 X 旋转值更改为 90。

Step 4

使用 3D 轴,缩小规模桶并将其放置在哪里你想要在场景中。


13. 创建桶的材料

Step 1

单击椭圆前台充气材料选项卡,然后单击的漫射纹理图标,选择删除的纹理,然后单击弥漫文件夹图标并选择新的纹理。 新的纹理的尺寸应为宽度和高度设置为 1024年。

然后单击的漫射纹理图标并选择编辑纹理。 创建一个新图层,设置前景色和背景色为黑色和白色。

Step 2

转到筛选器 > 呈现 > 云。

Step 3

转到筛选器 > (滤镜库) > 扭曲 > 玻璃,并使用如下所示的值。

Step 4

双击纹理图层,然后应用颜色叠加的效果,通过改变混合模式为正片叠底,颜色为 #909090。

Step 5

保存并关闭该文件。

Step 6

检查下图,其余材料的值。 高光颜色是 #c1c1c1,照明是 #000000,四周 #000000。

Step 7

最后一次单击的漫射纹理图标并选择编辑紫外线性能。 将 U 规模至 300%,V 规模设置为 100%,并抵消了 U 和 V 偏移量值为 0。

适用于其余的椭圆材料这种材料。


14. 在场景中网格的分裂和放置的玻璃和橡胶

Step 1

在 3D 面板中,选择玻璃网格名称然后去 3D > 拆分 3D 挤压。 这将拆分成单独的网格选项卡下 3D 面板将显示原始网格。

所以,现在您可以单击每个玻璃网格,通过单击在现场,或在 3D 面板中选择其名称选项卡。

然后,你需要使用移动工具和 3D 轴来缩放、 旋转和在场景中放置这些不同的网格。 您可以旋转和移动相机视图来帮助你的网格。 这可能需要一些时间,但它会变得容易,当你习惯这样做。

请记住,您可以选择更多比一个网格组在 3D 面板中,将其一起移动,如果需要的话,那你需要捕捉那些地上到地平面。

Step 2

拆分橡胶网然后放生成网格,在现场和桶内。


15. 工作照明和渲染的场景

Step 1

单击无限光 1 选项卡,然后改变其颜色为 #fefbef,至 80%,其强度和其阴影柔和度为 50%。

Step 2

移动使用移动工具,它沿对角线方向落从顶部和在同一方向的摄像机角度的光。 你可以使用坐标以及赋值。

Step 3

点击添加新光到场景图标下 3D 面板中,然后选择新的点光源。

Step 4

点光源颜色更改为 #fffef8,其强度为 30%和联合国检查其阴影框。

要逐渐淡出作为它的光价差进一步,看起来更自然和现实,检查灯光衰减区框中,并内值更改为 79.4 和 868.5 外层价值。

Step 5

点光源应放在浮于文字上方中心。 下面是使用在本教程中的坐标值。

Step 6

当你完成修改一切,走一步,渲染场景 (3D > 呈现)。

Step 7

渲染可能需要一些时间,但您可以通过单击文档内部的任意位置随时停止它。


16. 添加调整图层来提高最终结果的着色

Step 1

单击创建新的填充或调整图层图标并选择亮度/对比度。

Step 2

更改亮度为 5 和 2 的对比。

Step 3

单击创建新的填充或调整图层图标,又一次,选择色彩平衡。

Step 4

从语气下拉菜单中,选择色调类型并更改其值,如下所示。

中间色调的阴影-亮点


祝贺你 ! 你就完了。

在本教程中,我们把文本图层转换成形状图层,然后使用钢笔工具要减去从它的某些部分。 然后那些部分充满了其他的形状,和所有元素并转换为 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.