Da9012 Mid Sem Presentation 2020-21 (Fantaisie Chromatique) by Ina Conradi

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

• • • •

Theme and Sounds Moodboard Storyboard Referenced tutorials

Chromatic Fantasies: Mid-term Presentation

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Ominousness of Nature • • • •

Nature’s breath Larger than life Uncontrollable Immense power

Awareness Fear Acceptance Relief

A distinct awareness of the immense power that nature possesses that human beings can never fully comprehend. An innate fear for its vastness in oceans, space, valleys and the tectonic plates that can shift countries. The fear of being microscopic and have your existence be meaningless. A certain relief and release in accepting all this.

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Sounds of Nature Sounds • Sea Organ • Aeolian Wind Harp Instruments played by natural forces.

Nikola Basic, Sea Organ, 2005 http://www.oddmusic.com/gallery/om24550.html http://www.oddmusic.com/clips/sea_organ.mp3

Playing force of the instruments are uncontrollable while the tuning was constructed and engineered by humans. Channelling natural forces with engineering.

Greg Joly, Aeolian Wind Harp http://www.oddmusic.com/gallery/om01000.html http://www.oddmusic.com/clips/grandharp.mp3

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Various Artists, Nikon Small World in Motion, 2014-2019 https://www.nikonsmallworld.com/galleries/small-world-in-motion

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS Timelapse Vision Inc., Various Works http://timelapsevision.com/gallery.html

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS Dan Wills, High Resolution Reaction-Diffusion Displacement, 2014 https://youtu.be/OrstYgsEOvQ

Maxime Causeret, Order from Chaos, 2016 https://youtu.be/_7wKjTf_RlI

Kerim Dündar, Reaction Diffusion, 2014 https://youtu.be/PtPK_xx5Hks

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Storyboard

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Storyboard

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

Progress Video:

Watch here: https://youtu.be/Sx69-cVyquE

JESSIE TIONG / U1830832J DA9012/ MEDIA ART NEXUS

End.

BY: ALVIN LING & CHUAN CHEE

FANTAISIE CHROMATIQUE / mid-term presentation /

DA 9012 MEDIA ART NEXUS

TITLE & ABSTRACT

RISING TENSION Rising Tension was inspired by the politicising of news, online disinformation and social injustices around the world. It has caused heightened tensions among people fragmented by different ideals resulting in protests and riots in different parts of the world (eg. Anti-vax/Antimask protest in the US. HK v China. BLM). It starts when someone is exposed to disinformation online (ie. flat earth), cyber bullying or discrimination. This leads to feelings of mistreatment, indignation within society and the hate against the proverbial “other”. The negative noises within society festers and amplifies into a complex mixture of emotions from anger, fear, disappointment, and disgust. After a struggle to escape, they eventually break free, but the resentment brews deep within without a end in sight. DA 9012 MEDIA ART NEXUS

MOODBOARD

Representational elements: / Flame / Smoke / Glass shatter / Debris / Commotions / Fights / Attacks / Chaos DA 9012 MEDIA ART NEXUS

MOODBOARD

Using particles trails as an abstract representation of different elements like particle flames, flow, shatter, explosion, etc.

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

STORYBOARD

DA 9012 MEDIA ART NEXUS

010

WORK IN PROGRESS

DA 9012 MEDIA ART NEXUS

011

DV9012 / MEDIA ART NEXUS /

Involuntary, Consistent & Unexpected • By Ng Shin Yi

CHROME ST H E S IA

DV9012 / MEDIA ART NEXUS /

Beetroot Design

A LINE GAME

Greek Graphic Design and Illustration Awards 2017

Chromesthesia // Technology // Humans // Nature

Involuntary, Consistent & Unexpected

The Concept of A Line Game

Abstract & Clean

idea

concept // storyboard

style

The action of doing something

The concept of a line is an idea

Neumorphism is a style largely

without consciousness because

where a line is highly used to

used in soft designing of UI/UX,

its deemed as a natural or normal

represent many things in UI/UX

hence would relate to the idea of

reaction. However, the results show

and that this line can actually morph

technology and how user experience

the contrary.

into many more things that are

is used to create associations.

Neumorphism Technique

Possible Movement Designs

unexpected.

More specifically, this idea wishes to

There will be 3 cycle each lasting

Abstraction would allow me

highlight the relation between the

about 30 seconds and in each cycle

to integrate more colors as

elements of Technology, Humans

that involves the involuntary/

Neumorphism is generally a very

and Nature. Where we are so use

associations (10s), consistent/

minimalistic style. Even so, I would

to technology that we sometimes

repetitive (10s) and unexpected

like to keep the aspect of “clean”

neglect the other wonders in the

acts (10s).

