故障艺术风,这是什么Bug?

可搜索课程、软件、讲师、读书、直播

迷幻又浪漫的GlitchArt

研究主题:GlitchArt故障艺术

研究对象:故障艺术的应用实现

比如小时候,一家人正开开心心的磕着瓜子看着电视,由于信号弱或不知名的原因,电视画面突然变成了这个样子:

或者是这个样子:

周二没有电视节目的时候……

画面出现异常、失真、变形、破碎等混乱情况,导致我们观看的欲望也没有了……但艺术家们却从这些偶然产生的“图像错误”中发现了美,它们不仅代表不完善,更意味着意外和变化,每一次故障都像是打破常规的再创造。

什么是Glitch?

Glitch就是小故障、短暂的脉冲波干扰意思,比如说瞬时故障,可以自我纠正,但是又相对难以解决的问题,理论上来说,包括人类组织和自然界在内的所有类型系统都会遇到故障,但是该术语主要在计算机和电子行业,电路弯曲以及视频游戏玩家中比较常见。

Aglitchisashort-livedfaultinasystem,suchasatransientfaultthatcorrectsitself,makingitdifficulttotroubleshoot.Thetermisparticularlycommoninthecomputingandelectronicsindustries,incircuitbending,aswellasamongplayersofvideogames.Moregenerally,alltypesofsystemsincludinghumanorganizationsandnatureexperienceglitches.

——维基百科上关于Glitch的释义

而故障艺术(GlitchArt),则是利用事物的故障,进行艺术加工,使这种故障缺陷反而成为一种艺术品,具有特殊的美感。所以说,故障艺术的特点就在于颜色与图像,都是失真破碎、错位变形的,以及一些条纹图形的穿插辅助。

无处不在的GlitchArt

-活跃在“Bug圈”的大佬们

被誉为“新媒体艺术之父”的韩裔美籍艺术家,白南准(NamJunePaik),于1965年创作了《MagnetTV》磁铁电视。他在电视机上放置了一块巨大的磁铁,使显示屏里的图像和声音因磁铁干扰发生了变化,故障艺术也应运而生。

荷兰女艺术家罗莎·满克曼(RosaMenkman)是故障艺术的学术领军人物,她不仅是一位创作故障艺术的新媒体艺术家,还是策展人和作家。

《TheGlitchMoment》,专门研究故障艺术的历史和作品

RosaMenkman的故障艺术作品

她还创立了网站——GlitchStudiesManifesto,成为了世界故障艺术家们交流学习的平台。

西班牙艺术家MaurizioBongiovanni的“故障艺术”小鸟油画,是在用架上绘画的方式模仿数字艺术效果。

意大利艺术家GiacomoCarmagnola的作品风格鲜明,熟悉他作品的人总是能从一堆图片中立刻认出。他经常将既有人物或景物照片中的面孔与物体模糊化,造成一种数码“融化”的效果。

台湾艺术家韩旭东(HsuTungHan)的木雕作品,使GlitchArt立体可触碰。

平面设计师MagdielLopez的设计项目(magdiellopez.com)——每天一款海报设计挑战,其中的许多作品都使用了故障效果。

地毯艺术家FaigAhmed,他将故障艺术融入传统的地毯创作中,在纯手工制作的地毯中融入了打码、失真变形等数码故障元素,织出了这些别具一格的崩坏地毯作品:

-日常生活中的故障风

厄瓜多尔LaPradera市有一家“故障酒吧(GlitchBar)”,它的前身是一座老旧失修、“满是故障”的老住宅。酒吧希望这次对室内的翻修能够尽可能地减少对原处的破坏,重复利用原来的材料,更好地利用资源,进行拆卸时保留了原来有的窗户(现在变成了门)、砖墙(成为底层地板)以及一些藤蔓植物和门前的棕榈树。

室内设计与装潢大胆采用了故障艺术的元素,从酒吧门面到内部家具(灯、开关、木质桌椅和吧台),都被涂上了带有装饰性的抽象割裂图案,看似支离破碎却又别具一格,鲜艳又明亮。

带火了一波网红和特色城市的抖音,同时还带火了故障艺术,Logo和宣传海报也是运用了大量的条纹装饰、图像错位、红绿撞色及颜色错位来吸引眼球。

随着电脑和网络的普及以及电子游戏成为稍微主流的娱乐方式后,在2010年代以来,越来越多的时装设计师们将GlitchArt这种nerdy的艺术形式渗透到时尚设计领域。

