大家好，我是平面設(shè)計干貨君Echo

知識一點點累積，總有一天會厚積薄發(fā)！

Glitch的字面意思是失靈/短時脈沖波干擾/小過失/差錯。

Glitch Art：“故障藝術(shù)”，是數(shù)字設(shè)備故障或模擬故障的美學(xué)化。故障藝術(shù)已成為一種影響大眾審美的藝術(shù)創(chuàng)作風(fēng)格。

今天我來給大家分享一種將圖片處理成基于顏色的故障藝術(shù)風(fēng)格的PS教程，請看效果圖：

在上一次“簡單三步制作3D立體影視圖像效果”教程中，我已經(jīng)提過一些有關(guān)光的三原色（紅、綠、藍）和印刷三原色（青、品、黃）的基礎(chǔ)知識了，這里我再補充點相關(guān)的理論知識。

加色：

RGB（光的三原色）色彩模型是基于加色的一種色彩模型，它可以把一種顏色分解成R、G、B3個分量。R、G、B這3個分量都可以使用從0（黑色）到255（白色）的值。當(dāng)RGB這3個色值相同的時候，產(chǎn)生灰色，這3個相同的色彩值越高，組合起來就是淺灰；越低就是深灰；當(dāng)R、G、B的值都是128時，產(chǎn)生的就是中性灰（50%灰）；當(dāng)R、G、B的值都是255時，產(chǎn)生的就是純白色（255）；當(dāng)R、G、B的值都是0時，產(chǎn)生的就是純黑色（0）。因此，按照不同的組合將這三種色光添加在一起時，可以生成可見色譜中的所有顏色。（顯示器就是采用的這種基于加色的RGB色彩模型。）

加色（RGB）：A. 紅色 B. 綠色 C. 藍色

減色：

CMYK（青色、洋紅色、黃色和黑色顏料，是油墨三原色）是基于減色的色彩模型，這種色彩模型經(jīng)常用于印刷出版。當(dāng)按照不同的組合將這些顏料添加在一起時，可以創(chuàng)建一個色譜。（與顯示器不同，打印機使用減色原色并通過減色混合來生成顏色。）使用“減色”這個術(shù)語是因為，這些原色都是純色，將它們混合在一起后生成的顏色都是原色的不純版本。例如，橙色是通過將洋紅色和黃色進行減色混合創(chuàng)建的。

減色（CMYK）：A. 青色 B. 洋紅 C. 黃色 D. 黑色

從上面的圖片會發(fā)現(xiàn)：將RGB（紅綠藍）三色光混合，分別交叉的部分會產(chǎn)生CMY（青品黃）三原色，所有顏色混合在一起產(chǎn)生了白色；將CMY（青品黃）三種顏料進行混合，分別交叉的部分又會產(chǎn)生紅、綠、藍三種顏色的顏料，所有顏料混合在一起產(chǎn)生了黑色。

色相環(huán)：

色相環(huán)可以輔助我們在處理色彩平衡時調(diào)整顏色分量?？梢允褂蒙喹h(huán)來預(yù)測一個顏色分量中的更改如何影響其它顏色，并了解這些更改如何在 RGB 和 CMYK 顏色模型之間轉(zhuǎn)換。如下圖：

A. 紅色 B. 黃色 C. 綠色 D. 青色 E. 藍色 F. 洋紅

互補色/類似色/臨近色/中差色/對比色：

在色相環(huán)上，離某一顏色30度以內(nèi)的顏色就是這個顏色的類似色；60度以內(nèi)的顏色就是這個顏色的臨近色；90度以內(nèi)的顏色就是這個顏色的中差色；120度以內(nèi)的顏色就是這個顏色的對比色；180度就是這個顏色的互補色。如圖：紅色與青色是互補色、綠色和洋紅色（品色）是互補色、藍色和黃色是互補色，這三種是最最常用的互補色。（顏料三原色與光的三原色正好是互補色）

互補色之間是互相完全吸收的，例如：黃色油墨吸收藍色光，反射紅色光、綠色光，青色油墨吸收紅色光，反射藍色光和綠色光，洋紅色油墨吸收綠色光，反射紅色光和藍色光。

因此，通過增加色相環(huán)中某一顏色的互補色的數(shù)量，可以減少圖像中這一顏色的數(shù)量，反之亦然。加青就是減紅，加黃就是減藍等等，反過來也是一樣。例如：如果想要讓畫面中的天空更藍，除了可以直接增加天空的藍色值外，也可以通過減少畫面的黃色值從而讓天空變得更藍。

色階：

色階概述：使用“色階”調(diào)整通過調(diào)整圖像的陰影、中間調(diào)和高光的強度級別，從而校正圖像的色調(diào)范圍和色彩平衡?！吧A”直方圖用作調(diào)整圖像基本色調(diào)的直觀參考。

