设计逼真的不锈钢背景和文字[Photoshop教程]

受到他们设计的启发，我试图将这些样式重新带入我的个人设计中，从而创造出一些坚固的东西，看起来有点像一块不锈钢金属。

完整细节在前。

不锈钢背景

步骤1

创建一个空白的新文档，尺寸为600×400。 创建一个新层，将其命名为“ background” ，并用灰色[＃c0c0c0]填充。 复制“背景”层，将新层命名为“ 钢背景 ”，并将其放置在“ 背景 ”的顶部。

第2步

在选择“钢背景”层的情况下，应用“ 滤镜”>“添加噪声”并输入以下设置：

• 数量：14.21
• 分布：高斯
• 单色检查

第三步

在仍选择“ steel background ”图层的情况下，进入“ 滤镜” >“ 模糊” >“ 运动模糊”，然后输入以下设置：

• 天使：0
• 距离：34像素

右键单击“ 钢背景 ”，选择“ 混合选项 ”，然后为“ 渐变叠加–渐变编辑器”输入以下设置：

色标1

• 颜色：＃000000
• 不透明度：50％
• 位置：0％

色块2

• 颜色：#ffffff
• 位置：50％

色块3

• 颜色：＃000000
• 不透明度：50％
• 位置：0％

金属文字

第四步

您的不锈钢背景已基本完成，我们将从那里继续插入看起来应该匹配的金属文本。 使用文本工具 ，在中间写一些东西，最好使用粗字体（我在这里使用Myriad Pro Bold）。 右键单击（或双击）文本层以启动“ 混合选项”对话框。

1. 落影

• 不透明度：38％
• 距离：1px
• 点差：1％
• 大小：2px

• 深度：100％
• 大小：0px
• 软化：0px
• 高光不透明度：42％
• 阴影不透明度：32％

渐变叠加 ， 渐变编辑器

色标1

• 颜色：＃3f3f3f
• 位置：0％

色块2

• 颜色：＃a1a1a1
• 位置：100％

您的文本应类似于以下内容。

第5步

这是您需要密切注意的事项。 按住Control键 （Mac：Command键），然后在文本层上单击鼠标左键以突出显示其轮廓。 确保轮廓仍然存在，选择“ steel background ”图层，然后按Control + J （Mac：Command + J）

这样，您将以文本的形式复制钢背景。 将图层重命名为“ text background ”并将其移到顶部。

第6步

将“ 文本背景 ”更改为“ 颜色加深” ，使其不透明度降低到67％ 。

您的最终输出应类似于下图。

• 下载PSD

翻译自: https://www.hongkiat.com/blog/realistic-stainless-steel-background-and-text-photoshop-tutorial/