生图提示词手册
首页 新闻资讯 Touch Designer是如何让设计师长出第三只手的?

Touch Designer是如何让设计师长出第三只手的?

沢云平面设计师 大家好,我是沢云,一个热爱音乐的平面设计师。“比较情绪化,又不怎么情绪化的人”,是对自己的评价。因为热爱音乐但职业又是设计师,所以音乐可视化也是自己感兴趣并且在学习…

Touch Designer是如何让设计师长出第三只手的?

沢云平面设计师

大家好,我是沢云,一个热爱音乐的平面设计师。“比较情绪化,又不怎么情绪化的人”,是对自己的评价。因为热爱音乐但职业又是设计师,所以音乐可视化也是自己感兴趣并且在学习的一件事。(在最后我也会分享出来在这段时间的制作过程,希望大家喜欢)

而在学习的过程中,我发现音乐可视化不仅仅是一种视觉和音乐的简单结合,更是在技术升级、人类情感的变迁和工具升级的过程演化出的产物,所以我们要从技术、情感和工具开始介绍,理解音乐可视化背后的意义。之后会介绍我在制作过程中用到的软件touchdesiger及其他我了解到的一些新媒体交互软件,并且简要说一下为什么我想把它称为设计师的“第三只手“?

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

西岸Teamlab

 

01

早期人类情感表达和计算工具

在漫长的人类进化和文明发展过程中,人类的大脑逐渐具有了一种特殊的本领,这就是把直观的形象变成抽象的符号,进行抽象思维活动。正是因为人能够将抽象思维转化为具像的现实思维才使人类真正具备了认识世界的能力。

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

古老人类在南非布隆博斯洞穴将这种标签图案刻在一块红色赭石上。比此前已知来自欧洲的最古老现代人抽象画早大约三万年。‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

早期的智人更是已经拥有了丰富的情感表达以及感知情绪的能力。

Touch Designer是如何让设计师长出第三只手的?

人类的分支尼安德特人的长笛代表“所谓原始人”也能够开始进行音乐创作这样抽象而独特的活动其实表明已经是具有艺术表达能力的创新和敏感的人类了。

* 而往后影响俱乐部场景的“gqom”音乐依旧保持着原始特征这些节拍具有极简、原始和重复的声音以及伴随之出现的gwara gwara/vosho…等舞蹈形成一个富有张力的声、视的艺术表现。如果感兴趣的小伙伴可以去了解一下

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

来自乌干达厂牌HAKULAKULALA的视觉风格依旧延续着古老的图腾样式

在如此原始又模糊的情绪表达出现之后,随着时间推移,2000多年前的古希腊人为了研究天文诞生了迄今为止发现的‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍最古老的计算机。‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Touch Designer是如何让设计师长出第三只手的?

Antikythera 机械装置

Touch Designer是如何让设计师长出第三只手的?

复原图:已有2000年历史,古希腊人用来计算天文位置。

从17-19世纪长达200多年的时间,一批又一批杰出的科学家相继进行了机械计算机的研制,其原理和想法已经接近现在的计算机。

Touch Designer是如何让设计师长出第三只手的?

1623计算钟Rechenuhr

契克卡德常译为「计算钟」据说当计算结果溢出(超出6位数)时,机器会发出响铃警告。金黄色的机械镀铜视觉外表随着旋转扭动齿轮所发出的“卡卡声”结合六位整数的计算。人类第一次将视觉、数学实用、声音结合在一起。集成在这个完美的机器当中。人类的对事物的感知能力又更近了一步!

Touch Designer是如何让设计师长出第三只手的?

契克卡德

直到1946年世界上第一台真正意义上能够重新编程,如采用二进制、可重新使用用的存储器解决各种计算问题的计算机ENIAC的诞生。人类从此正式进入了新世代,但此时计算机的出现还只是单纯进行计算和为根本目的。

Touch Designer是如何让设计师长出第三只手的?

世界上第一台真正意义上的计算机——ENIAC

 

02

从此步入

感知力更高的新世代

与当下对比,历史上无论技术还是工具都已经略显陈旧,人们在发展的进程中,艺术与技术并行,技术催生更加先进的工具诞生,艺术从贵族专属走向大众也慢慢让人们的审美提升,至此人们对于技术和视觉美感的要求在一次次爆发式的提升后,如今的人们已经步入创造力和感知力更高的新世代。

Touch Designer是如何让设计师长出第三只手的?