色階調(diào)整選項中包含了4個通道模式，全局調(diào)整RGB模式和紅、綠、藍三個單色通道模式。輸入色階和輸出色階可以簡單理解成：輸入是調(diào)整前，輸出是調(diào)整后。全局RGB模式下，輸入、輸出色階中的黑白滑塊分別代表顏色值為0的暗部信息和顏色值為255的亮部信息，輸入色階中間的灰色滑塊則是Gamma值，代表了灰部信息，如下圖。當(dāng)移動輸入或輸出色階的滑塊時，相應(yīng)的就會改變畫面整體的色調(diào)分布情況。如果選擇的是對應(yīng)的單色通道進行調(diào)整的話，改變的就是相應(yīng)的色彩信息。

我們今天的教程里就需要用到上面講到的一些知識點，例如利用互補色原理和色階調(diào)整提取出圖像的青色、洋紅色、黃色等信息，圖層模式的運用又涉及到加色、減色原理等等。講了一堆，下面開始正式的練習(xí)。

具體的操作步驟如下：

首先在PS軟件中打開素材圖片，Ctrl/Cmd+J鍵復(fù)制3層：

分別從下到上將復(fù)制的圖層命名為“青、品、黃”，如圖：

隱藏青、品、黃三個圖層，在背景層上方創(chuàng)建一個黑白調(diào)整圖層，如下：

此時看到的圖片效果應(yīng)該是黑白的，我們將黑白調(diào)整層的不透明度降低一些，65%左右就差不多，這時會看到原圖片的顏色淡淡的浮現(xiàn)了出來。我們可以利用這種方式來沖淡原圖片的顏色。

因為是新建的調(diào)整層，如果效果不滿意，我們還可以隨時返回來繼續(xù)調(diào)整。

既然是利用顏色圖層來制造故障藝術(shù)效果，那么你肯定已經(jīng)猜到了，接下來我們需要分別提取出圖像的青色、品色（也叫洋紅色）和黃色信息。

打開青色圖層前面的眼睛，讓其可見，按Ctrl/Cmd+L鍵調(diào)出色階（也可以通過“圖像-調(diào)整-色階”調(diào)出），選擇紅色通道，將輸出色階里的白色滑塊向左拖動，拖到底直到與黑色滑塊重合，這時得到的圖像就是青色的（將輸出色階里的白色滑塊向左拖動，就是降低圖像的紅色值，減少圖像的紅色信息，根據(jù)互補色原理，減紅就是加青，當(dāng)紅色信息減到0時，得到的就是青色）。如圖：

接著打開品色圖層，同樣的方式按Ctrl/Cmd+L鍵調(diào)出色階，選擇綠色通道，將輸出色階里的白色滑塊向左拖動，直到與黑色滑塊重合，這時得到的圖像就是洋紅色的。如圖：

接著繼續(xù)打開黃色圖層，Ctrl/Cmd+L鍵調(diào)出色階，選擇藍色通道，將輸出色階里的白色滑塊向左拖動，直到與黑色滑塊重合，這時得到的圖像就是黃色的。如圖：

然后，在青品黃三個圖層上分別點擊右鍵，選擇“轉(zhuǎn)換為智能對象”選項，將三個圖層都轉(zhuǎn)化為智能對象（智能對象將保留圖像的源內(nèi)容及其所有原始特性，從而讓您能夠?qū)D層執(zhí)行非破壞性編輯）。

這里再啰嗦一下，智能對象是個非常好用的工具，例如利用智能對象可以執(zhí)行以下操作：

1、執(zhí)行非破壞性變換。可以對圖層進行縮放、旋轉(zhuǎn)、斜切、扭曲、透視變換或使圖層變形，而不會丟失原始圖像數(shù)據(jù)或降低品質(zhì)，因為變換不會影響原始數(shù)據(jù)。

2、處理矢量數(shù)據(jù)（如 Illustrator 中的矢量圖片）。若不使用智能對象，這些數(shù)據(jù)在 Photoshop 中將進行柵格化。

3、非破壞性應(yīng)用濾鏡。可以隨時編輯應(yīng)用于智能對象的濾鏡。

4、編輯一個智能對象并自動更新其所有的鏈接實例。

5、應(yīng)用與智能對象圖層鏈接或未鏈接的圖層蒙版

當(dāng)然還有很多其他的用法，這里不一一列舉，掌握智能對象的使用方法將會對我們的設(shè)計帶來很大的幫助。大家有機會可以多了解下這方面的知識。

都轉(zhuǎn)化成智能對象后，圖層縮略圖右下角都會有個智能對象小標(biāo)志：

接下來，要開始對青品黃三個圖層的智能對象執(zhí)行故障藝術(shù)化處理了。

首先，隱藏黃色圖層和品色圖層，對青色圖層智能對象執(zhí)行“濾鏡-扭曲-波浪”命令，如圖：

在彈出的參數(shù)框中將“類型”選為“方形”，然后根據(jù)小窗口的預(yù)覽效果適當(dāng)調(diào)整“生成器數(shù)”、“波長”、“波幅”、“比例”等選項里面的參數(shù)，然后點擊預(yù)覽小窗口下面的“隨機化”按鈕，每點一次，效果就會發(fā)生一定的變化，并且變化是隨機的，所以自己憑感覺去選擇合適的效果。注意一點：調(diào)整時盡量避開眼睛，不要讓眼睛變形很厲害。以下參數(shù)可供參考：