so that focus can be placed on the

world.

colors, transformation and music.

Use of Shadows as form

M O O D B O A R D // A RT I ST REFERENCE

DV9012 / MEDIA ART NEXUS /

Animation

Inspiration

Connecting to Concept

https://www.behance.net/gallery/54768649/GreekGraphic-Design-and-Illustration-Awards-2017

• Tension to show form

• Media Screen is like a technological platform

• Pushing through the surface

that is used by the individual.

• Changing to and using the Technique

• Invokes an involuntary movement of how we

of Neuphorism

use the phone or loading screen.

Animation

Colour Scheme

Connecting to Concept

• Morphing of 3 bars together to form a

• Liquefied Colors

• How progression of a line to become a loading

loading bar

• Darker color gradient

bar.

• Loading is loaded from bottom up

• Mixture of Colors

instead of left to right.

• Constant movement of colors

Animation // Colors

Inspiration

Connecting to Concept

• Using varied Colors to showcase

• Nokia Snake game

• Debunking the idea of how a loading bar leads

movement (zooming pass)

• Consuming of an object allows for the

to something

• Colors should be of different intensity

elongation of the snake.

• Instead becomes familiar game of users

• Moving from the background to the surface

o1 // C Y C L E

• 3 Times before settle on surface

as compared to previous • Zoom out + Moving

• Line becomes Snake in game

DV9012 / MEDIA ART NEXUS /

Connecting to Concept •In the game snake, the line is always moving angularly, now there is a change to circular movement. • Line becomes a spiral, away from rigidity tech.

Animation

• Additional of colours

• Zoom out

• Slowly making the colors more