现在为了满足这种渴望,各种与视觉相关的技术和产业应运而生,一开始人将静态的图像逐帧排列得到动态的影像,再配合生动的音效,影视成为现代社会最重要的消遣活动以及信息传递。

Touch Designer是如何让设计师长出第三只手的?

1982年人类第一个网络表情符号诞生意味着视觉所传递的信息更加的丰富

虽然在这种背景的影响下,图像的清晰度,色彩丰富以及镜头语言的登峰造极创造出一个又一个的视觉“奇迹”。但依然有一拨人不再满足单方面的图像接收,他们希望在图像产生的同时能有更多的感官体验。

Touch Designer是如何让设计师长出第三只手的?

在情感表达欲望的增强和技术能力的提升,新媒体行业的诞生让音乐和图像有了新的结合方式,满足着人们的情感渴望,而在这个过程中工具也在升级,帮助人们更好地完成一些事情。

 

03

当下新媒体流行工具推荐

在情感表达欲望的增强和技术能力的提升,新媒体行业的诞生让音乐和图像有了新的结合方式,满足着人们的情感渴望,而在这个过程中工具也在升级,帮助人们更好地完成一些事情。

向大家推荐自己了解到的目前主流交互软件

Processing是一种开源编程语言,2001年它起初由麻省理工学院媒体实验室的美学和计算机小组成员由Java语言的延伸开发的编程环境。专门为电子艺术和视觉交互设计而创建,其目的是通过可视化的方式辅助编程教学,并在此基础之上表达达数字创意。‍‍

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

by julian_hespenheide

Touch Designer是如何让设计师长出第三只手的?

by Joan Soler-Adillon

Touch Designer是如何让设计师长出第三只手的?

Distance 2D

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

betolarios

openFrameworks openFrameworks 可以说就是 processing 的进阶版本,processing 本身是个开源软件,但openFrameworks 的使用者如果没有较高的编程水平,要实现一些特别的功能与效果,还是容易出现不稳定的状况,加上其他更适应产业化的新媒体开发工具的出现,它已经极少出现在人们的视野里了。

Touch Designer是如何让设计师长出第三只手的?

VVVV 最具有代表性的新媒体工具之一,可以是新媒体创作的转折点,并在很长的一段时间里主导了交互媒体的创作思路。他的主要的应用领域是VJ项目(*Video Jockey 音像骑士:他的职能类似DJ,DJ要将一首首歌曲混音串联在演出时让人们一直随着音乐舞蹈,而VJ要配合DJ的音乐有节奏地播放一些影像来丰富舞台氛围)可视化节点式的创作架构和强大开源性这是它早期的优势。还有目前这款软件只支持Windows系统。

Touch Designer是如何让设计师长出第三只手的?

MaxMSP本身的主要定位是一款强大的音乐制作工具,后期加入了Jitter组件可以实现一下音画互动的视觉效果,但这部分的功能也十分局限。再加上同样是节点式编程软件,但节点结构较为复杂

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

Touchdesigner 是世界上最受欢迎的,视觉艺术创作工具之一。 由3 个人Greg Hermanovic、Rob Bairos 和 Jarrett Smith创办。

它可以称得上是一款真正意义上定义在新媒体交互领域的可视化节点式创作工具。主要用于实时交互新媒体创作。对于他的出现则让目前的设计师或艺术家拥有了又一个可以进行表达的工具。

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

 

04

作品实操过程

在讲完技术、人类情感和工具后,我也亲身将自己的音乐作品进行了可视化的操作。

(ps:小编目前也是在学习与探索当中,请见谅!接下来我也会把自己的制作过程po下来,大家如果觉得不够深入也可以在评论区告诉我,我会虚心学习的~)

一:前期准备工具STEP1:去touchdesigner官网下载软件,网址:
https://derivative.ca/download之后文章内简称Td。

Touch Designer是如何让设计师长出第三只手的?

STEP2:下载abletonlive,网址:
https://www.ableton.com/en/trial/(正版用户试用90d)之后文章内简称Ab。

Touch Designer是如何让设计师长出第三只手的?

到这一步,我们所需要的两大件已经准备完毕,第三步也是最重要的一步,我们需要把这两个软件通过插件“LiveGrabber”进行结合。这样来自Ab的音频信号可以通过此插件进行捕捉。插件网址
https://www.showsync.com/tools

Touch Designer是如何让设计师长出第三只手的?

二:进行链接

