在这个中级平面设计教程中，您将学习如何在Illustrator和Photoshop的帮助下，逼真地将一个美丽的三维文本对象叠加到客厅场景上。
最终结果
下面，您将看到我们将一起创建的照片处理场景的预览-您可以点击它来查看全面的版本．
我们开始吧，好吗?
在Illustrator中打开库存照片
1我们要用一张免费的客厅照片叫做室内装修1Jeinny索利斯。下载这个形象。
2在Illustrator中选择文件>打开，打开Home Interiors 1照片
(Ctrl + O)。
将文本放到画布上
3.用文字工具添加文字"Dd在画布上。4通过激活选择工具(V)调整文本的大小，按住Shift键保持文本的比例，然后适当地拖动变换控件，使大小大致与下图相同。5用填充工具(X)改变文本的填充:本教程中使用的颜色是红色(# CC3333)，但你可以使用任何颜色(但请记住，使用中间色调的颜色更容易)。
用挤压和斜面效果给文本一个3D外观
6我们将给文本一个三维的外观-选择效果> 3D >挤压和斜面打开3D挤压和斜面选项对话框。确保Preview选项被选中，这样您就可以看到我们将要进行的更改的实时预览。
7在3D挤压和斜角选项对话框中更改位置设置;这将改变文本的角度。
使用的值13，7,1对应于x轴，y轴和z轴角度。8接下来，我们要改变“挤压深度”，它控制物体挤压的深度。记住，如果值太小，挤压会很难看到，但如果值太大，它会脱离物体的比例。
本教程中使用的值是231年葡．9最后，我们将改变物体的透视角度。这一点很棘手，因为它取决于文本的长度。
如果你使用的文本比我们现在使用的更宽(“Dd”)，你会想要缩小它，否则它会开始弯曲太多。本教程使用23作为Perspective值。
展开和取消组合3D文本对象
10现在我们已经创建了我们的3D文本对象，是时候分开每个部分，以便我们可以把它带入Photoshop(这将使它更容易在那里工作)。首先，点击你的3D文本对象，选择对象>展开外观，在它周围创建线和点，并把它分成几部分。
11取消3D文本对象的分组，这样我们就可以把它一块一块地放到Photoshop中，通过选择对象>取消分组(Ctrl + Shift + G)来做到这一点。
您可能需要多次使用Ungroup选项来完全取消对对象的分组。
使用探路者组合3D对象的相似部分
12首先，确保探路者窗口是可见的:选择窗口>探路者(或按Shift + Ctrl + F9切换窗口)。13在我们开始将部件带入Photoshop之前，我们需要确保我们的标志的每一面都是一个对象。例如，小写字母“d”的右边被分成多个部分;要将相似的部分组合成一个对象，按住Shift键并单击每个单独的部分。
14相似的部分全部选中后，点击"添加到形状区域选项将它们合并为一个对象。这样做的任何其他部分的3D对象是相似的。
将3D文本对象转移到Photoshop中
15现在，我们可以开始在Photoshop中拼凑我们的3D文本对象。首先，创建一个新的Photoshop文档3000 px 3000 px在维度上(缩小图像或画布的尺寸比放大更容易——所以我们将使用充足的空间)。16使用选择工具(V)，在Illustrator中拖动3D文本对象来选择所有的部分。
17选择3D文本对象的所有部分，选择编辑>复制(Ctrl + C)将其放入剪贴板。18在Photoshop中，然后选择编辑>粘贴(Ctrl + V)将3D文本对象粘贴到你的Photoshop画布上。当我们将3D文本对象的每个部分从Illustrator复制粘贴到Photoshop时，这将作为一个指导。
调整引导层的色调
19我们将在Photoshop中改变3D文本对象的色调，这样我们就可以很容易地看到我们将从Illustrator中引入的片段之间的差异。要改变色相，选择图像>调整>色相/饱和度…(Ctrl + U)打开色相/饱和度对话框。
你选择的色调调整的颜色并不重要，因为我们这样做只是为了让我们更容易地看到部分，但如果你好奇，我使用的是洋红色(# 901252）.
将Illustrator的部分带入Photoshop
20.为了让东西有条理，在图层面板中创建一个新组，点击图标，看起来像一个文件夹。21在你创建的新组中，开始从Illustrator中复制(Ctrl + C)每个部分，然后粘贴(Ctrl + V)到Photoshop文档中，直到你把所有的东西拼凑起来。它可能有助于降低不透明度到50％在组件的图层上，这样我们在步骤18中创建的指南就会显示出来;这样就更容易将碎片对齐。
在Photoshop中设置合成
22让我们打开库存照片(室内装修1)在Photoshop中，通过从Illustrator粘贴图像到自己的图层(或者如果你喜欢，你可以使用Photoshop的文件>放置…选项);库存照片应该在Photoshop文档的最低层。23在图层面板中，首先确保你在新组中，包含你从Illustrator复制粘贴到Photoshop的3D文本对象的部分，使用移动工具(V)在沙发上移动整个组，为了更精细和更准确的移动，使用箭头键。
在3D文本对象上添加一个投影
24现在我们要开始在沙发背面和墙壁上添加一个阴影。我们想要弄清楚太阳在哪里以及阴影投射的方向。在这张照片中，光源来自于观察者的背后，所以大部分的阴影将会在3D文本对象的正后方。
为了制作阴影，我们将开始复制图层(Ctrl + J)和3D文本对象的脸。25接下来，在复制的3D文本对象面图层周围创建一个选区，按Ctrl +点击层面板中该层的缩略图。26随着选择创建，使用编辑>填充…
(Shift + F5)填充选区。使用黑色填充颜色(# 000000）.27在图层面板中，将复制的图层移动到3D文本对象的下方。
这个复制的图层将作为投影层。
28为了获得真实的阴影效果，我们将对我们在上一节中创建的阴影图层进行模糊处理。为此，点击滤镜>模糊>高斯模糊，按下图设置。
29降低阴影图层的不透明度为25％并更改图层的混合模式为线性燃烧．现在，我们要复制这个图层，右键单击图层面板中的图层，选择复制图层…(Ctrl + J)。
30.将复制层的混合模式更改为覆盖；这将给我们一个看起来不平坦和不现实的阴影。31为了使我们的工作有条理，创建一个新组(使用图层面板中的文件夹图标)，命名为"标志的影子，然后移动我们刚刚创建的两个投影层。
屏蔽不应该有投影的区域
32在“Logo Shadow”组的图层面板中，点击左边的第二个图标，添加一个图层蒙版。33设置前景色为黑色(# 000000用笔刷工具(B)用硬圆笔尖在图层蒙版上绘制不需要阴影的区域。例如，悬挂在3D文本对象底部部分的底部阴影可以蒙版。
对于画笔笔尖设置，可以将“主直径”设置为60像素，硬度50％和不透明度100％．
您应该会得到如下图所示的结果。
创建更多的阴影
34现在，我们将复制3D文本对象的每一条边，这样我们就可以创建更多的阴影。为了做到这一点，激活移动工具(V)，点击画布上的一条边，并按Ctrl + J将选区复制到另一层。35创建一个新组阴影，并开始将所有复制的边缘图层拖到那里。
调整阴影图层的颜色
36我们将使用曲线选项来调整阴影图层的颜色;打开曲线对话框，选择调整>曲线(Ctrl + M)，向左或向右拖动一个滑块，直到它使我们的3D文本对象的侧面变暗。
从3D文本对象的每个边缘重复这个步骤，除了字母“d”的顶部，以使照明动态逼真。
添加图层样式到前面的脸
37我们将添加一些图层样式到我们的3D文本对象的正面。首先，确保包含3D文本对象正面的图层在图层面板中处于活动状态。然后，点击添加图层样式…
在图层面板底部的图标(图标看起来像字母fx)，然后选择内阴影．这将给我们一些对比，并给3D文本对象的脸一个更真实的外观。
38点击添加图层样式…
图标，但这次选择斜面和浮雕．这将给我们一个发光的效果的边缘的标志，这给人的印象，光是反射从它。
你的结果应该如下图所示。
为3D文本对象添加边缘
39让我们给3D文本对象添加一条边，就像在它周围添加一个铜管乐队。首先，复制3D文本对象面图层(Ctrl + J)，然后在图层面板中按Ctrl +点击该图层的缩略图，在3D文本对象面周围创建一个选区。40随着3D文本对象周围的选择创建，选择选择>修改>契约，并输入3 px在合同字段以减小所选内容的大小。
41通过选择“编辑>清除”或按“删除”键来删除收缩选区下的区域。42删除该图层的图层样式;要做到这一点，在图层面板中，拖动图层样式到面板最右边底部的垃圾桶图标。43现在，用Ctrl + click在图层上创建另一个选区，然后用白色填充选区(# FFFFFF)通过选择编辑>填充…
(Shift + F5)。这部分填充有效地在我们的3D文本对象的表面周围创建了一个白色边框。
为3D文本对象的边缘添加图层样式
44给我们刚刚创建的白色边框添加一些图层样式，点击图层面板中的添加图层样式图标并选择内发光．更改内发光图层样式的颜色为# CC6600并调整设置以匹配下图。
45添加另一个图层样式到该图层，这次选择斜面和浮雕．将设置更改为如下图所示，使边界具有三维外观。更改高光的颜色为# FF9999和影子# CC3333．
46通过勾选斜角和浮雕图层样式下面的框添加一个轮廓图层样式:更改范围值为100％．
47最后，添加一个缎面图层样式:更改颜色设置为# FFCC66．
在3d文本对象的边缘添加一个微妙的阴影
48为了使设计更令人印象深刻，我们将在3D文本对象的边缘添加一个轻微的阴影。首先复制边缘图层(Ctrl + J)，在它周围创建一个选区，按Ctrl +点击复制图层的缩略图，并用黑色填充选区(# 000000)使用编辑>填充(Shift + F5)。
49删除这一层的图层样式(也从上一层复制)拖动到垃圾桶图标。50将复制的图层置于原始图层之下。51用移动工具(V)和你的方向键移动边缘阴影稍微向下和向右。
52通过选择滤镜>模糊>高斯模糊模糊阴影，并更改半径值为2.0像素．
53在图层面板中按Ctrl +点击该图层的缩略图，在logo面图层上创建一个选区，然后通过选择>逆(Ctrl + Shift + I)来反转选区。54删除倒转选区内的区域(编辑>清除或按Del键)-这将摆脱3D文本对象表面内的阴影。
55更改此层的混合模式为线性燃烧，并降低不透明度值为40%．
使叠加更加真实
56现在，让我们让照片操作更精确一点。由于3D文本对象坐在沙发上，由于它的重量，它可能会陷进垫子里一点。要做到这一点，我们首先要在阴影图层组和logo边缘组中添加一个图层蒙版(点击图层面板中的添加图层蒙版图标)。
57使用椭圆选框工具，创建一个大致与下图相同的选区。
58用黑色填充两个图层蒙版(# 000000)通过选择编辑>填充…(Shift + F5)。
59做步骤56 - 58为每个字母的下部-这将给我们一个边缘，使3D文本对象看起来像它沉入沙发一点点。
在沙发上创建阴影
60为了使我们的构图更加真实，我们将在沙发上添加阴影。首先，创建一个名为"沙发上的影子”。61激活画笔工具(B)，并使用笔尖不透明度设置为10％．
开始画一些阴影区域，集中在沙发上的标志底部，在每个枕头上都画一些阴影。62在你创建了阴影之后，复制“沙发阴影”图层(Ctrl + J)，并更改新图层的混合模式为覆盖．
混合3D对象的文本到它的背景
63我们想要调整复制层的颜色，这样我们就可以将3D文本对象和它的背景混合在一起。为了实现这一点，我们将在画布上添加一个浅蓝色的反射。首先，设置前景色为浅蓝色(# 9 abafb)，然后创建一个新图层。
64现在，在工具面板中选择渐变工具(G)，设置渐变类型为反映梯度．通过点击和拖动鼠标在新图层上创建渐变，使其跟随墙壁上的反射。
65创建一个图层蒙版(点击图层面板中的添加图层蒙版图标)，然后在3D文本对象的表面上创建一个反向选区，首先在图层面板中按Ctrl +点击它的图层组，然后使用选择>逆(Ctrl + Shift + I)来反向选区。
66用黑色填充反向选区(# 000000）.67更改图层的混合模式为柔和的灯光．
调整3D文本对象的颜色
68让我们通过添加一个调整图层来改变文字的色相/饱和度。点击创建填充或添加调整层图标，然后选择色相/饱和度．
69你会注意到调整图层改变了整个图像。
为了解决这个问题，我们要在色相/饱和度图层上添加一个图层蒙版(点击图层面板底部的添加图层蒙版图标)。70在图层面板的图层组上按Ctrl + click，在3D文本对象的表面周围创建一个选区。反转选区，选择>逆(Ctrl + Shift + I)。
71确保你在图层蒙版上-用黑色填充选定区域(# 000000)。72我们将再次调整曲线，图像>调整>曲线(Ctrl + M);使用类似的设置如下图所示。
73我们要调整颜色平衡设置，图片>调整>颜色平衡…
(Ctrl + B);使用类似的设置如下图所示。
恭喜,你已经完成了!
就是这样，再多玩一些，也许尝试颜色调整，给3D文本对象添加纹理，调整3D文本对象的位置/角度，直到你得到你喜欢的东西。这是我最后得到的结果:
分享你的结果
如果你遵循了教程，请随意在评论中提供链接来分享你的结果——我们很想看看你得到了什么!本教程应该有助于你网页设计游戏!良好的编辑技巧是客户对网页设计师的要求是什么因此，作为一名专业人士，学习这些技能至关重要。
这个教程应该是超级相关的网站和社交媒体上的企业涉及到住宅，如建筑或物业公司．
下载源文件
您可以下载此Photoshop教程的源文件为ZIP文件。
- 3 d-text-photo-manipulation.zip(ZIP, 24.8 MB)