AnrealageFW2011森永邦彦KunihikoMorinaga作品

来自日本的服装设计师Nukeme与视觉艺术家Ucnv合作的故障艺术风格风衣2013

FrankieMorello2015作品

GlitchArt算法总结与实现

由于故障艺术的风格种类比较多,辞典酱了解到一些常见风格的代码实现。

以下代码完整版,来自《高品质后处理:十种故障艺术(GlitchArt)算法的总结与实现》

-RGB颜色分离故障(RGBSplitGlitch)

RGB颜色分离故障(RGBSplitGlitch),也称颜色偏移故障(ColorShiftGlitch),是故障艺术中比较常见的表达形式之一。例如,抖音短视频App的Icon,即是RGB颜色分离故障艺术风格影响下的作品,给整体产品带来了潮流与年轻的气息:

RGB颜色分离故障(RGBSplitGlitch),实现算法的主要要点在于红绿蓝三个通道采用不同的uv偏移值进行分别采样。一般而言,会在RGB三个颜色通道中,选取一个通道采用原始uv值,另外两个通道进行uv抖动后再进行采样。一个经过性能优化的实现版本Shader代码如下:

上述代码,得到的渲染表现如下:

-错位线条故障(LineBlockGlitch)

错位线条故障(LineBlockGlitch)具有较强的表现力,在Glitch系列特效中的出镜率也较高。

该算法的实现思路在于随机宽度线条的生成。我们一步一步来,先从生成均匀宽度线条开始:

基于trunc函数以及randomNoise函数,配合上述调用代码,即可得到如下均匀宽度线条:

接着,使用如下代码,将均匀渐变线条转为随机梯度的等宽线条:

然后,将随机梯度的等宽线条,经过多次randomNoise操作,转换为随机梯度的非等宽线条:

可以得到如下的渲染表现:

接着,通过随机梯度的非等宽线条,去抖动uv采样生成源色调的blockLineGlitch:

对应的渲染表现如下:

错位线条故障(LineBlockGlitch)

-扫描线抖动故障(ScanLineJitterGlitch)

扫描线抖动故障(ScanLineJitterGlitch)算法较简单,但是得到的渲染表现却非常具有冲击力:

一个比较直接的实现是直接对横向或者纵向UV进行基于noise的抖动,Shader实现代码如下:

得到的渲染表现如下:

扫描线抖动故障(ScanLineJitterGlitch)

-数字条纹故障(DigitalStripeGlitch)

数字条纹故障(DigitalStripeGlitch)同样是出镜率较高的Glitch系后处理特效之一。例如在《赛博朋克2077》的Gameplay中,就可以到它的身影:

《赛博朋克2077》中的数字条纹故障(DigitalStripeGlitch)特效@CDProjekt

数字条纹故障(DigitalStripeGlitch)需在Runtime层完成noiseTexture的生成,然后传入GPU中进行最终的运算和渲染呈现。

生成的图片如下:

数字条纹故障(DigitalStripeGlitch)

喜欢的人超级喜欢,不喜欢的人则无感,故障艺术的诞生与流行,颠覆了我们对美的定义。别具一格的故障艺术给生活中增添了一抹色彩,让我们清楚的意识到,设计也可创造无限可能。

