掌握在 Photoshop 中创建故障效果
已发表: 2023-08-12我们在互联网上开始越来越多地看到一种有点倒退的趋势:故障效应! 它为设计增添了一种出色的机器人、科技感,并与其他趋势完美搭配,例如双色调效果。 最好的部分是什么? 创造起来并不太困难!
让我们首先从一点灵感开始。 Blendmodes Studio 在其网站上应用了故障效果,并将其用作贯穿始终的视觉主题。 在这个网站上,他们加入了正弦波,赋予它另一种故障氛围。 因此,如果您想尝试一下,请按照教程进行操作并选择正弦而不是方波。 他们在背景和文本悬停效果中都使用了这种效果,从而打造出出色的交互式网站设计。

现在您已经了解了代理机构如何利用这一趋势,让我们深入了解故障效果的来龙去脉,并学习如何自己创建故障效果!
了解 Photoshop 故障效果
数字领域中的故障概念导致了故障艺术的出现,艺术家故意操纵或破坏数字媒体来创造迷人的视觉效果。 Photoshop 的故障效果处于这一趋势的最前沿,它源于对图像处理软件中错误的利用。
故障艺术的起源可以追溯到认识到数字错误固有的艺术潜力。 故障最初被视为不受欢迎的异常现象,后来被接受其不可预测性的艺术家转变为一种新的表达形式。 Photoshop 的故障效果体现了这一理念,将随机性和不完美性视为创作过程中不可或缺的组成部分。
在 Photoshop 中创建毛刺效果的分步指南
我们将分享两种在 Photoshop 中创建故障效果的方法:
- 手动方法
- Glitch-a-tron(您可以下载免费的 Photoshop 动作!)
手动 Photoshop 方法
要创建以下效果,请确保您的文档处于 8 位模式。 为此,请选择图像 > 模式 > 8 位/通道。

打开图像并创建智能对象
在 Photoshop 中打开您的文件。 (我们将使用本地机器人的这张照片!)首先,右键单击您的图像并选择“转换为智能对象”或选择“图层”>“智能对象”>“转换为智能对象” 。

创建波浪
通过右键单击并选择“复制图层”来复制该图层,这样您就可以返回到原始图层。 将该层命名为“偏移”,将另一层命名为“原始”。

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

您可以根据需要调整这些选项中的任何一个,但对于这个选项,我们将发生器的数量设置为 1。然后,将波长更改为最小 279,最大更改为 695,将振幅更改为最小 162,最大为 441。我还将“比例”设置为水平 3% 和垂直 1%。
确保您的“类型”设置为“方形” ,并在“未定义区域”下打开“重复边缘像素” 。 完成这些设置后,您可以单击随机化,直到看到您喜欢的预览。 您可以在下图中看到我们选择的更多调整。 这只会给机器人带来轻微的错位盒子效果!

(可选)用另一波创造更戏剧化的效果
使用相同的步骤在同一“偏移”图层上创建另一个波浪。 这次,我将稍微更改设置并将发生器数量设置为 1。然后,我们将波长更改为最小值 301,最大值更改为 884,然后将幅度更改为最小值 301,最大值更改为 699。我们还将将“缩放”设置为水平 2% 和垂直 1%。 这使得机器人看起来更加扭曲。

创建扭曲的剪贴蒙版
复制原始图层并将其命名为“extras”。 为了查看您的选择,请通过将“extras”置于顶部来重新排序图层。 使用矩形选框工具,在按住 Shift 键的同时选择要扭曲的图像的各个部分和大小。 获得真正出色效果的关键是从图像的各个部分进行选择。

一旦您对选择感到满意,请使用图层面板底部的添加图层蒙版按钮创建蒙版。

现在,在选定图像(不是蒙版)的额外图层上,使用滤镜 > 扭曲 > 波浪向额外图层添加两个波浪,其设置与之前的步骤类似。


要获得更引人注目的效果,请取消遮罩与图像的链接。 使用移动工具根据需要调整图像或蒙版的位置。 您可以根据是否移动遮罩或图像本身来更改效果,但在尝试移动图像时,请确保在遮罩区域内使用移动工具。


添加高级混合选项

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

对“extras”层重复相同的步骤。
现在您已经完成了故障,您可以打开和关闭波形以获得您喜欢的确切效果。
创建线条效果
使用“图层”>“新建图层”创建一个新图层,并将其命名为“线条”。 单击“编辑”>“填充” ,然后从“内容”下拉列表中选择“白色”,将其填充为白色。


然后,选择“滤镜”>“滤镜库” 。 在“草图”下拉列表下,选择“半色调图案”并将其调整为您想要的效果。 对于本示例,我们将大小设置为 1,对比度设置为 30。设置“图案类型”下拉列表显示“线条” 。

如果您想更进一步,请通过单击“半色调图案”效果下的“新建效果图层”来添加另一个滤镜。 在“艺术”下拉列表下,选择“水彩” ,将画笔细节设置为 14,将阴影强度设置为 0,将纹理设置为 3。
注意:您对效果的排序方式会略有改变。 当水彩效果高于半色调效果时,图像会显得更亮。 如果半色调位于水彩上方,则图像会显得更暗。

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

就是这样——现在你有了自己的故障效果! 您的图像应该看起来像是刚从 90 年代的计算机中出来的。
虽然这(希望如此!)并不太困难,但有一种方法可以加快这一过程。
Glitch-a-tron:免费的 Photoshop 动作!
我们出色的设计师创建了一个易于使用的 Photoshop 操作,只需单击几下即可将这些步骤应用到您选择的图像! 下载下面的免费工具,然后按照本教程的其余部分进行操作。
如何使用 Glitch-a-tron
安装动作
下载该操作后,双击该文件进行安装。 打开您要在 Photoshop 中使用的图像,然后打开“操作”窗口。
要导航到“操作”窗口,请选择“窗口”>“操作”或按住Shift + F9 。

打开“动作”窗口后,选择要应用故障效果的图像图层。
选择并执行动作
单击“Flywheel – Glitch-a-tron”文件夹上的下拉菜单。 现在,选择“Glitch-a-tron – 选择并点击播放”,然后按窗口底部的三角形播放按钮。

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

注意:根据图像的大小,您可能需要调整“额外”蒙版的大小或位置,因为它针对 1080 像素 x 1920 像素进行了优化。
奖励:立即重置您的图像
以防万一您想回溯,该操作会自动创建一个屏幕截图,使您可以返回到应用该操作之前的图像。
通过选择“窗口”> “历史记录”导航到“历史记录”窗口。 向上滚动到顶部,然后单击“快照”。 这会重置一切,所以您可以开始了!

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