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

Kinetic Type | TED Radio Hour

Kursdokumentation WS15/16, Fingerübung + Semesteraufgabe

Im Kurs 'Motion Standard 01: Kinetic Type' von Prof. Klaus Dufke ging es um die Analyse und den bewussten Einsatz von animierten Schriftbildern.

Die konkrete Semesteraufgabe bestand darin, mit Kinetic Typography - also bewegter Schrift - die Audiospur eines Online Podcasts dem Inhalt entsprechend zu begleiten und seine Botschaft zu unterstützen.

Fingerübung

Zum Warmwerden fiel die Wahl auf eine Kolumne aus dem deutschen Podcast 100 Sekunden Leben. (Archivierte Audiodatei).

Die skurille Erzählung eines eines tragischen Familienvorfalls gefiel mir gut. In Illustrator entwarf ich Stillbilder, die ich im Anschluss in After Effects animierte.

leben.pngleben.png
grandpa-0.pnggrandpa-0.png
grandpa.pnggrandpa.png
trauer.pngtrauer.png

nach verschiedenen Varianten und Stunden mit AE entstanden diese 10 Sekunden:

Analyse

Zur Analyse sollten zwei Kinetic Type-Anwendungen miteinander hinsichtlich Typographie, Timing, Bewegung und Bedeutung etc. verglichen werden.

Ich wählte DNVO und Follow Me, da sie in ihrer Farbgebung sehr ähnlich sind, in ihrer Präsentation und Bedeutung aber deutlich unterschiedlich sind.

Timo_DNVO_follow_me.pdf PDF Timo_DNVO_follow_me.pdf

Semesteraufgabe

Vor der Recherche kannte ich TED bisher nur als großartiges Konferenzformat. Der Podcast-Ableger namens TED Radio Hour verspricht interessante Themen und ist weit mehr als die Audiospur eines Vortrags. (Rechercheaufgabe, Navigation unten rechts).

Host Guy Ruz präsentiert wöchentliche Themensendungen aus dem Bereich Technologie - Entertainment - Design, die mit Interviewgästen, Vortragsausschnitten, passenden Musikstücken, Anekdoten usw. eine abwechslungsreiche und interessante Show ergeben.

Den von mir gewählten Audio-Ausschnitt entdecke ich in einem Podcast, wo er als Intro vorgeschaltet war. Der ~35-sekünder fasst auf eine unterhaltsame Weise den Podcast zusammen, und dank der interessanten Effekt-Untermalung hatte ich gleich Bilder im Kopf.

Stilfindung

Nach verschiedenen Moodboards und Überlegungen fiel meine Entscheidung auf einen sehr schlichten, „cleanen“ Look, den man nahezu wissenschaftlich-steril nennen könnte.

Andere Überlegungen gingen Richtung Projektion (TED Vorträge), wissenschaftliche Darstellungen, stimmungsvolle Bilder. Für meine Anwendung, in der es nicht um ein bestimmtes Themenfeld sondern den gesamten Podcast geht, schien mir der Clean Look dann am geeignetsten.

Außerdem sollte der Fokus meiner Arbeit auf der Bewegung und Animation liegen, nicht auf stimmungsvollen Standbildern.

Das Schriftbild übernahm ich einfach von den sehr prägnanten TED-Buchstaben und wählte den Helvetica-Klon Nimbus Sans von Typekit, der mit diversen Schnitten daher kommt.

ci.jpgci.jpg

projection.jpgprojection.jpg
science.jpgscience.jpg
scribbles.jpgscribbles.jpg
shimmy.jpgshimmy.jpg

Anschließend hangelte ich mich an der Audiospur entlang und erstellte erste Storyboard-Ideen:

storyboard.jpgstoryboard.jpg

Auf Grundlage der Skizzen entstanden die ersten konkreten Entwürfe in Illustrator:

storyboard.pdf PDF storyboard.pdf

... welche anschließend Schritt für Schritt in After Effects animiert wurden.

Ergebnis Semesteraufgabe

Reflektion

Schwierigkeiten hatte ich vor allem mit dem Timing. Bei den Storyboard-Entwürfen hatte ich zwar ständig die Audiospur als Referenz, dennoch fiel es mir im Vorfeld sehr schwer, die Dimension der Zeit in die statischen Entwürfe einzubeziehen. Es war eine Herausforderung, mit der schnellen Sprache mitzuhalten und gleichzeitig lesbar zu bleiben.

Während mir der Part mit den 3D-Würfeln selbst sehr gut gefällt, ist der anschließende Part mit der Weltkugel etwas zu langweilig ausgefallen.

Kollateral

Beim Ausprobieren von After Effects und dem natürlichen Prokrastinationsverhalten entstand außerdem diese Animation, die zugegebenerweise über keine Audiospur verfügt:

Fazit + Perspektive

Bewegtbild und vor allem die Psychologie dahinter finde ich sehr interessant. Die Arbeit mit After Effects war und ist eine Herausforderung für mich, dennoch bin ich immer wieder positiv von den Ergebnissen überrascht.

Für die Planung und das Zusammenspiel eines Audio/Video-Projekts habe ich viel dazu gelernt.

Audio/Video ermöglicht eine unvergleichliche mediale Lebendigkeit! Neben dem konzeptionellen Part sehe ich meine Zukunft jedoch eher in der generischen Animation.

Ich bedanke mich bei Prof. Klaus Dufke, dem Kinetic Type Kurs sowie all den anonymen YouTube-Tutoren ☺.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Prof. Klaus Dufke

Zugehöriger Workspace

MotionStandard.01: Kinetic Type

Entstehungszeitraum

Wintersemester 2015 / 2016