在Photoshop中创建一个黑暗的Grunge 3D文本场景

预览

你可以点击下面的预览图,这样你就可以看到构图了全面预览

教程资源

  • 材质:熔岩纹理01比尔·钱伯斯
  • 纹理:禅宗纹理的实验Grunge

步骤1:打开Photoshop,设置画布

打开Photoshop,新建一个1200x1200px的文档,72dpi。打开Photoshop,设置你的画布

步骤2:添加文本

接下来,我们想要创建一些文本,所以让我们使用水平文字工具(T)输入文本“Type”,使用Franklin Gothic Heavy,或类似的重型字体。

我们将文本更改为红色(#CC3333),以便它从我们稍后将创建的黑色背景中脱颖而出。我们还将通过按住Alt/Option并使用左右箭头来调整文本的字距,以便字母之间的间距符合您的喜好。复制文本

步骤3:复制文本

开始制作3D效果,我们将复制文本,按Ctrl/Cmd + J。

我们应该调整颜色,以便能够区分文本面和文本边。同时,这个文本层的文本颜色将是较深的文本边的基础颜色,所以让我们使用较深的红色(#990000)。我们还会缩小深色的文本,因为从透视角度来看,它会离我们更远。使用自由变换命令(Ctrl/Cmd + T),按住Alt/Option + Shift,然后将文本缩小一点点(到90%左右)。

使用移动工具向下移动一点,这样我们就可以给我们想要的文本深度和厚度。复制文本

步骤4:连接文本

我们想要绕过每个字母并连接各个角,这样它就创建了文本的侧面。创建一个新图层(图层>新建>图层),并使用多边形套索工具(L)创建一个连接两个角的形状,如下所示,然后用我们的深红色填充它(#990000)。

复制文本

第五步:把文字两边分开

现在我们的3D文本都设置好了,我们想分开两边,这样我们就可以单独给它们添加一个阴影。首先,我们需要把深红色的文本和我们创建的边合并在一起。因此,确保文本层在最上面(堆叠顺序应该是浅红色文本>深红色文本>深红色边),然后转到层>合并(Ctrl/Cmd + E)。

确保你选择了暗红色的文本层,然后使用多边形套索工具(L)在文本的一边做一个形状。一旦你选择了一个区域,使用Ctrl/Cmd + J复制它。这将用我们选择的部分创建一个新图层,这样我们就可以在自己的图层上有每一面。

对课文的每一面重复这个步骤。在你进行的过程中,确保你适当地命名每个图层,以保持你的工作整洁和直观,并将每个字母放在自己的文件夹中(图层> New > Group),以便在我们进行的过程中更容易使用。将文本两侧分开

第六步:添加阴影

现在我们可以开始处理阴影了;我们将有一个光源来自我们的画布的右上方,所以我们将相应地调整我们的侧面,让最暗的部分在左下方,更亮的部分在右上角。

点击第一边,选择>图层样式>渐变叠加。我们将调整每边的角度,使最轻的部分最接近右上方的光源。添加阴影添加阴影

第七步:修正阴影

虽然我们希望所有的阴影都离光源最远,但也有一些例外。

一个例外是字母T的左边——我们希望它的阴影是最靠近中间的,因为字母的中间部分会挡住左臂。修正阴影

第八步:使阴影变暗

现在我们要把那些被光源挡住最多的边变暗。要加深这些边,选择图层>图层样式>颜色叠加。

将颜色改为黑色,并将不透明度调整到20%到60%之间。使阴影变暗

步骤9:压纹文本面

让我们为文本面添加一些效果。在图层面板中单击文本面图层,使其成为我们的活动图层,然后选择图层>图层样式>斜面和浮雕。

确保斜角的角度指向右上角,这样我们的照明是一致的。浮雕文本面

第十步:调整文字的光线

现在为我们的文本添加一点照明,我们将给它一个渐变,点击图层>图层样式>渐变叠加。调整文字的亮度调整文字的亮度

步骤11:添加纹理到背景

现在我们可以开始制作背景了。

首先,把背景图层的填充改为黑色。一种方法是按Ctrl/Cmd + A选择整个画布,然后按Shift + F5打开填充对话框窗口,你可以用黑色填充选区(#000000)。去拿熔岩纹理01作为我们的背景(来自设计指导免费赠品顺便说一下,是Section)。

将纹理带入我们的文档。使用自由变换(Ctrl/Cmd + T)旋转纹理,并将其缩小,使其与画布的宽度相等。为背景添加纹理

步骤12:淡出纹理

我们要淡出纹理,为了做到这一点,我们首先要找到画布的中心。

转到视图,确保选中了Snap(你可以通过按Shift + Ctrl/Cmd +;来切换Snap的开启和关闭)。现在把一个水平导向中心;当引导器到达中心时,它就会卡住。对垂直导轨做同样的操作。

现在转到图层>图层蒙版>全部显示。用黑色填充蒙版,然后使用渐变工具(G),将其渐变设置为白色,透明,从中心开始渐变。点击蒙版层,使用自由变换命令(Ctrl/Cmd + T),通过点击并拖动顶部变换控件,同时按住Alt/Option,将顶部和底部引入,这样纹理的边缘就不会显示出来。

当纹理接近画布边缘时,它会以椭圆形的形状淡出。淡出纹理

步骤13:在文本下添加阴影

为了在文本下添加阴影,我们将在图层面板中按Ctrl/Cmd +单击文本的每一层,在其边缘周围产生一个选框。接下来,创建一个新图层,用黑色(#000000)填充选定的区域。

通过按Ctrl/Cmd + J复制这个图层,这样我们就有了2个黑色文本图层。将这些图层移到所有其他文本图层的后面。点击滤镜>模糊>动态模糊,确保从右上到左下的角度与光源的角度相同。

在文本下添加阴影

步骤14:使阴影变暗

复制阴影层按Ctrl/Cmd + j,现在将两个图层连接在一起,并转到图层>合并图层。使阴影变暗

步骤15:模糊阴影

对于另一个黑色文本层,选择滤镜>模糊>高斯模糊,调整半径为12.0。模糊阴影

步骤16:遮住部分阴影

转到>图层蒙版>显示全部。使用黑色,100px笔刷,硬度为0%,开始画掉顶部和右侧阴影的黑色部分,每个黑色层的光源都在那里。遮住部分阴影

步骤17:为文本添加纹理

从Zen Textures中获得邋遢的纹理,并将其带入Photoshop。

调整纹理的大小,使其略大于文本的宽度。按Ctrl/Cmd +点击每个图层,选择>图层蒙版>显示全部。这将使纹理只显示在文本上。

更改此图层的混合模式为柔光,不透明度为40%。为文本添加纹理

步骤18:添加渐变贴图调整图层

切换到>图层,新建>渐变贴图图层。添加一个蓝色到黄色渐变,并将不透明度降低到10%。

添加渐变贴图调整图层添加渐变贴图调整图层

步骤19:添加子文本

使用Franklin Gothic Demi Condensed(或你选择的类似字体),让我们用白色输入“DESIGN instruction”。更改文本图层的混合模式为叠加,并按Ctrl/Cmd + j复制文本,这将给我们一种发光的文本外观。

添加子文本

步骤20:添加High Pass

好了,最后一步:我们要去>图层扁平化图像,从我们迄今为止创建的所有图层中创建一个图层。复制这个图层(Ctrl/Cmd + J),然后选择滤镜>其他> High Pass。改变混合模式为柔光完成我们的作品。

添加High Pass

教程汇总

通过使用简单的Photoshop技术和一些库存纹理,我们能够创建一个具有3D文本的高冲击力的黑暗场景。我们使用各种技术添加阴影,确保我们的照明在整个过程中是一致的,使用一些滤镜,并结合纹理使我们的场景更有趣。我希望您喜欢本教程,并发现了一些可以在您的工作流程中使用的技巧。

预览

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!