STEP3:打开Ab,制作你的音乐(音乐的制作过程我就不PO了,重要的是要把音乐节奏中比较重要的信号节点链接,比如说鼓点包含的信号能量最大)

Touch Designer是如何让设计师长出第三只手的?

STEP4:打开Td,(按下TAP)在音频模块拉出oscin单元,并且打开Ab把下载的插件LiveGrabber中“AnalysisGrabber”(分析信号)和GrabberSender(传输信号)拉至你的Master上,因为我们要让插件进音频的分析和传输。

Touch Designer是如何让设计师长出第三只手的?

STEP5:打开Td,把IP地址改为同一个,并把传输名字也改为同一个。

Touch Designer是如何让设计师长出第三只手的?

在这一步,当Ab中开始即时播放音乐时,Td就可以捕捉到信号了

Touch Designer是如何让设计师长出第三只手的?

信号

已被捕捉

三:进行可视化工作因为过程有些冗长,所以接下来我会把重点部分进行介绍。

开始前我们先创建一个constant(按tap键建立),创建一个圆形。然后把Name改为res数值改为1280,并点击单元右下角十字标志切换窗口,按住界面拖动拉至圆形的resolution,这样当我们按数字1的时候,就会进行刷新。(接下来所有需要调整可视化的组件我们都不要忘记链接constant。)

Touch Designer是如何让设计师长出第三只手的?

然后连接transform单元,调出之前的oscin音频单元链接限制器limit(因为这样可以限制输入信号的大小)调出noise单元分别命名为X,Y链接到math合集里面,最后拉取X 和 Y的数值分别到变形工具的scale上。

Touch Designer是如何让设计师长出第三只手的?Touch Designer是如何让设计师长出第三只手的?

然后链接至comp单元这样他们就被归纳到了一个单元里,添加一个noise,在noise-Transform一栏的Z轴输入“absTime.seconds”这样噪点就会动起来

Touch Designer是如何让设计师长出第三只手的?

这样小球上面就会有动态的效果了,接下来我们要做的就是把效果变得更加完善,加入feedback可以让小球后面会有不一样的效果。具体怎么玩,看大家的想象力了。

我添加的一些组件

我们可以在后面添加一些渐变,置换,或者feedback的效果。把他们都归纳到一个lookup单元中,这样效果就类似前面的math一样,把它们集合在一起。最后我们也要再集合一次到null单元里,就像给它们一家人拍个合照。

最后我们通过moviefileout进行输出就可以啦。一个音视互动的作品就完成了。

Touch Designer是如何让设计师长出第三只手的?

 

05

第三只手并不只是一个软件

经过自己的摸索与学习,我对这款软件也会拥有了更加深入的了解。回到开头,它成为设计师的第三只手并不仅仅只是多了“一个工具”,而是前人先辈不断的总结,在慢慢历史长河中度过无数个时间、空间的迭代,无数个黑暗与黎明的光影交替。从非洲草原先辈以地为床,以天为被。听野兽嘶吼,山鸣谷应。观日月星河的乾坤转移。再到一个个逼仄冷冰冰的实验室不断的将时间钻研智慧积累,对感知能力的探索…所以,这第三只手更是一只充满无限爱的能量的感知之“手”。

Touch Designer是如何让设计师长出第三只手的?

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

12家创业公司+4家大厂全景图:谁会成为中国版Sora?

12家创业公司+4家大厂全景图:谁会成为中国版Sora?

一年前,ChatGPT 的爆火很快在大语言模型领域催生了“百模大战”。一年后,Sora 横空出世再次惊艳世人,这一次是否...

天翼云助力企业制胜AIGC时代

近日,中国云产业联盟暨中关村云计算产业联盟(以下简称“云联盟”)主办的“首届AIGC全网小程序应用创新大会暨云联盟•移动...

第十二届中国创新创业大赛AIGC医疗健康专业赛举办

近日,第十二届中国创新创业大赛AIGC医疗健康专业赛在杭州成功举办。中国创新创业大赛是国内极具权威性和影响力的国家级赛事...

AI生成未来,联想拯救者携手开发者开启AI落地新纪元

2024年1月17日,在联想拯救者及消费生态新品发布会上,AIGC开放社区携手联想拯救者,宣布将共同举办“AI生成未来·...

只有AI才能打败AI!谷歌团队用ChatGPT-4 击败AI审核系统

Google科学家近日进行了一项实验研究,他们运用OpenAI的GPT-4聊天机器人来攻破其他机器学习模型的安全防护措施...

发表回复

返回顶部