LogoMark.png

IsmaelRittmann/情報デザイン研究II

HUMAN MODULAR [AUDIO & VIDEO] SYNTHESIZER

(conceptual work) ・・・・・・・・・・・・・・・・

POSTER_V01.jpg

Inspiration / References:
Animation/Video:

Music:

Graphic Design:

Interface- / Product Design:


Overview

What ?

Conceptual and visual work on a fictional audivisual experience space.
A participative music collaboration and performance.

Background and Purpose

I am interested in music and its visualization. In my opinion music is a very social medium. It can connect people without words - since sound itself is a language.

Concept

DESIGN LANGUAGE:

All visual media will be made of colored squares that function as visual modules to structure a space in a grid like fashion. On top of this raster, symbols and bigger shapes are placed to fill the background with content. All symbols only have one outline and always hold the opposite colour to their background. This effect multiplies.

This simple system allows for a unique look but still a lot of variation. It is easy to understand and stands out.

The pictograms function a bit like hyroglyphs and are meant to transport a message via semantic shapes, universally readable.

This system is based on these intuitively chosen colors:
[All colors arranged after brightness]

colors.jpg

Audiovisuals excerpt:
[a big grid of small squares displayes the audiospectrum in an abstract way. It reacts to any sound and can be adjusted in many different ways]

vis canvas size.jpg

[layers of the audiovisual: spectrum, image(symbols), combined]

col1.jpg
img1.jpg
comb.jpg

Concept explanation:
A room with projecters or screens on all four walls would be the ideal space for this fictional experience. The walls play the visuals and the guests have an influence on the music. For this to work I introduced a controller, which also functions as the advertising flyer. The two unique codes on the front of the paper can be read by a camera and translated into a rotational value. This value is then midi mapped to an instrument or effect to influence the music.

Outputs


variants.jpg
final layout of the Flyer and a more soft variant

Music: ITSU - Fingerspelling


Tools



Conclusion

The field of audiovisualisation is huge, and there are millions of ways to translate music into imgery. Creating one real time rendered version was a very good practice. I finally could motivate myself to look into Touchdesigner properly since I have always wanted to learn it.



Research

Current Situation


Technology

With motion tracking systems like XBox Kinect and all kinds of music games, the act of interacting with music is already widely spread and digitised.
These tools however are often used for personal experiences and not utilised for collective, interactive social experiences.



Project Management

Schedule


ToDo

O find a topic
O research
O formulate concept
O hold midterm presentation
O Create a final style for the audiovisual in touchdesigner.
O document that style and touchdesigner program.
O make finished version of flyer and poster.
O prepare everything for the presentation.







WORK LOG




2022.12.06

progress:

2022.11.09

progress:

I am currently thinking of motifs and ways the music visualization could work / what it should look like.

2022.11.02

progress:

presentation:
https://drive.google.com/file/d/1AfTaLj66UqfyoryUkIdeLoqX64RGTu1A/view?usp=share_link

2022.10.28

progress:

work on the interims report
(structure, explanation, etc....)

I composed and structured some simple electronic music loop in Ableton Live.
For this I used the track "ITSU - Futura" as a reference.

2022.10.19

progress:

I improved the previous flyer design.

I am also collecting my thoughts on the process for the midterm presentation to have an easy to understand narrative.

I am currently looking into Touchdesigner and Ableton Live as my tools for audiovisualization.

z2.jpg
z2b.jpg

2022.10.12

introducing the visual language:

I am trying to develop an easy to understand and recognizable craphical identity.
As a basis I use 50x50 mm squares in 12 (13) colors. On each square or 'module' one symbol can be fittet. It is displayed in the contrary color to its background. This creates a sharp and vibrant contrast and the flyer looks very colorful and alive. The base colors were selected to harmonize with each other to some extent but allow for a lot of variety.

colors.jpg
idea 1.jpg
arrow.jpg

As a reference I would like to show some Modular synthesizers:

https://cdn.shopify.com/s/files/1/0009/4362/0155/files/Studio_2019-june6-small_1024x1024.jpg

2022.10.04

formulating the idea:

concept for fictional event:

a flyer acts as invitation and information holder. This flyer has printed various color codes and digital tracking markers on its outside.
This design choice is supposed to make the flyer become a kind of controller that can be registered and read by a camera/computer.
At the event installation the setup allows visitors to use their flyers as controllers to affect the music.

I plan to use the method of modulation as a key principle of the controllers intended function.

explaining illustrations will follow...

music inspiration:
https://detund.bandcamp.com/album/typography

visual inspiration:
https://www.youtube.com/watch?v=bOfpQt4KFCc
https://img.digimart.net/prdimg/m/98/aa642b62b957da65344fff411befe88960de74.jpg
https://image.itmedia.co.jp/news/articles/1802/15/l_koya_pianokit.png



2022.09.26

further research on my topic:

2022.09.21

What am I thinking about? / topic:

Research / Inspiration:





PAGES

GUIDE

添付ファイル: fileimg1.jpg 25件 [詳細] filecomb.jpg 25件 [詳細] filecol1.jpg 25件 [詳細] filevariants.jpg 27件 [詳細] file3.jpg 24件 [詳細] file2.jpg 26件 [詳細] file1.jpg 26件 [詳細] fileF1_BACK_V03.jpg 27件 [詳細] fileF1_FRONT_V03.jpg 24件 [詳細] filePOSTER_V01.jpg 26件 [詳細] fileTouchdesigner Program.jpg 21件 [詳細] filevis canvas size.jpg 24件 [詳細] filez2b.jpg 37件 [詳細] filez2.jpg 30件 [詳細] filearrow.jpg 37件 [詳細] filecolors.jpg 36件 [詳細] fileidea 1b.jpg 35件 [詳細] fileidea 1.jpg 43件 [詳細]
Last-modified: 2022-12-13 (火) 22:08:52