预览
点击图片查看最终结果全面．
教程资源
- 股票图片:草(图片*后)
- 材质:悬崖(图片*后)
- 股票图片:城市景观作者:Jacco Curacao(图片*After)
- 股票图片:天空(图片*后)
- 纹理:开裂纹理(Unsigned Design)
- 纹理:实验纹理(Unsigned Design)
- 纹理:薄膜纹理(无签名设计)
步骤1:在Illustrator中设置
我们先打开Adobe Illustrator，新建一个1200x1200px的文档。
接下来，下载这个草库存图片，并把它带到我们的Illustrator画板。我们将使用这张照片作为我们将生产的3D文本的参考，所以你可以锁定这个图层，以防止我们不小心移动它。
我们将在Photoshop中重用这张图片，所以把它放在一个方便的位置。
步骤2:创建3D文本的前面
用文字工具(T)用Myriad Pro黑色浓缩或类似的粗体无衬线字体写出DESIGN这个单词。为了使我们的文本块更容易使用，我们将键入>创建大纲(Shift + Ctrl/Cmd + O)将文本层转换为矢量路径。
步骤3:创建3D文本的背面
复制DESIGN对象-用选择工具选择它，按Ctrl/Cmd + C复制，然后按Ctrl/Cmd + F粘贴到前面。移动副本到草地图像的水平线上。按住Shift + Alt/Option，然后点击并向内拖动一个角来缩小它，同时保持它的位置。
步骤4:开发3D文本
首先让我们改变前面文本的填充颜色为黄色(#FEC719)。让我们将后面文本的填充色更改为更暗、更柔和的黄色(#CC9933)。现在我们已经准备好构建我们的3D文本。
首先，取消我们的两个“DESIGN”文本对象的分组(选择它们，然后按Shift + Ctrl/Cmd + G或转到对象>取消分组)。让我们从“D”开始:点击工具面板中的钢笔工具(P)，然后创建一个矩形。改变矩形形状的颜色为黄色(#E8DC86)。
使用直接选择工具(A)拖动角锚点，使左边的锚点与“D”的左角对齐(使用View >智能参考线使方框与“D”的角对齐)。再做一个矩形，覆盖“D”的中间部分。
选择所有与“D”相关的矢量形状，并转到对象>组，使我们的工作更易于管理和组织。
我们要检查每一个字母，并创建矩形连接前面的字母和后面的字母，就像我们做的“D”。为了使这一过程更容易，您可以改变文本侧面的颜色，以便在视觉上更好地看到它们(然后我们可以稍后更正颜色)。
一定要把每个字母的组成部分组合在一起，就像字母“D”一样，否则我们的Illustrator文档会变得笨拙。
步骤5:创建渐变色板
现在我们的3D文本开始成型，我们可以开始工作的颜色，我们将使用。为了给我们的文本做阴影，我们将创建渐变色板，我们将在后面的步骤中使用。如果渐变面板还没有打开，点击窗口>渐变。
设置你的填充颜色为黄色(#EDB329)，在渐变面板中拖动到我们渐变的左边，切换你的填充颜色为棕色(#7E4920)，然后再次拖动到我们渐变的右边。将我们创建的渐变填充从渐变面板拖到色板中，将其添加为色板，这将使我们在工作中更容易使用这个渐变(我们只需要点击它来填充目标对象)。我们还将创建一个渐变，渐变的左边是棕色(#B97E2E)，右边是深棕色(#7E4920)。
将它也拖到色板面板中。
步骤6:连接3D文本
我们要完成文本的后半部分，从" D "开始。选择“D”组，进入“对象>取消分组”。点击文本的顶部，按住Shift键，点击后面的“D”字母来选择这两个矢量对象。
如果你还没有打开探路器面板，点击窗口>探路器(Shift + Ctrl/Cmd + F9)。Alt/Option +单击团结起来图标，然后单击展开按钮。
选择“S”，按Ctrl/Cmd + C复制，然后按Ctrl/Cmd + F粘贴在前面，这样我们就得到了两个小的“S”形状。
点击其中一个“S”形状和“S”的顶部部分，Alt/Option +点击团结起来图标，然后单击展开按钮。这将把两个形状添加在一起，并在右侧添加一个小肿块，这是我们需要消除的。用选择工具点击形状，然后切换到钢笔工具(P)。
单击不需要的锚点以删除它们。选择另一个S形状和S底部较暗的形状，Alt/Option +点击团结起来图标，然后单击展开按钮。与“G”，只是结合两个可见的形状点击团结起来探路者图标。
步骤7:添加颜色渐变
接下来，我们需要弄清楚光源从哪里来，这样我们就有了一致的照明。现在让我们决定让光线从构图的顶部来。因此，考虑到光源，我们将开始添加我们的渐变，点击每一块，并添加我们保存在我们的色板中的明暗渐变。
你可以用渐变工具(G)在工具面板上调整渐变。之后，改变字母的表面为柔和的黄色阴影(#E8DC86)。
步骤8:创建第二行文本
用文字工具(T)写出“INSTRUCT”，字体:Myriad Black Condensed(或者你喜欢的粗体，浓缩，无衬线字体)。将它放置在“DESIGN”文本的下方。输入>创建大纲。
然后去效果>弯曲>拱和改变垂直选项为10%，使文本显示，如果它是躺在地上。
步骤9:在Photoshop中增强草地
打开草图片，但这一次，在Photoshop。我们要对草做一些颜色调整，让它看起来更绿一点。进入图像>调整>替换颜色。
点击绿色和棕色/棕色区域(按住Shift键，点击你想要采样的图像的不同区域，就会添加到选区中)，然后调整色调到更强的绿色。
步骤10:从草地图像中移除天空
打开Photoshop，新建一个1200x1200px的文档。这是我们将把我们的作文汇集在一起的文件。首先，引入我们在上一步中刚刚增强的草地图像，然后使用自由变换(Ctrl/Cmd + T)调整图像的大小，使其与文档的宽度相同。
我们要切掉图像中的天空。为此，我们将使用钢笔工具(P)创建一个围绕草地图像天空部分的路径。转到路径面板(窗口>路径)，Ctrl/Cmd +点击我们刚刚创建的路径，加载天空的选区。
回到图层面板，点击图层面板中的草图层使其成为活动图层，然后按删除删除天空。
步骤11:从Illustrator中导入3D文本
让我们回到Illustrator文档，复制我们的“DESIGN”文本，然后切换回Photoshop并粘贴到那里。对我们的“INSTRUCT”文本执行同样的操作。因为我们使用相同的文档尺寸(并使用草的图像作为对齐的参考)，所以将它粘贴到Photoshop中可以保留文本的位置。
如果不是这样，只需使用移动工具(V)移动文本，以便它们在画布中正确定位。
步骤12:创建悬崖
让我们开始在我们的作文底部的悬崖上工作。去拿悬崖我在上面的教程资源部分列出的库存图片，然后把它放到我们的画布中。旋转180度o使用自由变换(Ctrl/Cmd + T)，并按比例缩小，使其与我们的画布一样大。
把它移到草层后面。
步骤13:使用Photoshop笔刷创建一个草边
为了给我们的草地和悬崖相遇的边缘一个更有机的外观，我们需要做一些修饰。选择草层，然后点击>图层，添加图层蒙版>显示全部。用矩形选框工具(M)在草的底部创建一个选区。
我暂时关闭了我的文本层的可见性，以便我可以专注于这部分过程。
切换前景色为黑色(#000000)，然后按Alt/Option +退格键，用前景色填充所选区域。这应该遮罩所选区域(刷新:当在图层遮罩上作画时，黑色隐藏，白色露出)。
现在我们将使用Photoshop笔刷逐渐填充隐藏区域。首先，切换到笔刷工具(B)，然后切换到窗口>笔刷(F5)，取消勾选散射、颜色动态和其他动态选项。
点击刷头形状选项，在右边的预览面板中找到草刷头形状，并将其角度更改为180o．
现在我们可以开始在我们遮罩的区域使用画笔。选择白色(#FFFFFF)作为前景色，并将笔刷的大小降至60px左右。
开始画掉一些草的底部边缘，在草和悬崖之间创建一个更自然的边界。
步骤14:强化悬崖
点击悬崖图层，选择图像>调整>的级别，打开级别对话框窗口。把左边的滑块往里挪一点，这样就能突出更多的黑色，使图像变暗一点。
让我们给悬崖加一些阴影。
选择褐绿色(#1F1C09)作为前景色。我们选择这个颜色是因为绿色的草会在棕色的悬崖上投下阴影，所以我们想在颜色选择中显示这一点。在草地和悬崖上方创建一个图层。
使用笔刷工具(硬度:0%，主直径:20px)在悬崖的顶部表面绘制。完成后，改变图层的混合模式为柔光。创建一个新图层，用一个更大的笔刷(主直径:100px)在草的下方绘制，给这些区域一个更强的阴影。
改变图层的混合模式为正片叠底，并降低不透明度为50%。在草层下面创建另一个图层，并在草层下面绘制。更改此图层的混合模式为正片叠底。
步骤15:在草地上添加亮点
为了给草的边缘一些漂亮的高亮，我们要创建一个新图层，使用渐变工具添加一个白色到0%不透明度的颜色渐变。要做到这一点，首先，改变前景色为白色(#FFFFFF)。然后切换到渐变工具(G)。
在选项栏，点击渐变编辑器，然后选择前景到透明梯度预设。然后在新图层上创建渐变，从画布的底部开始，一直到顶部。
点击>图层蒙版>显示全部。
使用黑色笔刷-硬度为0%，主直径约125px -油漆掉悬崖和一些底部的草部分。
改变图层的混合模式为叠加，降低不透明度为30%。这将给草地一个高光，以及在草地前面的阴影效果。
步骤16:添加城市景观
我们去拿我们的城市景观在Photoshop中打开它。通过使用你最喜欢的方法(比如使用钢笔工具在它们周围画，然后复制选区)隔离建筑，并将它们带到我们的画布中。用自由变换缩小城市景观，用移动工具(V)将其定位在草地的地平线上。
复制城市景观图层(图层>复制图层)，然后点击编辑>变换>水平翻转。
使用多边形套索工具(L)，取下副本右侧的大型建筑，在城市景观的左右两侧之间创建一些差异。
步骤17:添加天空
抓住这天空库存图像，并把它放在我们的画布。这个图层应该在城市景观图层的后面。
步骤18:强化文字周围的草的真实感
选择草地图层和它上面的从白到透明的高亮图层，然后通过点击图层>合并图层来合并它们。要在“设计”文本块前面的草地上工作，使用矩形选框工具(M)在文本块前面加载一个选区，在图层面板中的草地图层上单击，以确保它是活动图层，然后点击图层>复制图层，将所选区域放入一个新图层中。
将此图层移动到3D文本的上方，然后点击图层>图层蒙版>全部隐藏。
我们需要让草更好地与我们的文本融合。让我们再次使用我们的草刷与之前相同的设置。刷去“DESIGN”文本块的底部，直到你得到一个满意的结果。
步骤19:为文本添加阴影
现在我们要在文本下面创建一个投影。Ctrl/Cmd +点击图层面板中的文本图层预览缩略图，在我们的文本周围做一个选区。点击>层新建>层，在文本层上方创建一个新层，并用黑色(#000000)填充选区下方的区域。
点击>图层复制图层，这样你就有了两个黑色文字图层。点击图层面板中的第一个黑色图层，使其成为活动图层，点击滤镜>模糊>高斯模糊(设置半径为4px)，并运行滤镜。
在第二个黑色图层上再次运行高斯模糊滤镜，但这一次，设置滤镜的半径为10px。
我们会有一些多余的阴影，我们不想要，所以我们将使用一个图层蒙版来消除它们。点击:图层>，添加图层蒙版>，显示全部，在黑色文本图层上放置一个蒙版，然后开始画掉阴影的多余部分。
步骤20:为场景添加纹理
是时候“垃圾化”我们的作品了，从我们的3D文本开始。首先，下载开裂纹理和实验纹理，然后在Photoshop中打开它们。将实验纹理引入到我们的主文档中，并使用自由变换来调整它的大小，使其适合我们的文本。
Ctrl/Cmd +点击图层面板中的文本图层缩略图，在它周围加载一个选区。你应该仍然在实验纹理层(如果不是，切换回它)。进入“选择>反向”界面，删除所选区域。
更改实验纹理层的混合模式为颜色燃烧，并降低其不透明度为50%。
现在引入裂纹纹理，做同样的事情，除了改变混合模式为柔光(而不是颜色燃烧)。
下载这个影片纹理，并在Photoshop中打开它。
把它放到我们的主文档中，确保它覆盖了整个画布。改变胶片纹理层的混合模式为柔光。点击图像调整曲线，进行调整，使图层变亮一点，这样就不会太苛刻了。
步骤21:调整场景颜色
我们现在要调整场景的颜色，试着把所有的东西更好地联系在一起。首先，我们将使用渐变贴图调整层;点击>图层，新建调整>图层渐变贴图，在所有图层的顶部添加一个。改变渐变贴图图层的混合模式为柔光，并降低不透明度为40%。
我们将添加另一个调整层;点击>图层，新建调整>图层色相/饱和度。改变饱和度选项为-70左右。这将极大地改变我们的构图的颜色，使它具有这种褪色，复古/复古的外观。
步骤22:软化画布的边缘
让我们把这件作品的边缘柔化一点，这样我们就能把更多的注意力吸引到我们的中心装饰品上。用矩形选框工具在画布周围放置一个选区——但要比它稍微小一点——在选项栏中调整羽毛选项为60px，点击选择>逆(Shift + Ctrl/Cmd + I)，并用黑色填充反转选区。更改混合模式为叠加之后。
步骤23:最后的调整和增强
最好在执行此步骤之前保存您的工作，以便稍后可以返回到您的工作并修改它。点击>图层，将所有图层合并为一个图层。点击>图层复制我们的扁平图层，然后过滤> Other > High Pass(在你执行过滤器之前设置半径为4.3px)。
改变图层的混合模式为柔光。再次压平图像。用椭圆选框工具(M)和羽毛(60px)在画布的中间画一个圆，覆盖文字。
进入“选择>反向”界面。然后点击滤镜>模糊>高斯模糊半径设置为1.8px。
这样可以稍微模糊文字周围的区域，给我们的中心位置一个更好的焦点，并增强景深。
教程汇总
在本教程中，我们使用Illustrator制作了一些有趣的3D文本。然后，我们在Photoshop中使用各种技术构建我们的构图，如使用图层蒙版和Photoshop画笔平滑混合边缘，应用图像调整，使用调整图层来控制场景的颜色，等等。这是我想到的;请务必在评论中链接到您的版本(并将其添加到我们的Flickr组)！
下载源文件
- 3 dtext_grunge_landscape(zip, 13.9 mb)
