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

Dynamic Type / S P E C T R E

Aufgabe des Kurses ist die Animation eines Zeichensatzes - inklusive einer exemplarischen Anwendung - zu gestalten. Hierzu kommen zwei Übungen und die Dokumentation des Gestaltungsentwurfs.

Übung 1

Erste Versuche eines animierten Zeichensatzes. Als Basis diente der Font „Avenir Next“, welcher zuvor mit Hilfe von Illustrator durch horizontale Linien in vier Teile geschnitten wurde. Anschließend den Font (26 Zeichen + Ziffern) in AE zum Leben erweckt unter Verwendung verschiedener Effekte: -Displacement Map -Turbulent Displacement -Additive Modi zur Überlagerung der einzelnen Layer -unterschiedliche Fills (Füllfarbe) -Weichzeichner -Glow

________________S P E C T R E_________________

sp3.jpgsp3.jpg

Inspiriert durch die Werbeplakate für den neuen James Bond entstand zunächst die Idee einer Animation der Filmbezeichnung „SPECTRE“. Nach Fertigstellung und zufriedenstellendem Ergebnis lag es nahe das System auf den gesamten Zeichensatz auszuweiten.

Dem Spectre-Schriftzug liegt der Font „Faux Occident“ in leicht abgeänderter Form zugrunde. Dieser Font bedient sich dem Prinzip der Dreidimensionalität im Stil einer Prägung oder Keilschrift. Die Buchstaben wirken als wären sie in ein Material hineingearbeitet (oder herausgearbeitet) und die daraus entstehende Schatten- oder Lichtseite bilden den Font.

Dieses Spiel von Licht und Schatten ist Kern der ersten Animationsbewegung der einzelnen Buchstaben. Sie erscheinen durch eine simulierte Verschiebung der Lichtquelle, welche die Licht- und Schattenseiten verschwinden oder auftauchen lässt.

Die Übergänge zwischen Licht und Schatten liegen bei dem Font „Faux Occident“ hauptsächlich in einem 45 Grad Winkel. Bei der Spectre-Variante befindet sich der Wechsel in der Horizontalen und gibt unweigerlich die zweite Bewegung der Buchstabenanimation vor.

Die damit geschaffenen Gesetze für den animierten Font schränken aber auch die Variation von fade-in und fade-out ein. Der bewegte Font enthält somit für den linken (schatten) Teil der Zeichen eine Variante des fade-out und für den rechten (licht) eine Variante des fade-in.

movie 1.jpgmovie 1.jpg

Kreisbewegung.pdf PDF Kreisbewegung.pdf

BOND doku.pdf PDF BOND doku.pdf

Bildschirmfoto 2015-11-15 um 17.05.19.pngBildschirmfoto 2015-11-15 um 17.05.19.png

Bildschirmfoto 2015-11-15 um 17.04.42.pngBildschirmfoto 2015-11-15 um 17.04.42.png

Bildschirmfoto 2015-11-15 um 17.05.52.pngBildschirmfoto 2015-11-15 um 17.05.52.png

Bildschirmfoto 2016-01-31 um 13.12.22.pngBildschirmfoto 2016-01-31 um 13.12.22.png

Bildschirmfoto 2016-01-31 um 13.13.28.pngBildschirmfoto 2016-01-31 um 13.13.28.png

ae projekt.jpgae projekt.jpg

Zeichensatz

Der fertiggestellte animierte Zeichensatz, alle Bewegungen laufen zeitgleich ab.

Sonderzeichen

Die bisher animierten Sonderzeichen, bestehend aus Fragezeichen, Ausrufezeichen, Bindestrich, Punkt und Doppelpunkt.

gif versuche

Unbenannt-2.gifUnbenannt-2.gif

gif versuche ll

Unbenannt-1.gifUnbenannt-1.gif

Anwendungsbeispiel I

rvlt cover album.jpgrvlt cover album.jpg

rivulet records

Im Spätsommer fragte das kleine Electrolabel Rivulet bei mir an ob sie eine meine Arbeiten für ihr nächstes Albumcover verwenden können. Daraus entstand die Idee eines kurzen Teasers für das kommende Album. Gestaltungsmerkmale ist die Invertierung der Farbwerte(Schwarz und weiß). Passend zum Licht- und Schattenspiel der animierten Typographie verändern sich auch in der Animation die Farben von Schwarz zu weiß und umgekehrt. Die Musik gibt dabei die Impulse der Veränderung vor.

Track: Sigil Malik 2015 Rivulet Records Berlin-Leipzig

Anwendungsbeispiel II

MOON

Ein Trailer zum Independet Science-Fiction Film „Moon“ aus dem Jahre 2009 mit Sam Rochwell in der Hauptrolle. Das Footage stammt aus dem original Film und beinhalten die Szenen auf der Mondoberfläche. Die Animation dient auch als eine Art negatives Beispiel, die animierte Schrift benötigt eine gewisse Größe um die dezenten Veränderungen erkennbar werden zu lassen. Der Ton stammt aus einzelnen Tonsnippets von freesound.com

Kursfremde Arbeit

Green of the 50's

Ein im Rahmen des Atelierkurs Farbe enstandener Animationsfilm zu der Verwendung verschiedener Grüntöne in Produktdesign, Advertising-design und Film der 50er Jahre. Vorhanden sind keine animierten Zeichen, jedoch werden ganze Wörter bewegt(auf- und einklappen) Musik: Conny Allen - Rocket 69

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Zugehöriger Workspace

MotionBasis.01: Dynamic Type

Entstehungszeitraum

Wintersemester 2015 / 2016