到了一年一度普渡好兄弟的中元節，雖然司馬杯杯說…『西洋人怕鬼，中國人也怕鬼~』，但飛肯小編偏偏想要來搗蛋搞鬼~ 😛
沒錯，在這次的 Photoshop 入門教學分享文，我們就來玩玩看，如何讓螢幕畫面產生類似壞軌、故障的”詭影”特效吧~
在素材方面，請大家先準備好兩張圖片備用：「人物照」以及「佈滿雲朵的天空」的圖片各一張；
人物素材可點 此處 下載，至於雲朵的天空照片很容易搜尋，所以就請大家自行準備囉~
至於後製時需要的仿 VHS 影帶之字體，小編真心推薦一個居家必備(黑人問號？)、可免費下載許多種類的字型網站「 dafont.com 」，
其中，有一個「VCR OSD Mono」字型很適合用在今天的主題上，提供給大家做參考。
備齊素材後，我們就要正式開工啦！
1. 開啟人物照片
首先，開啟人物照片後，將照片裁切成接近正方形的比例，仿照 VHS 錄影帶流行時的電視機畫面大小，讓畫面略添復古感。
2. 文字與自訂形狀工具
剛剛下載的字型檔，請記得先安裝在電腦中，安裝完畢之後會需要重新啟動一次 Photoshop 才找得到新下載的字型。
如果有同學不清楚如何安裝字型，可參考之前的這一篇教學分享文 :【設計資源】Google Noto Fonts – 免費下載「思源宋體」
用文字工具打上「PLAY 」英文字母以及「日期」，再用自訂形狀工具，畫出一個正三角形；
至於正三角形的箭頭方向，則可以用任意變形工具(“Ctrl + T”)來改變，如此就能做出左上角的影片播放 icon 了。
3. 水平單線選取+傾斜效果
文字部分完成後，可將圖層統一放入同一資料夾裡，接著要正式開始人像圖層的後製囉！
回到人物圖層上，先選擇「水平單線選取畫面工具」：
再點選圖片上任意一處：
再來，利用任意變形工具(“Ctrl + T”)，將單線選取的範圍，稍微拉出一小段高度：
決定好選取範圍高度之後，點選：「濾鏡」 > 「扭曲」 > 「傾斜效果」。
至於傾斜效果的曲線，大家可以參考下方圖示，或者可一邊預視效果，一邊調整至滿意的扭曲程度~
完成後，剛剛選取的範圍就會出現圖示中的這種影像故障效果。 (別忘了按 “Ctrl + D” 取消選取範圍喔~)
然後，要請大家重複幾次上述的這段流程，隨機做出幾個不規則水平排列，長條形狀的影像故障效果。
之後重複操作時，都只需要在「任意變形」之後，利用快速鍵”Ctrl + F”，即可直接套用第一次做好的「傾斜效果」設定，
如果想要加強畫面扭曲的程度，只需要多按幾次快速鍵，就可製造出每個選取區域破壞程度不同的隨機感~
4. 色版搭配傾斜效果
在所有圖層最上方，新增一個空白圖層：
點選 「影像」>「套用影像」：
此面板的參數不必做任何變更，直接按確定即可。
此時，原本空白的圖層會顯示出，已合併套用底下所有圖層後的畫面內容。
再來，請用滑鼠點選「色版」>「紅色色版」：(此時預覽畫面會暫時變成黑白是正常的喔~)
接著，我們要搭配使用的濾鏡同樣是「傾斜效果」，但曲線強度只需要用上下兩個端點，拉出盡量靠近中線、些微偏移的一條直線即可。(傾斜方向不拘)
完成之後，滑鼠點回「RGB」色版，畫面即可恢復彩色。
再點進「色版」中，這次改為選擇「綠色色版」：
一樣使用「傾斜效果」，不過曲線要跟剛才紅色色版拉出的方向相反(或錯開)：
回到「RGB」色版，圖層畫面就會出現這種類似映像管故障、三原色分離的效果了喔！
小提醒 :
如果覺得只做兩個色版的位移還不夠讓人眼花撩亂的話，也可以連「藍色色版」的傾斜效果都一起做，但建議曲線幅度拉小一點才比較不傷眼。 😉
5. 增加水平雜訊線條
新增一個空白圖層，填滿 #1a1b1b 深灰色。
點選 「濾鏡」>「雜訊」>「增加雜訊」 ：
面板上的設定請參照下方圖示：
再來，請點選 「濾鏡」>「模糊」>「動態模糊」：
相關的設定也請參照下方圖示：
完成之後，更改圖層混合模式為「覆蓋」即可。
6. 利用雲朵圖片做畫面毀損效果
一開始有請同學準備好的雲朵照片，我們要在這個步驟中，後製出影帶畫面毀損的詭影效果喔~
開啟圖檔之後，請先按 “Ctrl + Shift + U”去除飽和度。
利用「色階」工具，拉大圖層的黑白對比程度。
點選 「濾鏡」>「扭曲」>「波形效果」，面板上的相關設定請參考圖示：
接著，再點選 「濾鏡」>「扭曲」>「傾斜效果」，曲線可參考圖示或是依預覽自行調整強度：
拷貝成圖層後，就可以利用「移動工具」直接拉進主要的人像圖稿中使用囉~
再來，利用任意變形工具，調整詭影的形狀及比例大小：
最後，將圖層混合模式更改為「濾色」，就完成這個特效囉~
7. 調整畫面:整體傾斜效果、色相/飽和度/色階
做到這裡，其實畫面已大致完成，最後只需要再做一些調整，就可以讓整體效果更突出一點~
跟步驟四的開頭一樣，請先新增一個空白圖層，並「套用影像」：
在整體畫面上的「傾斜效果」，小編只有做了一點微調，讓畫面有點變化卻不至於太複雜：
至於畫面的色彩、濃度或是對比，建議大家可利用圖層面板下方的「調整圖層」功能;
好處是，如果覺得不滿意或是想要改變整體風格時，隨時可以再次點開面板做修改，只要不做圖層合併的動作，就不會影響到其他圖層。
如圖示，小編使用的是「色相/飽和度」與「色階」兩個調整圖層，來做最後的修飾工作~
最後，打上飛肯出品的浮水印，
就完成了這次的 Photoshop 教學分享的範例囉！
期待大家都能發揮創意，搞鬼成功！ 👻👻👻
當您對本文有任何問題或指教，歡迎到我們的【網頁設計交流討論區】一起交流討論喔！