還是秉承著一貫的簡單，粗暴，一看就會的原則，用ps簡單制作故障藝術風的動態圖，希望本教程能幫到大家！圖片來源網絡，侵刪。

歡迎加入UI設計群587751709

故障藝術相信大家都不陌生，去年故障藝術流行起來，今年隨著抖音的走紅再次流行起來，故障藝術有很多種方法可以做出，動態效果圖用AE也可以做出來，但本次教程用PS工具簡單的幾步就可以做出好看的故障風，簡單，粗暴，高效，一看就會是教程的原則，話不多說，先看下效果圖：

很帥的有沒有，有沒有被這個動態圖吸引到無法自拔~（咳咳，我說的是這種故障風的效果），接下來就開始我的表演了。

1.選擇一張喜歡的圖片，把水印去掉，一定要喜歡的圖片這關系到你是否有動力把他做出來~

帥到你了嘛！

2.我們把整體顏色處理下，既然是故障風當然要酷炫啊，復制一個圖層，給圖層添加一個漸變，角度0，顏色給個酷炫且對比度大點的

3.把漸變的這個圖層混合模式調一下，可以都試試，選擇自己喜歡的一個效果，這里我選的是濾色

4.好了，這個圖片就是我們待會要處理的圖片了，三鍵+E蓋印圖層，為了一會做動效，下面的圖層可以刪掉，并復制一個蓋印好的圖層

5.重頭戲來了，開始制造故障了（嘿嘿），選中圖層，點擊“添加圖層樣式”選擇“混合選項”，把通道里的G和B取消選擇，圖層整體向前移，移到你覺得合適的位置，人物的幻影就出來啦~

7.開始制作故障條，很簡單，選中圖層，用矩形選框工具在想要故障條的地方拉出選區，按住“ctrl”鍵拖動選框到你想要位置，故障條就做好啦

8.我們來做比較細小的故障效果，選框工具選中要故障的位置，點擊”濾鏡“”風格化“”風“，選擇大風和方向，就做出比較細小的故障效果

9.用這兩種方法，在你想要故障的地方制作故障，注意故障條的寬度不要統一，要大小寬窄不同，這樣才會比較逼真和自然，放一張故障后的圖片，Ps:我這里做的有點多了，大家做的時候可以適當減少點

10.故障條效果做好后就該做動畫效果了，我們用ps的時間軸來做，打開時間軸工具，創建時間軸，轉換為幀動畫，現在只有一個幀，我們復制4個幀，做成5個幀的動畫，每幀設置0.1秒，播放次數改為永遠

11.好，最后一步制造動畫。復制一個圖層做背景層，從第一幀開始設置他的跳動規律，根據自己的喜好，控制故障條圖層和人圖層的位置，可以左右移動兩個圖層，使畫面活躍起來，播放預覽，直的跳動方式滿意時三鍵+S保存，一定要記得保存為gif格式哦~

噔噔噔噔~大功告成啦~

第二次做教程，不足之處歡迎指正，如果有幫到正在看的你，請點贊吧，真心話：寫教程真心不容易，沒有親自實驗兩次時不可能的，所以大家不要吝嗇你們的愛心鴨~