THE END
1.MagniloquenceDefine magniloquence. magniloquence synonyms, magniloquence pronunciation, magniloquence translation, English dictionary definition of magniloquence. adj. Lofty and extravagant in speech; grandiloquent. mag·nil′o·quence n. mag·nil′o·quent·ly adv. https://www.thefreedictionary.com/magniloquence
2.CallumMageeBiographyCallum Magee is known for Societal Circle. Contribute to this page Suggest an edit or add missing content Learn more about contributing Edit page More from this person Other works Publicity listings External sites View agent, publicist, legal and company contact details on IMDbPro More to explorehttps://www.imdb.com/name/nm16505289/bio/
3.Doomed&Stoneddoomedandstoned - 带有标签 Psychedelic 的帖子https://doomedandstoned.com/tagged/Psychedelic
4.RobloTheLegendofZeldaWikiFandomRoblo (Oakin en inglés) es un personaje que aparece en el juego The Legend of Zelda: The Wind Waker. Es uno de los kolog que reside en la Isla del Bosque. Después de la Ceremonia Kolog que se gesta anualmente, Roblo puede hallarse en la Isla Estrella sembrando las semillas quehttps://zelda.fandom.com/es/wiki/Roblo
5.MAGNILOQUENTLY在劍橋英語詞典中的解釋及翻譯She raised her head and addressed the crowd magniloquently. The project was magniloquently praised, but its effects were only temporary. 减少例句 Mr Jones stood at the front of the hall and spoke magniloquently. Some parts of the constitution are most magniloquently worded, but not alwayshttps://dictionary.cambridge.org/zht/%E8%A9%9E%E5%85%B8/%E8%8B%B1%E8%AA%9E/magniloquently
6.MagdiellopezMagdiellopez 美国达拉斯平面设计师,坚持每天一张海报 站点介绍 美国设计师Magdiel Lopez的个人网站 高度自律的人都是可怕的, 故障艺术、高明度色彩、光感渐变等, 每天都能欣赏到他运用流行技法的设计新作。https://news.znztv.com/tranferPage/461
7.SpatiotemporalexpressionpatternsofglycineSetae on the pad lamellae of the Japanese gecko Gekko japonicus (Schlegel, 1836), a vital epidermal derivative, are primarily composed of cornified beta-proteins (CBPs) and play a pivotal role in adhesion and climbing. The amino acid composition of CBPs https://bmcgenomics.biomedcentral.com/articles/10.1186/s12864-024-10426-8
8.60个超实用的网络技能学习平台9.MAGDIELLOPEZ: 美国著名的海报设计师的个人网站,他的作品一向设计大胆新奇,色彩丰富多姿。 10.ARTING365: 据说是中国影响力最大的创意门户网站,服务于全球创意、设计、艺术等。 插画类: 1.涂鸦王国: 国内精英插画师社交网站。 2.Pi xiv: 提供插画等作品的投稿、阅览服务的「插画交流网站」。 https://blog.csdn.net/AS8778/article/details/119812872
9.酷站:开阔眼界收获灵感的设计师在线宝库乐观做设计网站地址:http://www.magdiellopez.com/,这是设计师magdiellopez的个人创意站,他的主要设计风格在站内一览无余,丰富的色彩和超现实的想象力增强了画面的冲击力,天马行空的创意让人流连忘返,这种风格也是我们在网上经常会见到的。 NO.5 https://www.booooooom.com/ https://www.shangyexinzhi.com/article/338241.html
10.MagdielLopez,一个来自美国达拉斯平面设计师,一年365天,每天坚持Magdiellopez是一个来自美国达拉斯平面设计师,一年365天,每天坚持出一张海报,产量颇高!上面的风格独特,色彩绚丽,创意俱佳。 Magdiel Lopez 出生于古巴哈瓦那,童年时代受到环绕他的多彩文化的启发。自然而然,这样的教养在塑造洛佩兹对风格、艺术和设计的敏锐感知方面发挥了不可或缺的作用,这可以在他今天的作品中体现出来https://home.designshidai.com/9376.html
11.GIMP2.10.4教程:MagdielLopez风格渐变海报DMDInstagram上的Magdiel Lopez: https://www.instagram.com/magdiellop/?hl=enMagdiel Lopez的网站: http://www.magdiellopez.com/Facebook账号: https://www.facebook.com/DaviesMediaDesign/ Twitter: @戴维斯媒体德斯从戴维斯媒体设计了解更多信息 视频教学 在线课程 https://www.daviesmediadesign.com/zh-CN/?p=5216
12.Moonbo喜欢的图片magdiellopez.com 025_NoEntiendo.jpg 392 DantE-htj采集到 Graphic / LOGO / Visual 香农采集到盔甲 1 采集 item.taobao.com 亚洲古代战士铠甲(大图32p)动漫游戏角色参考资料绘画设计素材-淘宝网 1 香农采集到 盔甲 汪舒丹采集到< 色彩 > - 创意搭配 https://huaban.com/tuqqogxjsn/likes/
13.咖啡dark和medium区别magdiellopez standart slrlounge expresso subtlepatterns reddit是什么意思 superface wellhaven unmute teabag的梗 今日热点我的关注 还在说游戏福利不够?来这款传奇,爆率超高,上线领海量福利! 传奇游戏 · 顶新广告 蚊子在地球上到底有什么用?如果全部灭绝了,会有什么严重后果? 39健康网 +关注 俄https://wenda.so.com/q/1643649100216387
14.magdiellopez美国达拉斯平面设计师,坚持Design Archive Collection I Collection II Collection III Collection IV 3D Posters Contact About Design Archive Collection I Collection II Collection III Collection IV 3D Posters Contact About http://www.magdiellopez.com/