研究主題:GlitchArt 故障藝術(shù)
研究對象:故障藝術(shù)的應(yīng)用實現(xiàn)
What?慢显? 都故障了還能稱為藝術(shù)爪模?我想這個詞匯會讓不了解的人,覺得驚訝與陌生荚藻。不過屋灌,作為新的藝術(shù)形式,它其實來源于我們生活中一個十分惱人的情景——數(shù)據(jù)和數(shù)字設(shè)備的故障应狱。
比如小時候共郭,一家人正開開心心的磕著瓜子看著電視,由于信號弱或不知名的原因疾呻,電視畫面突然變成了這個樣子:
或者是這個樣子:
周二沒有電視節(jié)目的時候……
畫面出現(xiàn)異常除嘹、失真、變形罐韩、破碎等混亂情況憾赁,導(dǎo)致我們觀看的欲望也沒有了……但藝術(shù)家們卻從這些偶然產(chǎn)生的“圖像錯誤”中發(fā)現(xiàn)了美,它們不僅代表不完善散吵,更意味著意外和變化龙考,每一次故障都像是打破常規(guī)的再創(chuàng)造。
什么是 Glitch 矾睦?
Glitch 就是小故障晦款、短暫的脈沖波干擾意思,比如說瞬時故障枚冗,可以自我糾正缓溅,但是又相對難以解決的問題,理論上來說赁温,包括人類組織和自然界在內(nèi)的所有類型系統(tǒng)都會遇到故障坛怪,但是該術(shù)語主要在計算機和電子行業(yè)淤齐,電路彎曲以及視頻游戲玩家中比較常見。
A?glitch?is a short-lived?fault?in a system, such as a transient fault that corrects itself, making it difficult to troubleshoot. The term is particularly common in the?computing and?electronics industries,in?circuit bending, as well as among players of?video games. More generally, all types of systems including human?organizations?and nature experience glitches.維基百科上關(guān)于 Glitch 的釋義
而故障藝術(shù)(Glitch Art)袜匿,則是利用事物的故障更啄,進(jìn)行藝術(shù)加工,使這種故障缺陷反而成為一種藝術(shù)品居灯,具有特殊的美感祭务。所以說,故障藝術(shù)的特點就在于顏色與圖像怪嫌,都是失真破碎义锥、錯位變形的,以及一些條紋圖形的穿插輔助岩灭。
美國搞笑綜藝節(jié)目《What's My Line》中的John Daily 進(jìn)一步定義了 Glitch 拌倍,并說這是在發(fā)射火箭過程中遇到的一種不知所以然的問題,所以稱它為“小故障”川背;隨后《時代》雜志在文章中對其進(jìn)行定義:“Glitches—a spaceman's word for irritating disturbances.”直到現(xiàn)在贰拿,Glitch 仍被用來形容火箭發(fā)射時出現(xiàn)的小故障,且延伸出了新的藝術(shù)形式熄云。
無處不在的 GlitchArt
活躍在“Bug圈”的大佬們
被譽為“新媒體藝術(shù)之父”的韓裔美籍藝術(shù)家,白南準(zhǔn)(Nam June Paik)妙真,于1965年創(chuàng)作了《Magnet TV》磁鐵電視缴允。他在電視機上放置了一塊巨大的磁鐵,使顯示屏里的圖像和聲音因磁鐵干擾發(fā)生了變化珍德,故障藝術(shù)也應(yīng)運而生练般。
荷蘭女藝術(shù)家羅莎·滿克曼(Rosa Menkman)是故障藝術(shù)的學(xué)術(shù)領(lǐng)軍人物,她不僅是一位創(chuàng)作故障藝術(shù)的新媒體藝術(shù)家锈候,還是策展人和作家薄料。
《The Glitch Moment》,專門研究故障藝術(shù)的歷史和作品
她還創(chuàng)立了網(wǎng)站——Glitch Studies Manifesto泵琳,成為了世界故障藝術(shù)家們交流學(xué)習(xí)的平臺摄职。
西班牙藝術(shù)家 Maurizio Bongiovanni 的“故障藝術(shù)”小鳥油畫,是在用架上繪畫的方式模仿數(shù)字藝術(shù)效果获列。
意大利藝術(shù)家 Giacomo Carmagnola 的作品風(fēng)格鮮明谷市,熟悉他作品的人總是能從一堆圖片中立刻認(rèn)出。他經(jīng)常將既有人物或景物照片中的面孔與物體模糊化击孩,造成一種數(shù)碼“融化”的效果迫悠。
臺灣藝術(shù)家韓旭東(Hsu Tung Han)的木雕作品,使 GlitchArt 立體可觸碰巩梢。
平面設(shè)計師 Magdiel Lopez 的設(shè)計項目(magdiellopez.com)——每天一款海報設(shè)計挑戰(zhàn)创泄,其中的許多作品都使用了故障效果艺玲。
地毯藝術(shù)家Faig Ahmed,他將故障藝術(shù)融入傳統(tǒng)的地毯創(chuàng)作中鞠抑,在純手工制作的地毯中融入了打碼饭聚、失真變形等數(shù)碼故障元素,織出了這些別具一格的崩壞地毯作品:
日常生活中的故障風(fēng)
厄瓜多爾 LaPradera 市有一家“故障酒吧(GlitchBar)”碍拆,它的前身是一座老舊失修若治、“滿是故障”的老住宅。酒吧希望這次對室內(nèi)的翻修能夠盡可能地減少對原處的破壞感混,重復(fù)利用原來的材料端幼,更好地利用資源,進(jìn)行拆卸時保留了原來有的窗戶(現(xiàn)在變成了門)弧满、磚墻(成為底層地板)以及一些藤蔓植物和門前的棕櫚樹婆跑。
室內(nèi)設(shè)計與裝潢大膽采用了故障藝術(shù)的元素,從酒吧門面到內(nèi)部家具(燈庭呜、開關(guān)滑进、木質(zhì)桌椅和吧臺),都被涂上了帶有裝飾性的抽象割裂圖案募谎,看似支離破碎卻又別具一格扶关,鮮艷又明亮。
電影数冬、廣告节槐、服飾等領(lǐng)域,同樣能見到故障藝術(shù)的運用拐纱。電影《攻殼機動隊》海報铜异,結(jié)合故事調(diào)性,在畫面中鋪設(shè)了大量破碎錯位的條紋秸架, 還有絢麗的色彩揍庄。
帶火了一波網(wǎng)紅和特色城市的抖音,同時還帶火了故障藝術(shù)东抹,Logo和宣傳海報也是運用了大量的條紋裝飾蚂子、圖像錯位、紅綠撞色及顏色錯位來吸引眼球府阀。
滴滴燃到爆的《想出發(fā)就出發(fā)》的廣告片缆镣,利用故障藝術(shù)的特效,呼喚你透過現(xiàn)實做更好的自己试浙,不再優(yōu)柔寡斷尋找借口董瞻。
蘋果 HomePods 廣告短片《Welcome Home 》,巧妙的結(jié)合了“故障藝術(shù)”這樣一個數(shù)字藝術(shù)的概念,但全部以道具實拍實現(xiàn)钠糊。
隨著電腦和網(wǎng)絡(luò)的普及以及電子游戲成為稍微主流的娛樂方式后挟秤,在2010年代以來,越來越多的時裝設(shè)計師們將Glitch Art這種nerdy的藝術(shù)形式滲透到時尚設(shè)計領(lǐng)域抄伍。
Anrealage FW 2011 森永邦彥Kunihiko Morinaga 作品
來自日本的服裝設(shè)計師Nukeme 與視覺藝術(shù)家 Ucnv合作的故障藝術(shù)風(fēng)格風(fēng)衣 2013
Frankie Morello 2015 作品
GlitchArt 算法總結(jié)與實現(xiàn)
由于故障藝術(shù)的風(fēng)格種類比較多艘刚,辭典醬了解到一些常見風(fēng)格的代碼實現(xiàn)。
以下代碼完整版截珍,來自《高品質(zhì)后處理:十種故障藝術(shù)(Glitch Art)算法的總結(jié)與實現(xiàn)》
RGB顏色分離故障(RGB Split Glitch)
RGB顏色分離故障(RGB Split Glitch)攀甚,也稱顏色偏移故障(Color Shift Glitch),是故障藝術(shù)中比較常見的表達(dá)形式之一岗喉。例如秋度,抖音短視頻App的Icon,即是RGB顏色分離故障藝術(shù)風(fēng)格影響下的作品钱床,給整體產(chǎn)品帶來了潮流與年輕的氣息:
RGB顏色分離故障(RGB Split Glitch)荚斯,實現(xiàn)算法的主要要點在于紅綠藍(lán)三個通道采用不同的uv偏移值進(jìn)行分別采樣。一般而言查牌,會在RGB三個顏色通道中事期,選取一個通道采用原始uv值,另外兩個通道進(jìn)行uv抖動后再進(jìn)行采樣纸颜。一個經(jīng)過性能優(yōu)化的實現(xiàn)版本Shader代碼如下:
上述代碼兽泣,得到的渲染表現(xiàn)如下:
錯位線條故障(Line Block Glitch)
錯位線條故障(Line Block Glitch)具有較強的表現(xiàn)力,在Glitch系列特效中的出鏡率也較高胁孙。
該算法的實現(xiàn)思路在于隨機寬度線條的生成撞叨。我們一步一步來,先從生成均勻?qū)挾染€條開始:
基于trunc函數(shù)以及randomNoise函數(shù)浊洞,配合上述調(diào)用代碼,即可得到如下均勻?qū)挾染€條:
接著胡岔,使用如下代碼法希,將均勻漸變線條轉(zhuǎn)為隨機梯度的等寬線條:
然后,將隨機梯度的等寬線條靶瘸,經(jīng)過多次randomNoise操作苫亦,轉(zhuǎn)換為隨機梯度的非等寬線條:
可以得到如下的渲染表現(xiàn):
接著,通過隨機梯度的非等寬線條怨咪,去抖動uv采樣生成源色調(diào)的blockLine Glitch:
對應(yīng)的渲染表現(xiàn)如下:
掃描線抖動故障(Scan Line Jitter Glitch)
掃描線抖動故障(Scan Line Jitter Glitch)算法較簡單屋剑,但是得到的渲染表現(xiàn)卻非常具有沖擊力:
一個比較直接的實現(xiàn)是直接對橫向或者縱向UV進(jìn)行基于noise的抖動,Shader實現(xiàn)代碼如下:
得到的渲染表現(xiàn)如下:
數(shù)字條紋故障(Digital Stripe Glitch)
數(shù)字條紋故障(Digital Stripe Glitch)同樣是出鏡率較高的Glitch系后處理特效之一诗眨。例如在《賽博朋克2077》的gameplay中唉匾,就可以到它的身影:
數(shù)字條紋故障(Digital Stripe Glitch)需在Runtime層完成noise Texture的生成,然后傳入GPU中進(jìn)行最終的運算和渲染呈現(xiàn)。
生成的圖片如下:
喜歡的人超級喜歡巍膘,不喜歡的人則無感厂财。故障藝術(shù)的誕生與流行,顛覆了我們對美的定義峡懈。別具一格的故障藝術(shù)給生活中增添了一抹色彩璃饱。讓我們清楚的意識到,設(shè)計也可創(chuàng)造無限可能肪康。
相關(guān)引用:
羅莎·滿克曼(Rosa Menkman)個人網(wǎng)站:http://rosa-menkman.blogspot.ae/
《高品質(zhì)后處理:十種故障藝術(shù)(Glitch Art)算法的總結(jié)與實現(xiàn)》by CSDN博主「淺墨_毛星云」:https://blog.csdn.net/zhmxy555/article/details/106753402/
https://baike.baidu.com/item/%E6%95%85%E9%9A%9C%E8%89%BA%E6%9C%AF/18512081?fr=aladdin
https://www.sohu.com/a/248784256_528930
https://www.sohu.com/a/273414243_474139
歡迎關(guān)注作者公眾號:UX辭典荚恶,獲得更多UX設(shè)計干貨