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

 MediaBasics.25 – WS 12/13

Die Kurs-Dokumentation zeigt Logo und Typo-Animationen, entstanden im Kurs „MediaBasics.25 – Type in Motion“ bei Prof. Klaus Dufke.

01 - Logo-Analyse Station-ID von sat.1

Als Einstieg für die Logoanimation, sollten wir eine bestehende Animation analysieren. Ich wählte die Station-ID von sat.1. Das PDF der Analyse findet sich links unter „Material“ als Download. Die Analyse zeigte vorallem, wie komplex die Animation durch die verschiedenen sich bewegenden Kreise doch ist.

02 - Logo-Animation Kicker Sportmagazin

Für die Logoanimation habe ich mich für das Kicker Sportmagazin entschieden. Da der Kicker das größte europäsiche Fussballmagazin ist, war das Thema Fussball für die Animation schnell klar. Um keine Teams oder Spieler besonders herauszustellen, sondern eine möglichst allgemeine Animation zu erreichen, reduzierte ich die verwendenten Elemente auf einen Fussball und grünen Rasen. Entstanden ist somit ein kleines Fussballspiel ohne Spieler.

03 - Typo-Analyse Main-Title Red Lights

Wie auch schon als Einstieg zur ersten Aufgabe, sollten wir eine bestehende Animation analysieren. Meine Wahl fiel auf den Main-Title zu Red Lights. Besonderes Augenmerk bei der Analyse sollten wir auf Blickführung und die Typo-Animation legen. Das PDF der Analyse kann links unter „Material“ heruntergeladen werden.

04 - Typo-Animation zu illegale Fans von Deichkind

Das Grundthema des Kurses war „Type in Motion“ und so ging es bei der zweiten Aufgabe vorallem um animierte Lesetypografie und die bewusste Blickführung.

Als Grundlage wählte ich den Songtext zu illegale Fans von Deichkind. Inspiriert durch den Main-Title zu Enter the Void, wollte ich eine ähnliche Seherfahrung erreichen - so will man den Text eigentlich lesen, die Geschwindigkeit und die Textgestaltung machen dies auf Dauer jedoch sehr anstrengend. Der Gegensatz zwischen „weiterlesen wollen“ und „es ist anstrengend, ich will aufhören“ machten den Reiz dieser Animation aus.

Umgesetzt wurde die erste Strophe sowie der Refrain. Hieraus sind nun mehr als 200 unterschiedliche, per Hand gestaltete Einzelframes entstanden. Farblich hält sich die Animation Deichkind-typisch in Neon-Farben. Bei der Auswahl der Schriften wurde auf einen inhaltlichen Bezug geachtet. Zur Umsetzung wurden sämtliche Photoshop-Filter, vorallem „leuchtende Konturen“, die Alien Skin EyeCandy 7 Filter, das 16-bit-Malprogramm PabloDraw und jpeg-Glitches verwendet.

007_schiess.png007_schiess.png
019_den.png019_den.png
023_cds_d.png023_cds_d.png
029_unseren_c.png029_unseren_c.png
042_neunundneunzig_c.png042_neunundneunzig_c.png
051_Dixi-Klos_c.png051_Dixi-Klos_c.png
048_der.png048_der.png
064_hacker_a.png064_hacker_a.png
082_sind.png082_sind.png
087_illegale_c.png087_illegale_c.png
068_macht.png068_macht.png
093_fans_f.png093_fans_f.png

Konzeptionell wurde bewusst auf die Audio-Spur während der Animation verzichtet. Das Timing der Texteinblendung stimmt allerdings mit dem Lied überein.

Die Animation versteht sich als Teil der Promotion vor dem Release des eigentlichen Songs oder als Teil eines digitalen Booklets. Angereichert mit weiteren Song-Texten, Bildern und Hintergrund-Informationen könnte solch ein eBook/Booklet als Download mit einem Album vertrieben werden.

In der Umsetzung auf dem iPad wäre die Einbindung der kompletten ungeschnittenen Animation (wie hier als Video eingebunden) denkbar. Man könnte dabei nach Veröffentlichung parallel über ein seperates Gerät das Lied abspielen und am Tablet/iPad die Animation sehen.

Alternativ wäre eine Stückelung der Videos denkbar. Jeder Teil, also Intro, Strophe(n) und Refrain würden eine eigene Seite im eBook bekommen und solange loopen bis der Nutzer zur nächsten Seite wechselt. Damit liese sich der jeweilige Teil öfters sehen, bis der Text komplett gelesen werden konnte. Kommt man nämlich aus dem Lesen raus, ist der Wiedereinstieg sehr schwierig und lässt die Motivation schnell sinken, da das Pausieren, Verlangsamen oder Vor-/Zurückspulen bewusst nicht möglich ist.

05 - Fazit

Die Text-Animation durch die Gestaltung von Standbildern ist wohl nicht der schnellste Weg, wie ich feststellen durfte. Meine Kenntnisse was After Effects angeht, haben sich drastisch verbessert. Da die Gestaltung der Standbilder aber in Photoshop geschehen ist, hätte ich mit einer Animation rein in After Effects wohl noch mehr gelernt - Text-Effekte in Photoshop erstellen ist dagegen nun kein Problem mehr ;)

Schwierigkeiten stellte die Suche nach interessanten Schriften und Text-Effekten dar und nach 200 Styles gehen einem dann doch ein bisschen die Ideen aus.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Klaus Dufke

Entstehungszeitraum

Wintersemester 2012 / 2013