如何在 Photoshop 中创建双色调图像

在您进行下一个网站设计时，您可能会考虑一种常见的背景类型：摄影。 虽然这种趋势不一定是独一无二的，但它确实可以有效地设置场景并让用户沉浸在网站的环境中。 如果您正在寻找一种使用摄影的方式，但又要多一点活力，您总是可以尝试双色调图像——它们看起来既有趣又易于创作！

在我们学习如何在 Photoshop 中创建双色调图像之前，让我们更深入地了解一下这种设计趋势。

什么是双色调图像？

双色调的核心只是一个由两种颜色组成的图像。 您之前可能在 Spotify 的 2015 年回顾等活动中见过它们。

这变得越来越流行，尤其是在代理商和小品牌中。 双色调效果是在您的作品和网站中整合和强化您的品牌及其颜色的好方法。 给你一点灵感， LPK 展示了如何使用它的精彩示例。

如果您有兴趣尝试这种技术，您将希望在您选择处理的照片中具有战略意义。 虽然从技术上讲，您可以将双色调效果应用于任何照片，但它在对比度高的图像上看起来会更好。 我还建议使用具有纯色背景的图像，最好是白色——这样可以更轻松地确定您要寻找的基色！

如果您可以使用工作室并且有兴趣拍摄自定义照片，请在设置场景时记住这些提示。 如果您正在处理现有内容，您始终可以先处理照片以提高对比度或更改背景颜色。

对于本教程的其余部分，我们将介绍两种可用于在 Photoshop 中手动创建双色调图像的方法。 第一个是内置的 Photoshop 选项（工作正常，但不是我最喜欢的），第二个使用渐变贴图（我的首选方法，当然，除非您使用我们的自由动作！）。

准备就绪后，将图像加载到 Photoshop 中并创建照片的副本层。 通过编辑副本（而不是原始的底层），您将始终可以使用未经编辑的照片版本。

准备好在 Photoshop 中创建双色调图像了吗？ 让我们开始吧。

如何使用默认的 Photoshop 双色调选项

1. 将图像转换为 8 位灰度

为了使用 Photoshop 内置的双色调选项，首先您必须将图像转换为 8 位灰度。 选择照片的副本，然后转到“图像”>“模式”>“灰度”。 还要验证在同一模式菜单下选择了 8 位/通道选项。

当您选择此选项时，将弹出几个通知。 第一个询问是否要在更改颜色模式之前展平图像或合并图层。 如果您有很多图层，颜色变化可能会影响事物的显示方式（在这种情况下拼合有助于保存您的作品），但在这种情况下，不必担心拼合图像。 如果您想要原始副本，请不要合并图层。

下一条通知询问您是否要丢弃颜色信息。 您必须执行此操作才能使用默认的双色调选项，因此请继续并单击“放弃”。

2.将图像转换为双色调

一旦您的图像模式为 8 位灰度，您就可以使用 Photoshop 中的默认双色调选项。 选择图层，然后转到图像 > 模式 > 双色调。

3. 选择你的颜色

一旦图像处于双色调模式，您就可以开始选择颜色了。 好的部分是，只要您选择了一种新颜色，图像就会更新，这样您就可以看到它的外观（只要选中预览复选框）。 除此之外，这个过程开始变得有点笨拙。 从技术上讲，您可以调整每种颜色的曲线，但图像不会实时更新，因此很难看清正在发生的情况，并导致大量来回。 调整颜色和设置，直到找到所需的效果。

我建议花一分钟时间尝试一下这些设置，只是为了感受一下，但是一旦准备就绪，让我们继续使用第二种在 Photoshop 中创建双色调的方法。

如何使用渐变贴图创建双色调

1.应用渐变贴图

对于此方法，您无需担心更改图像或选择特定颜色模式。 当然，如果您确实想要编辑任何内容，请继续，但照片会照原样正常工作。 准备就绪后，选择图像的副本并转到图像>调整>渐变映射。

根据您的默认设置，此设置将使用灰度映射的渐变覆盖图像。 如果默认值不是黑色和白色，请单击下拉菜单并选择该选项。 如果您遵循第一种方法，您会发现我们已经完成了创建双色调的一半。

专业提示：看到 Reverse 旁边的复选框了吗？ 通过单击它，您将反转照片中的颜色。 对于本教程，我们将不选中它，但如果我们希望背景比主题更暗，该选项可以帮助您进行切换。

2.选择你的颜色

通过单击渐变条，您将在新窗口中打开渐变编辑器。 您可以在此处选择颜色并调整它们在图像上的显示方式。

正如您所看到的，最终图像看起来彼此有很大不同，但两者都会产生美妙的双色调。 我更喜欢使用渐变贴图，因为它更容易控制颜色的强度以及深色调和浅色调的位置，但这两种方法都易于使用。

如何使用双色粉

安装动作

下载动作后，双击文件进行安装。 在 Photoshop 中打开您要使用的图像，然后打开“动作”窗口。

要导航到“动作”窗口，请选择“窗口”>“动作”或按住Shift + F9 。

打开“动作”窗口后，选择要应用双色调效果的图像层。

选择并播放动作

单击“Flywheel – Glitch-a-tron”文件夹上的下拉菜单。 现在，选择“Glitch-a-tron – 选择并点击播放”并按下窗口底部的三角形播放按钮。

点击播放后，您会看到一大堆图层，每个图层都有不同的双色调配色方案！ 要切换，您所要做的就是使您想要的图层可见。

注意：如果您有多个可见的双色调图层，颜色会混合在一起，您可能会开始丢失照片的一些细节。 为了保持清晰，请确保您一次只能看到一个图层（或者随意尝试将双色调分层以获得完全不同的效果！）。

奖励：快速重置您的图像

以防万一您想回溯，该操作会自动创建一个屏幕截图，使您可以返回到应用该操作之前的图像。

通过选择Window > History导航到History窗口。 向上滚动到顶部，然后单击“快照”。 这会重置所有内容，所以你很高兴！

你觉得双色调怎么样？ 您认为它们是一种强烈的设计趋势，还是您更喜欢全彩图像？

想要找到更多用于使用 WordPress 构建和设计令人难以置信的网站的资源吗？ 访问 WP Engine 的资源中心，获取我们为所有技术技能水平的 WordPress 用户创建的庞大的教育指南内容库！