欢迎来到优设汇网
帮助中心

优设汇网

热门搜索: 平面设计    网站建设    广告&印刷    优云智慧   

这两年超火的故障艺术,如何从零开始演变至今的?

  • 时间:2020-07-18 14:49 编辑:鲁仲鹏 来源:网络 阅读:70
  • 扫一扫,手机访问
摘要:故障了还能称为艺术?我想这个词汇会让不了解的人,觉得惊讶与陌生。不过,作为新的艺术形式,它其实来源于我们生活中一个十分恼人的情景——数据和数字设备的故障。比如小时候,一家人正开开心心的磕着瓜子看着电视,由于信号弱或不知名的原因,电视画面突然变成了这个样子:周二没有电视节目的时候……画面出现异常、失真、变形、破碎等混乱情况,导致我们观看的欲望也没有了……但艺术家们却从这些偶然产生的「图像错误」中发现了美,它们不仅代表不完善,更意味着意外和

故障了还能称为艺术?我想这个词汇会让不了解的人,觉得惊讶与陌生。不过,作为新的艺术形式,它其实来源于我们生活中一个十分恼人的情景——数据和数字设备的故障。

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

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

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

什么是 Glitch ?

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

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.
——维基百科上关于 Glitch 的释义

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

美国搞笑综艺节目《What’s My Line》中的John Daily 进一步定义了 Glitch ,并说这是在发射火箭过程中遇到的一种不知所以然的问题,所以称它为「小故障」;随后《时代》杂志在文章中对其进行定义:「Glitches—a spaceman’s word for irritating disturbances.」直到现在,Glitch 仍被用来形容火箭发射时出现的小故障,且延伸出了新的艺术形式。

无处不在的 GlitchArt

1. 活跃在「Bug圈」的大佬们

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

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

△ 《The Glitch Moment》,专门研究故障艺术的历史和作品

△ Rosa Menkman 的故障艺术作品

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

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

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

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

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

2. 日常生活中的故障风

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

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

电影、广告、服饰等领域,同样能见到故障艺术的运用。电影《攻壳机动队》海报,结合故事调性,在画面中铺设了大量破碎错位的条纹, 还有绚丽的色彩。

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

滴滴燃到爆的《想出发就出发》的广告片,利用故障艺术的特效,呼唤你透过现实做更好的自己,不再优柔寡断寻找借口。

苹果 HomePods 广告短片《Welcome Home》,巧妙的结合了「故障艺术」这样一个数字艺术的概念,但全部以道具实拍实现。

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

△ Anrealage FW 2011 森永邦彦 Kunihiko Morinaga 作品

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

△ Frankie Morello 2015 作品

GlitchArt 算法总结与实现

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

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

1. RGB颜色分离故障(RGB Split Glitch)

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

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

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

2. 错位线条故障(Line Block Glitch)

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

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

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

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

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

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

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

对应的渲染表现如下:

△ 错位线条故障(Line Block Glitch)

3. 扫描线抖动故障(Scan Line Jitter Glitch)

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

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

得到的渲染表现如下:

△ 扫描线抖动故障(Scan Line Jitter Glitch)

4. 数字条纹故障(Digital Stripe Glitch)

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

△ 《赛博朋克2077》中的数字条纹故障(Digital Stripe Glitch)特效 @ CD Projekt

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

生成的图片如下:

△ 数字条纹故障(Digital Stripe Glitch)

内容素材来源于互联网,如有侵权请联系管理员删除


       优设汇网为校途社旗下运营平台,专注一站式为客户提供设计素材模板下载、办公文档下载、字牌广告、标牌标识、印刷、建站、设计、媒体投放、促销优惠、供需任务发布等优品优服的买卖交易落地式平台。

        凡入驻本平台开店、发任务的商家客户,本平台将有神秘大礼相送!


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【IT|互联网|】网页不会做,那是画册看得少(下)(2020-08-17 01:39)
【IT|互联网|】网页不会做,那是画册看得少(上)(2020-08-17 01:33)
【IT|互联网|】如何做好网页头部内容设计?来看 58 设计师的总结!(2020-08-17 01:32)
【IT|互联网|】要做什么客户的生意,就把店开成他们喜欢的那样(2020-08-08 22:00)
【基础广告|发光字牌】明明广告店地段很好,为什么客户却不多?(2020-08-08 21:47)
【IT|互联网|】收藏这个网站,全网免费图库一键直达!(2020-07-18 15:06)
【IT|互联网|】设计 Ucan 2020 普惠公开课即将开启(2020-07-18 15:02)
【IT|互联网|】如何从三个方面,做好用户隐私的体验设计?(2020-07-18 14:55)
【IT|互联网|】第二波!2020年7月设计圈超实用干货大合集(2020-07-18 14:51)
【IT|互联网|】 如何让界面更有亲和力?来看这11个值得关注的产品体验细节(2020-07-18 14:50)

联系我们

工作时间:9:00-21:00

投诉建议:ceo@yoshehui.com
vip会员
联系客服
开店小二 入驻认证 投诉建议 联系客服
023-62496834
手机版

扫一扫进手机版
返回顶部