Motion transitions

Motion transitions
En scene tatt fra Jorge R. Canedo sin animasjon av CNN Colorscope

Forord...
siden alle bøker har det

Hei dere som leser, hello world, hallo.

Dette er da mitt første innlegg og generelt sett mitt første skriveri angående animasjon og sånt. Jeg er nok ikke den sterkeste på god grammatikk og sakprosa, så jeg tenkte at dette blir mer en blogg som viser ting visuelt, for det kan jeg litt bedre en å skrive lange flotte tekster hvor folk blir opplyst og forbauset over.

Så la oss begynne, jeg har gitt tittelen på greia "Motion Transitions", og hva er egentlig det? Enkelt forklart er det sånn som den .gifen du ser øverst på innlegget, en ting til en annen ting - helst for å bygge historie fra en scene til en annen scene, sømløst og deilig, men trenger nødvendigvis ikke å gjøre det.

Her er noen eksempler som er så flott at en nesten må si;
OMG YES MORE, MORE, MORE! 👇👇

Adobe education exchange av Rocketpanda
PlusOne Manifesto av PlusOne®
It's Still Being Written av Melanie Gohin
Brainado av Mummu

Som dere kan se så kan en scene bli meget magisk av god bruk av overganger.

La oss ta en titt frame by frame-ish av den flotte animasjonen som er hovedbilde av bloggposten; CNN Colorscope: Green

Under 1 sekund, 16 frames totalt har bildet blitt forvandlet fra fingrer til trær. Hvis man ser nøye på filmen så ser du de flotte neglene blir til trebark, artig det.

Dette er for så vidt et prakt eksempel på hvordan man kan blande in overganger fra scene til scene, og var sikkert et godt budsjettert stykke med en god før produksjon av hvordan scenene skulle være. Nydelig oppsett av scene overganger.

Eksempler på noen overganger som blir brukt i animasjon👇

Wipe
Infinite-Scroll.gif
Infinite Scroll av Pete Henderson
Hard kutt
Infinite-Scroll-2.gif
Infinite Scroll av Pete Henderson
Kutt på handling
Microsoft-Advantage.gif
Microsoft Advantage av The Furrow
Match cut
Blue---CNN.gif
Blue - CNN av Moth
Match cut dynamisk
Away_Travel_the_Vote_Director_Natalie_Labarre.gif
Away "Travel the Vote" - Director Natalie Labarre av Hornet
Dynamisk zoom
Swiss-Fin-Lab.gif
Swiss Fin Lab av Explain Ninja
Uendelig zoom
New-York-Times-Book-Review_-Holiday-Books.gif
New York Times Book Review: Holiday Books av Johnny Kelly
Rotasjon
Blue---CNN-2.gif
Blue - CNN av Moth
Morph / Morphing
Soa-Aids-Nederland-_-Be-Sexy,-Be-Smart.gif
Soa Aids Nederland | Be Sexy, Be Smart av PlusOne®
Organisk
Between Lines av Sarah Beth Morgan

Jeg tror nok folk flest som sitter foran dataen og ser en ny infografikk om en ny mobil, nytt system eller nye veier å gå tenker svært lite på overganger som blir brukt for å styrke historien til animasjonsfilmen. Det er veldig forståelig det, men formålet med dette innlegget er vel det å vise litt frem hvor flott en film kan bli hvis man legger in det lille ekstra krydderet i animasjonen.

Noen flere flotte eksempler på gode overganger nedenfor 😍

Min sjukt profesjonelle anmeldes av disse er som følger:

Wow, hvorfor i faen klarer ikke jeg dette? Dette er jo på et nivå der man har nesten lyst til å gi opp animasjon, men etter hvert innser man at en skal faktisk ikke sammenligne seg selv med andre en seg selv.
9002 poeng av 10 får alle disse.

The Hero's Journey av Iskander Krayenbosch

Siden du har kommet deg så langt ned i innlegget vil jeg si, jippi!

Jeg kan vel så absolutt ikke kalle meg en ekspert på dette området, men har gjort mine keyframes opp igjennom årene og lærer stadig ut nye ting, muligheter og forståelse for hva som kan bli gjort bedre i animasjonsverden.

Jeg håper dette var i det minste interessant for deg som nettopp scrollet deg igjennom innlegget, eller så dette frame by frame på alle eksemplene som har blitt lagt til.

Takk for din oppmerksomhet.

Link til litt mer detaljert bruk av motion transitions;
Six Essential Motion Design Transitions