調(diào)整好了之后，點擊確定，得到如下的效果，當(dāng)然，即使參數(shù)一樣，但由于隨機化的調(diào)整，效果可能會有些許的差別：

接著打開品色圖層，同樣的方式給品色圖層智能對象添加波浪濾鏡，可以通過“濾鏡-扭曲-波浪”調(diào)出參數(shù)窗口，也可以直接使用快捷鍵“Alt/Option+Ctrl/Cmd+F”執(zhí)行上次濾鏡命令并調(diào)出參數(shù)窗口，類型同樣選擇“方形”，在青色圖層參數(shù)基礎(chǔ)上更改下波長和比例，然后點擊“隨機化“，直到效果滿意為止，如下圖參數(shù)可供參考：

調(diào)整好了點擊確定，得到如下的效果，如果覺得得到的效果仍然不太滿意，可以雙擊智能濾鏡下的”波浪“濾鏡重新調(diào)出參數(shù)窗口繼續(xù)進行相應(yīng)的調(diào)整，這就是智能對象的優(yōu)點之一，上面有提到。

繼續(xù)同樣的方式打開黃色圖層，通過“濾鏡-扭曲-波浪”命令或者使用快捷鍵“Alt/Option+Ctrl/Cmd+F”執(zhí)行上次濾鏡命令并調(diào)出參數(shù)窗口：

在品色圖層的濾鏡參數(shù)基礎(chǔ)上點擊“隨機化“：

可多點幾次，通過預(yù)覽小窗口可以看到對應(yīng)的效果，滿意之后點擊確定，得到如下的效果：

如果覺得效果仍然不太滿意，想要變形更為強烈點，記得上面說的，雙擊智能濾鏡下的”波浪“濾鏡，調(diào)出參數(shù)窗口，繼續(xù)調(diào)整：

確定之后，查看效果，嗯，還行：

點擊圖層最右邊的小三角，折疊圖層效果預(yù)覽，將黃色圖層的圖層模式改為“濾色”，效果如下：

接著將品色圖層的圖層模式也改為“濾色”，效果如下：

將青色圖層的圖層模式改為“變暗”，效果如下：

將黑白調(diào)整層的不透明稍微再調(diào)高一點，80%左右差不多：

接下來，給黃色圖層添加一個顏色查找效果，顏色查找命令可通過圖層下方的“創(chuàng)建新的填充或調(diào)整圖層”按鈕調(diào)出，也可直接點擊調(diào)整屬性欄里的顏色查找按鈕調(diào)出，如圖：

在3DLUT文件下拉選項中選擇“EdgyAmber.3DL”：

應(yīng)用之后，效果如下：

這時候的效果比較刺眼。將顏色查找調(diào)整層的圖層模式改為“正片疊底”，并適當(dāng)降低圖層的不透明度，這里調(diào)整到65%左右還不錯，效果如下：

這時候我們想要模仿的故障藝術(shù)效果其實就基本實現(xiàn)了。為了讓圖像更有質(zhì)感，還可以再給圖像添加一個膠片顆粒效果（可以更好地模擬膠片的效果，同時讓畫面的質(zhì)感更強，它可以讓畫面從視覺上顯得更加干燥，從而具有一種物理上的質(zhì)感），具體做法如下：

新建一個空白圖層，命名為“顆粒”：

從工具欄中執(zhí)行“編輯-填充”命令，快捷鍵為Shift+F5：

在彈出的屬性框中將內(nèi)容設(shè)置為“50%灰色（即中性灰）”：

執(zhí)行“濾鏡-Camera Raw濾鏡”命令：

在彈出的窗口中選擇效果窗口，并將顆粒效果中的“數(shù)量”、“大小”和“粗糙度”都調(diào)到最大值100：

最后，將顆粒圖層的圖層模式改為“柔光”，并適當(dāng)調(diào)整圖層的不透明度，這里調(diào)到70%的效果還不錯：

最終效果如下：

總結(jié)：

本篇教程很很長，不知道有幾個人能看到這里，給認真看到這里的小伙伴點贊！

雖然文章很長，但是干貨不少哦??！對于PS初學(xué)者來說應(yīng)該會有很多幫助的！文中主要涉及到的知識點有：關(guān)于顏色的理論知識如加色、減色、光的三原色、顏料的三原色、RGB色彩模型、CMYK色彩模型、色相環(huán)、互補色、色階、色彩平衡；圖層模式如濾色、變暗、正片疊底、柔光等；智能對象知識及應(yīng)用；扭曲波浪濾鏡的應(yīng)用；顏色查找效果應(yīng)用；膠片顆粒效果的應(yīng)用；Camera Raw濾鏡的應(yīng)用；中性灰+柔光模式的運用等等。

因為篇幅太長，還有很多知識點沒有細說，以后再繼續(xù)吧。

感謝你的耐心閱讀，如果你喜歡我的文章，并且覺得對你有用的話，也希望你能不吝分享和轉(zhuǎn)發(fā)，讓我們都能夠結(jié)識更多的設(shè)計小伙伴！學(xué)習(xí)路上一起努力吧！