故障藝術(shù) Glitch art 制作技巧
《攻殼機(jī)動(dòng)隊(duì)》海報(bào)使用了Glitch Art的設(shè)計(jì)手法,使此風(fēng)格風(fēng)靡當(dāng)下,其視覺的震撼力也是相當(dāng)?shù)膹?qiáng),獨(dú)特的視覺被大家所接受。以前彩色電視出現(xiàn)故障就會(huì)出現(xiàn)花屏,也就是圖像錯(cuò)誤。
在此介紹幾種制作的方法。謝謝!
方法一 通過圖片本身編碼破損制造
使用工具M(jìn)AC
首先在找到一張圖片

打開終端(如圖一),把圖片直接拖進(jìn)去,會(huì)得到路徑,光標(biāo)移到最前面敲命令vim+空格,然后回車,進(jìn)入編輯圖片信息(如圖三)最前面與最后面是圖片基本信息不要編輯,英文輸入法下(接下來都是英文輸入法)按快捷鍵a 進(jìn)入編輯模式接下來,下滑會(huì)看見圖4的編碼(這些是圖片的像素顏色信息),一個(gè)圖片估計(jì)有幾千行,接下來就是刪除(快捷鍵dd),隨即刪除一部分,esc推出編輯模式,最后:w保存(:wq推出保存)

得出下圖

此種方法不受控制,全憑運(yùn)氣,后期也不可拖入軟件修飾(因?yàn)槲募褤p壞)不過可以截圖到ps中處理,如(小編用15min簡(jiǎn)單制作了下)主要用了混合模式/通道:

方法二 使用手機(jī)app PicsArt
相信不會(huì)使用ps的外行也會(huì)使用這個(gè)app就像美圖秀秀一樣,簡(jiǎn)單的運(yùn)用復(fù)制-位移-降低透明度 or 剪切/粘貼-位移/透明 等等。在此偷懶用ps制作幾個(gè)該APP都可實(shí)現(xiàn)的樣式:

方法三 萬能的PHOTOSHOP
ps制作故障藝術(shù)效果的方法有很多種,在此介紹幾個(gè)簡(jiǎn)單易懂的放大:
錯(cuò)位
1.1復(fù)制多個(gè)圖層,利用通道修改顏色,或者其他方式修改顏色。
1.2移動(dòng)v圖層,錯(cuò)位放開。
1.3添加蒙版,稍微修飾,跟具喜好運(yùn)用選擇工具復(fù)制錯(cuò)位,最后可用軸動(dòng)畫修飾增加效果。

制作方法:1.選擇人像,進(jìn)入rgb通道頁面,選擇紅黃藍(lán)任意通道,command點(diǎn)擊縮略圖
2.返回圖層,ctrl+j復(fù)制選擇區(qū)域,調(diào)整前景色位紅or藍(lán),shift+alt+del填充前景色/shift+ command+del填充背景色
3.兩紅藍(lán)圖層放置與原圖上方,添加蒙版修飾邊緣不協(xié)調(diào)之處
4.打開時(shí)間軸面板,第一幀圖層原位不動(dòng),新建一個(gè)幀位v左右位移幾像紅藍(lán)圖層,0.2秒間隙
注:會(huì)使用的ae的同學(xué),可下載一個(gè)混亂抖動(dòng)插件twitch,使用ae制作更為方便
運(yùn)用ps濾鏡制作 在此介紹運(yùn)用置換

制作方法:1.下載一紋理圖(木紋/水波等),ctrl+u去色,保存psd文件
2. 選擇需要制作故障效果的圖片,放置與紋理圖層上方
3.濾鏡-扭曲-置換-參數(shù)默認(rèn)(自己看情況定)
注:ps濾鏡中的波紋,風(fēng),馬賽克等配合通道/漸變映射/混合模式都可以做出很好的效果。
方法四 感謝萬能的程序員
1.https://www.airtightinteractive.com/demos/js/imageglitcher/
這兩個(gè)網(wǎng)站都可直接在線生成故障效果,eg:

酷炫的Glitch Art的設(shè)計(jì)手法,制作方法多樣,如何很好的運(yùn)用于設(shè)計(jì)還是需要多加練習(xí)。
下面推薦一個(gè)這方面設(shè)計(jì)的大神:Magdiellop 作品地址:http://www.magdiellopez.com/
練習(xí)









































