如何在 Photoshop 中创建故障效果

我开始在互联网上越来越多地看到一个趋势有点倒退：故障效应！ 它为设计增添了一种很棒的机器人、科技感，并与其他趋势很好地搭配，比如双色调效果。 最好的部分是什么？ 创作难度不大！

让我们先从一点灵感开始。 Blendmodes Studio 在他们的网站上应用了故障效果，并将其用作贯穿始终的主题。 在这个网站上，他们加入了一个正弦波，给它另一种故障氛围。 因此，如果您想尝试一下，请按照教程进行操作并选择正弦而不是正方形。 他们在背景和文本悬停效果中都使用了这种效果，从而实现了出色的交互式网站设计。

既然您已经了解了代理商是如何利用这一趋势的，那么让我们深入了解如何自己创建故障效果！

我们将分享两种在 Photoshop 中创建故障效果的方法：

1. 手动方法
2. Glitch-a-tron（一个免费的 Photoshop 动作，您可以下载！）

手动 Photoshop 方法

要创建以下效果，请确保您的文档处于 8 位模式。 为此，请选择Image > Mode > 8bits/Channel 。

打开您的图像并创建一个智能对象

在 Photoshop 中打开文件。 （我将使用这张本地机器人的照片！）首先，右键单击您的图像并选择转换为智能对象或选择图层 > 智能对象 > 转换为智能对象。

创建一个波

通过右键单击并选择复制图层来复制该图层，因此您可以返回原始图层。 将该层命名为“偏移”，另一个命名为“原始”。

现在，选择“偏移”层，选择“滤镜”>“扭曲”>“波浪” 。 对于这一层，我们将创建一个微妙的效果。

您可以根据需要调整这些选项中的任何一个，但是对于这个，我将把生成器的数量设置为 1。然后，将Wavelength更改为最小 279，最大更改为 695，将Amplitude更改为最小 162 和最大值为 441。我还将比例设置为 3% 水平和 1% 垂直。 确保您的Type设置为Square并在Undefined Areas下打开Repeat Edge Pixels 。 设置好这些后，您可以单击随机化，直到看到您喜欢的预览。 您可以在下图中看到我选择的更多调整。 这只会给机器人带来轻微的错位框效果！

（可选）用另一波创造更戏剧化的效果

使用这些相同的步骤在相同的“偏移”层上创建另一个波浪。 这次我将稍微更改设置并将发生器的数量设置为 1。然后，将Wavelength更改为最小 301，最大更改为 884，然后将Amplitude更改为最小 301，最大更改为 699。我还将Scale设置为2% 水平和 1% 垂直。 这使机器人的外观更加扭曲。

创建一个扭曲的剪贴蒙版

复制您的原始图层并将其命名为“附加”。 为了查看您的选择，通过将“附加”置于顶部来重新排序图层。 使用矩形选框工具，选择您想要扭曲的图像的各个部分和大小，同时按住 shift 键。 获得真正出色效果的关键是从整个图像中进行选择。

对选择感到满意后，使用图层面板底部的添加图层蒙版按钮创建蒙版。

现在，在选择了图像（不是蒙版）的附加层上，使用Filter > Distort > Wave将两个波添加到附加层，其设置与之前的步骤类似。

要获得更戏剧化的效果，请取消蒙版与图像的链接。 使用移动工具在您喜欢的任何位置调整图像或蒙版的位置。 您可以根据是否移动蒙版或图像本身来更改效果，但在尝试移动图像时，请确保您在蒙版区域内使用移动工具。

添加高级混合选项

现在将高级混合选项应用于“附加”层和“偏移”层。 首先，选择“偏移”层。 在图层窗口的底部，单击显示“fx”的添加图层样式按钮。 然后，在Blending Options > Advanced Blending下，关闭红色（或 R）通道。

对“附加”层重复相同的步骤。

现在您已经完成了故障，您可以打开和关闭波浪以获得您喜欢的确切效果。

创建线条效果

使用“图层”>“新图层”创建一个新图层，并将其命名为“线条”。 通过单击Edit > Fill将其填充为白色，然后从Contents下拉列表中选择White 。

然后，选择过滤器 > 过滤器库。 在Sketch下拉菜单下，选择Halftone Pattern并将其调整为您想要的效果，但在此示例中，我将大小设置为 1 并将对比度设置为 30。将Pattern Type下拉菜单设置为Lines 。

如果您想更进一步，请通过单击“半色调图案”效果下的“新效果图层”来添加另一个过滤器。 在“艺术”下拉菜单下，选择“水彩”，画笔细节设置为 14，阴影强度设置为 0，纹理设置为 3。

注意：您订购效果的方式会稍微改变它。 当水彩效果高于半色调效果时，图像会显得更亮。 如果半色调高于水彩，图像会显得更暗。

最后，在图层窗口中，将混合模式更改为叠加，不透明度更改为 50%。

就是这样——现在你有了自己的故障效果！ 您的图像应该看起来像是刚从 90 年代的计算机中出来的。

虽然这（希望！）并不太难，但有一种方法可以加快这个过程。

Glitch-a-tron：免费的 Photoshop 动作！

Flywheel 的优秀设计师创建了一个易于使用的 Photoshop 动作，只需单击几下即可将这些步骤应用于您选择的图像！ 要获得免费工具，只需在此表单中输入您的电子邮件地址，然后按照下面教程的其余部分进行操作。

如何使用 Glitch-a-tron

安装动作

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

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

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

选择并播放动作

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

使用图层调整图像

根据您想要的效果，您可以打开和关闭各种图层，选择和移动蒙版或图像，并调整您选择的任何其他设置。

注意：根据图像的大小，您可能需要调整“附加”蒙版的大小或重新定位，因为它已针对 1080 像素 x 1920 像素进行了优化。

奖励：快速重置您的图像

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

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

这个漂亮、省时的资源有很多用途。 您打算将 glitch-a-tron 用于哪些项目？ 在评论中留下你的想法！

本文最初发布于 2018 年 12 月 20 日。最后更新于 2020 年 10 月 18 日。