Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Motion Basis 09: Micronarratives Loops

Ein Typo Plakat, ein Walk Cycle und ein Google Doodle. Dies waren die drei Aufgaben aus dem Kurs Motion Basis 09: Micronarrative Loops von Professor Klaus Dufke. Obwohl der Schwerpunkt auf Loops lag, umfasste der Kurs auch Motion Design, Animation, Storytelling, typografische Plakate und den Umgang mit After Effects. Die drei Aufgaben zielten darauf ab, verschiedene Variationen des Themas Loops zu untersuchen. Im Folgenden finden Sie die Entwicklung der Ideen für jede Aufgabe und das daraus resultierende Ergebnis.

1. Aufgabe: Typo Plakat

1.1. Die Idee

Ich wollte, dass mein Poster über ernste Probleme informiert, die in unserer Gesellschaft angegangen werden müssen. Da die psychische Gesundheit in den letzten Jahren zu einem wichtigen Thema geworden ist, habe ich mich entschlossen, mehr darüber zu suchen.

Bei meinen Recherchen stellte ich fest, dass es einen offiziellen Welttag gibt, der der Sensibilisierung für psychische Gesundheit gewidmet ist. Aus diesem Grund habe ich beschlossen, ein Poster zu diesem Datum zu erstellen.

RAFAELA SILVA - plakat - moodboard 2_Page_3.jpgRAFAELA SILVA - plakat - moodboard 2_Page_3.jpg
RAFAELA SILVA - plakat - moodboard 2_Page_2.jpgRAFAELA SILVA - plakat - moodboard 2_Page_2.jpg
RAFAELA SILVA - plakat - moodboard 2_Page_1.jpgRAFAELA SILVA - plakat - moodboard 2_Page_1.jpg
RAFAELA SILVA - plakat - moodboard 2_Page_4.jpgRAFAELA SILVA - plakat - moodboard 2_Page_4.jpg
RAFAELA SILVA - plakat - moodboard 2_Page_5.jpgRAFAELA SILVA - plakat - moodboard 2_Page_5.jpg

1.2. Die Umsetzung

Ich hatte bereits die Idee, etwas mit Papierschnitt-Effekt zu machen, da es in Ebenen hergestellt wird und meine Idee einer Schleife übersetzen könnte.

Außerdem musste ich die Schichten in eine Form bringen, die mit der psychischen Gesundheit zusammenhängen könnte. Es könnte ein Gehirn sein, das Silhuete einer Person oder nur ein Kopf.

Ich entschied mich für die Form eines Kopfes mithilfe der Papierschnitt-Effekt-Technik in Adobe Illustrator.

Nach dem Erstellen des Artwork in Adobe Illustrator habe ich After Effects zum Animieren verwendet. Um meine Vorstellung von Schleifen zu übersetzen, die sich auf die Ebenen des Artwork konzentrieren, habe ich eine 3D-Kameraebene verwendet, um meinem Plakat einen tiefen look zu geben. Zusätzlich habe ich das Text animator tool verwendet, um den Text zu animieren.

World health mental day JPEG 2.jpgWorld health mental day JPEG 2.jpg
Screenshot 2020-03-27 at 19.32.09.pngScreenshot 2020-03-27 at 19.32.09.png

1.3. Das Ergebnis

Kennwort: mentalhealth

2. Aufgabe: Walk Cycle

2.1.Die Idee

Ich habe meine Vorstellung von dieser herausfordernden Aufgabe sehr verändert, wie Sie in meinen Skizzen und Moodboard sehen können. Aber am Ende habe ich beschlossen, etwas zu machen, das Spaß macht und mehr mit Fantasie zu tun hat. Aus diesem Grund habe ich beschlossen, eine Monsterfigur als Thema für diese zweite Aufgabe zu entwerfen.

Rafaela - paper cut animation_Page_3.jpgRafaela - paper cut animation_Page_3.jpg
Rafaela - paper cut animation_Page_2.jpgRafaela - paper cut animation_Page_2.jpg
Rafaela - paper cut animation_Page_1.jpgRafaela - paper cut animation_Page_1.jpg
Rafaela - paper cut animation_Page_4.jpgRafaela - paper cut animation_Page_4.jpg
sketch paper cut animation.jpgsketch paper cut animation.jpg
skecht paper cut austronaut.jpgskecht paper cut austronaut.jpg

