使用Photoshop动作创建金属文本效果

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

教程资源

  • 背景:墙体纹理由Jay Leonhart设计
  • 纹理:Lost and Taken的老电影10

在我们开始之前,确保你特别注意我的屏幕截图中的设置,特别是那些处理图层样式混合选项的设置。为了达到同样的效果,您需要复制这些设置。

步骤1:设置文本

在Photoshop中,点击文件>新建(Ctrl / Cmd + N),以创建新文件。

设置宽度为600像素,高度为300像素,分辨率为72像素/英寸。接下来,抓取你的水平文字工具(T)输入“设计指引”。我使用的是富兰克林哥特式字体,但你可以随意使用任何你喜欢的粗体。

第二步:开始行动

在我们继续之前,我们需要创建一个新的动作来记录我们所做的事情。通过窗口>操作打开操作面板(Alt + F9 /选项),然后点击Actions面板底部的Create new set图标(看起来像一个文件夹),并将其命名为Metal Text。通过选择创建新操作图标(看起来像便利贴)创建一个新操作。一旦你创建了一个新的动作,它就会自动开始记录(你会在Actions面板底部看到一个圆形的红色记录图标)。

步骤3:添加第一个阴影

点击:选择>加载选择,然后新建一个图层(Shift + Ctrl / Cmd + N).

用白色填充新图层(#FFFFFF),隐藏原来的文本图层。我们这样做而不是对文本进行栅格化,因为我们试图使动作与文本以及logo和其他单色图像通用。复制新的文本,点击图层>复制图层,并将其移动到顶部文本层以下(选择:你可以在图层面板中右键单击图层,然后选择复制图层)。

我们将有两个光源,所以这个文本层将是两个光源中的第一个。选择图层>图层样式>投影。当您更改这些设置时,请确保取消勾选“使用全局光”。

全球光使所有的阴影和浮雕的角度相同,我们想要两个不同的光源。记住:两个光源层都应该在原始文本层之上。

步骤4:添加第二个阴影

选择顶部的文本图层,点击图层>图层样式>投影。

步骤5:添加斜角图层样式

现在我们要添加我们的斜面,这将最终给我们的金属外观。点击顶部图层,选择>图层样式>斜面和浮雕。

步骤6:添加缎面图层样式

接下来,我们要添加一个缎面图层样式。

这将使文本的表面有点不一致,增加现实主义。选择>图层样式>缎面。

步骤7:添加渐变图层样式

最后一个图层样式,我们将添加到我们的文本将使文本变暗,以及给我们的文本一些光反射。

我们将使用灰色/白色渐变给我们的文本一些浅色条纹横跨。选择图层>图层样式>渐变叠加。

步骤8:创建金属纹理

我们要给我们的文本一些金属纹理,所以确保你选择了顶部的文本层,然后选择>加载选择。

转到图层>新建图层(Shift + Ctrl / Cmd + N),然后用白色填充选区。现在去过滤>噪音>添加噪音。

步骤9:完成金属纹理

通过选择>取消选择我们的文本Ctrl / Cmd + D),然后转到滤镜>模糊>动态模糊。

设置角度为42度,距离为38像素。选择我们的第一个文本图层,选择>加载选择和选择>逆(Shift + Ctrl / Cmd +我).删除所选区域。

这将消除文本之外的杂音。改变混合模式为正片叠底。你现在完成了创建我们的Photoshop动作。

你现在可以按下停止和操作面板。

步骤10:引入背景图像

现在我们可以完成图像了。下载Jay Leonhart的Wall Texture,把它作为我们的背景图像,放在所有图层的后面。

步骤11:添加文本纹理

我们将添加一个纹理来覆盖文本。下载Lost and Taken的Old Film 10纹理,并将其带入我们的文档。将纹理移动到所有图层之上,并使用编辑>自由变换将其大小减小到30%左右。Ctrl / Cmd + T).

它应该与画布大小相匹配。改变混合模式为叠加。

步骤12:添加一些颜色

接下来,我们将为图像添加一些颜色。

这将增加我们的外观一致性,同时注入温暖。切换到>图层,新建>渐变贴图图层。选择黄色到紫色渐变,并选中反向框。

改变混合模式为叠加,设置不透明度为30%

步骤13:加深边缘

现在我们将使用矩形选框工具()和更换羽毛(Shift + F6)至50像素。转到图层>新建图层(Shift + Ctrl / Cmd + N),然后选择>逆(Shift + Ctrl / Cmd +我),并用黑色填充新图层。改变混合模式为颜色加深。

步骤14:增加光泽

我们要给我们的文本一点额外的光泽使用画笔工具(B).设置大小为20像素,硬度为0%。新建图层>新建>图层Shift + Ctrl / Cmd + N),并将新图层放在旧10胶片纹理图层下。

使用白色(#FFFFFF)作为笔刷颜色;在文本边缘的白色部分点上点。改变混合模式为柔光。

步骤15:锐化图像

我们快到了!

让我们来做最后的润色。首先,通过图层>将图像压平。现在复制图层,点击>复制图层。

选择“过滤>其他> High Pass”,设置半径为10像素。改变混合模式为颜色加深,不透明度为30%。平展这两幅图像。

步骤16:屏蔽边缘

点击图标以快速蒙版模式编辑()。使用渐变工具(G),选择“径向渐变”,点击并拖动文档中间的圆圈。现在,点击图标以标准模式编辑().

如果选框显示不在画布的边缘,请选择>逆(Shift + Ctrl / Cmd +我).

步骤17:模糊边缘

最后一步:仍然选中该区域,点击滤镜>模糊>镜头模糊,使用下面的设置。

教程汇总

通过使用简单的Photoshop技术和一些库存纹理,我们能够创建一个肮脏的金属文本场景。

我们使用各种技术添加阴影和灯光,使用一些滤镜,并结合纹理使我们的场景变得生动起来。最重要的是,你可以通过简单地按下Play with Photoshop Actions来重现相同的金属效果。我希望你喜欢这个教程,并发现了一些你可以付诸行动的技巧。

下载源文件

WebFX职业

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

我们招聘! 视图30 +职位空缺!