如何在 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 日。