• Line become Spiral form (Curvature

segregated

lines

• Allows for the change from mix to

• Spiral towards the center and falls

segregated

through

Inspiration

Animation

• Showing a contrasting change to the

• Flipping of squares to show a form of

idea of nature

renewal.

• Unexpected idea of the flip.

• The tap of the raindrop to the panel

• Natural and involuntary action of

will be affected by the tap it is on.

Colors

• Connection to the idea of rain drops • A form of force that is only present in nature that pushes the square flips down. • A line as a form of rain drop.

nature (force and flip)

Connecting to Concept

Inspiration

Animation

• The integration of nature and technology, where

• Using Shadows to showcase forms

• Moving up and down (similar to how

the shadow represents the nature part and the

• These forms are the individual

there is a volume change.

increasing waves just like increasing volume.

segregated colors

• Shadow should also be animated

• The colored shadows will become mixture.

• Small droplets become shadow

o2 // C Y C L E

Connecting to Concept

DV9012 / MEDIA ART NEXUS /

Color Scheme

Connecting to Concept

• Continuous movement

• Very segregated colors

• No longer the line as it has been over powered/

• Change of colors

• Gradient

covered by the “shadows” of nature

• Zooming out

• From the “shadows”

Animation

Colour Scheme

Connecting to Concept

• Zooming out

• Gradient Colors

• The colors are contained in a circle to form

• Continuous movement of colors

different circles. • Back to top: Loading bar can come in the form of loading dots

o3 // C Y C L E

Animation

Animation // Colors • Segregated colours • Morphing together to form the line

Connecting to Concept • Connecting back to form 3 loading bars before starting again from the top.

DV9012 / MEDIA ART NEXUS /

Quirky, Curiousity, Frustration, Calm (Nature)

o1 // C Y C L E

AUDIO REFERENCE

o2 // C Y C L E

o3 // C Y C L E

• Very Rhythmic, distinct sounds

• Lighter music eg. Piano

• Totally covered by the colors,

using certain beats / instruments

• Raindrops falling

should be more silent

• Quirky music

• Slightly faster transition music

• Silent/Soft --> More distinct music

• Towards 06, should have increasing

• Back to rhythmic and quirky music

sounds as the shadows become more

before ending.

overwhelming and the volume increase, followed by sudden break.

WORK IN PROGRESS

Problems • Required to learn how to morph

• Used strokes instead of fill

• Repetitive nature, should find

the different bars together

• Trim Paths

suitable plug-in instead.

• Change for background and bars

• Result in issue of the boarder instead of the fill.

WIP – After Effects

sylvia low

fantaisie chromatique

MEDIA ART NEXUS pyschedelic nightmare

pyschedelic nightmare

u1830656h

sylvia low

fantaisie chromatique

THEME RESEARCH

chromesthesia as a phenomenon music or sound involuntarily evoking experiences of color, shape, and movement. IDEA OF ARTOWRK

paradoxical ominosity something beautiful and pure that gives the subtle, contradictory sense of foreshadowing something eerie / evil

THEME pyschedelic nightmare

u1830656h

sylvia low

fantaisie chromatique

chromatic dreamy

PARADOXICAL OMINOSITY

pyschedelic nightmare

soft feverish striking

THEME pyschedelic nightmare

unnerving

u1830656h

sylvia low

fantaisie chromatique

blake kathryn @blakekathryn

ARTISTS pyschedelic nightmare

u1830656h https://www.instagram.com/blakekathryn/post/150110496945

sylvia low

fantaisie chromatique

dorian legret @dorianlegret

ARTISTS pyschedelic nightmare

u1830656h https://www.instagram.com/dorianlegret/ •

sylvia low

fantaisie chromatique

Vasjen Katro @baugasm

ARTISTS pyschedelic nightmare

u1830656h https://www.instagram.com/baugasm/?hl=en

sylvia low

fantaisie chromatique

INITIAL MOODBOARD pyschedelic nightmare

u1830656h From (L) to (R): Alex Valentina, dreamiopsis, Nicolas Grootjans, Eric Hu, https://www.are.na/block/3887974, Nicolas Grootjans, https://blackartsviper.tumblr.com/

sylvia low

fantaisie chromatique

FIRST TESTING pyschedelic nightmare

u1830656h

sylvia low

fantaisie chromatique

2001: space odyssey MONOLITH black monolith appears at each ‘stage’ in the film, as if to signal the change of scene or time period.

HUMAN EVOLUTION + TECH interpretations of the film see it as showing the evolution of man, from apes learning tools to intelligent machine life taking over

y2k aesthetics • tech optisim • retro-futurism • slight overlap into vaporwave

STORY INSPIRATION pyschedelic nightmare

u1830656h

sylvia low

fantaisie chromatique

MOODBOARD pyschedelic nightmare

u1830656h From (L) to (R): ChangNi, (outlook), https://y2kaestheticinstitute.tumblr.com/, https://amourtravel.tumblr.com/image/188345160665, https://diorbodybag.tumblr.com/post/186000501605/ angel-no-444, https://orangemilkrecords.bandcamp.com/album/waterbed, https://anthony10000000.tumblr.com/post/186471043899/tavakan-tomorrow-2000 •

sylvia low

fantaisie chromatique

00:00 clouds moving, water flow

00:05 triangles in sky start to appear

00:15 crystal monolith & eyes appear

STORYBOARD pyschedelic nightmare

scene 1 u1830656h

sylvia low

fantaisie chromatique

00:20 birds & lights appear, float to monolith

00:28 slow zooming in to monolith

00:43 starts to switch scene

STORYBOARD pyschedelic nightmare

scene 1 u1830656h

sylvia low

fantaisie chromatique

00:50 next scene starts to appear

00:53 gradient liquid moving, sky glitching

00:55 pink lake & crystal monolith appears

STORYBOARD pyschedelic nightmare

scene 2 u1830656h

sylvia low

fantaisie chromatique

01:00 items appear and float to monolith

01:08 slow zoom to monolith

01:22 scene 1 appears again

STORYBOARD pyschedelic nightmare

scene 2 u1830656h

sylvia low

fantaisie chromatique

https://www.youtube.com/watch?v=gUuEmBac1UM

https://www.youtube.com/watch?v=8lPQOUpbO_s

SOUND MOODBOARD pyschedelic nightmare

u1830656h

sylvia low

fantaisie chromatique

assets

motion

triangular waves in sky

appears 1 by 1, light glows

waterfalls & clouds

water flows, clouds move slowly

lights & birds

birds & lights move towards monolith slowly at same pace, magnet-like

TECHNIQUES pyschedelic nightmare

Animating still images to look like video

https://www.youtube.com/watch?v=m90MabRjBCY

scene 1 u1830656h

sylvia low

Create an Infinite Zoom | Photos, Videos, Motion Graphics | After Effects Tutorial

fantaisie chromatique

Pro Light Transitions in After Effects https://www.youtube.com/watch?v=Hw5x9xc58fc

https://www.youtube.com/watch?v=N-mOW_B4NH4

TECHNIQUES pyschedelic nightmare

transitions u1830656h

sylvia low

fantaisie chromatique

assets

motion

vaporwave sky

moving gridlines

liquids

gradient liquid flow

chrome balls, heads, hands

all move towards monolith slowly at same pace, magnet-like

TECHNIQUES pyschedelic nightmare

Animated 3D Retro Grid on After Effects Tutorial

https://www.youtube.com/watch?v=Eaz-CyU28Ko

Liquid Marble Effect Backgrounds in After Effects www.youtube.com/watch?v=yclxov7uRXE

scene 2 u1830656h

sylvia low

fantaisie chromatique

thank you pyschedelic nightmare

pyschedelic nightmare

u1830656h