2.2. Die Umsetzung

Für diese Aufgabe wollte ich meiner Animation ein handmade look geben, und da das Zeichnen auf einem Ipad dies ermöglicht, habe ich mich entschieden, Procreate-App als Animationswerkzeug für das walk cycle zu verwenden.

Ich skizzierte zuerst einige Ideen für mein Monster, wie er aussehen würde, welche Farbe er haben würde oder welchen Gesichtsausdruck er haben würde.

Danach habe ich 12 Frames für den Laufzyklus gezeichnet. Sobald ich mit den Gehbewegungen zufrieden war, begann ich den Hintergrund zu zeichnen. Ich zeichnete auch 12 Frames für den Hintergrund und kolorierte sieben Frames. Nach dem 7. Frame habe ich nur die anderen Frames dupliziert, um die 12 Frames zu vervollständigen.

PPDS9010.JPGPPDS9010.JPG
QSDV7274.JPGQSDV7274.JPG
Walk_Cycle.jpgWalk_Cycle.jpg

2.3. Time Lapse Video

Kennwort: timelapse

2.4. Das Ergebnis

Kennwort: monster

3. Aufgabe: Google Doodle

3.1 Die Idee

Meine erste Idee für den dritten Auftrag war der 100. Geburtstag des italienischen Regisseurs Fellini.

Obwohl ich seine Filme mag, betrachte ich mich nicht als Fellini-Fan. Und da dies eine Aufgabe wäre, die sich auf Animation konzentriert, wollte ich mit einem Thema arbeiten, das mir wirklich gut gefallen hat. Aus diesem Grund habe ich meine Idee geändert, aus meinem Lieblingsfilmregisseur Wes Anderson ein Google Doodle zu machen.

Abschlusspräsentation - RAFAELA 3_Page_7.jpgAbschlusspräsentation - RAFAELA 3_Page_7.jpg
Abschlusspräsentation - RAFAELA 3_Page_8.jpgAbschlusspräsentation - RAFAELA 3_Page_8.jpg
IMG_7008.JPGIMG_7008.JPG
IMG_7004.JPGIMG_7004.JPG
IMG_7005.JPGIMG_7005.JPG
IMG_7006.JPGIMG_7006.JPG
IMG_7007.JPGIMG_7007.JPG

3.2.Die Umsetzung

Nach umfangreichen Recherchen habe ich mich zunächst entschlossen, eine Animation mit nur berühmten Zitaten aus seinen Filmen zu erstellen. Aber ich dachte, es wäre zu viel Text für ein Google Doodle. Nach Brainstorming entschied ich mich, noch einmal Illustrationen in Procreate seiner berühmten Filme zu machen.

Nachdem ich die Illustrationen in Procreate gemacht hatte, exportierte ich die Dateien als PSD nach Adobe After Effects.

In After Effects habe ich hauptsächlich die Position und Drehung der Elemente jeder Illustration animiert. Jede Illustration hatte ihre eigene Komposition. Nachdem ich die Illustrationen animiert hatte, erstellte ich auf Adobe Illustrator ein artwork für einen Einführungsframe.

Budapest 2.jpgBudapest 2.jpg
Untitled_Artwork.JPGUntitled_Artwork.JPG
Moonrise_Kingdom.JPGMoonrise_Kingdom.JPG
Darjeeling_.JPGDarjeeling_.JPG
Royal_Tenenbaums_.JPGRoyal_Tenenbaums_.JPG
Rushmore.JPGRushmore.JPG

Screenshot 2020-03-27 at 19.37.01.pngScreenshot 2020-03-27 at 19.37.01.png
Screenshot 2020-03-27 at 19.35.41.pngScreenshot 2020-03-27 at 19.35.41.png

3.3. Das Ergebnis

Kennwort: wesanderson

4. Fazit

Dieser Kurs ermöglichte mir meinen ersten Kontakt mit der Welt des Motion Designs. Es war ein sehr herausfordernder Kurs, da ich keine Erfahrung in diesem Bereich hatte, insbesondere wenn es um Software wie Adobe After Effects geht. Ich habe jedoch viel über das behind the scenes der Animation von 2D-Designs gelernt. Dieser Kurs weckte mein Interesse daran, in den Bereichen Animation und Video making weiter zu arbeiten.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Klaus Dufke

Entstehungszeitraum

Wintersemester 2019 / 2020

zusätzliches Material