001 — Motion Design 2024 After Effects, Illustrator

Bauhaus
Bounce

Eine 70-sekündige Animation über die Reise einer geometrischen Form durch verschiedene Designepochen.

Bauhaus Bounce2. Semester · 2024
ModulErweiterte Design­grundlagen
CAD & Motion Design
HochschuleHTW Berlin
Kommunikationsdesign
WerkzeugeAfter Effects,
Illustrator
FormatEinzelarbeit
70 Sek. Animation
  • Eigenständiges Animationsvideo mit eigener Storyline und Character
  • Reise eines Dreiecks durch Bauhaus, Pop-Art und Retro-Futurismus
  • Plakate, Illustrationen und Animation komplett in Einzelarbeit
  • Verbindung moderner Motion-Effekte mit historischen Stilmitteln
Werkschau-Plakat Bauhaus Bounce
Plakate der drei Designepochen
Werkschau-Plakat im Bauhaus-Stil Bauhaus
Pop-Art-Plakat mit Halftone-Optik Pop-Art
Retro-Futurismus-Plakat mit Wireframe-Ästhetik Retro-Futurismus
Finales Animationsvideo
Storyablauf
Einführung
Akt 1
Akt 2
Pause
Akt 3
Ausstellungs­raum
Ein Dreieck erwacht in einer Galerie zum Leben und tritt aus einem Bauhaus-Plakat heraus.
Bauhaus
Klare Formen, geometrische Grundformen und reduzierte Farbpalette. Die Form erkundet Poster aus der Bauhaus-Ära.
Pop-Art
Lebendige Farben, Halftone-Raster und Übertreibung. Das Dreieck integriert sich in ein Pop-Art-Poster.
Tetris
Ein spielerischer Bruch. Das Dreieck macht eine „Design-Reise-Pause" und spielt Tetris im Retro-Pixel-Look.
Retro-
Futurismus
Wireframe-Gitter, Torus-Formen und Neon-Blau. Das Dreieck kommt in der Zukunft an.
Storyboard

Von der Skizze
zur Animation

  • Sechs Panels für die fünf Epochen plus Ankunft
  • Skizziert auf Papier vor der digitalen Umsetzung
  • Jedes Panel definiert Komposition, Kamerabewegung und Übergang
  • Grundlage für die gesamte Timeline in After Effects
Storyboard-Skizze mit sechs Akten der Animation
Stilfindung

Drei Epochen,
ein Character

  • Bauhaus: Klare Formen, inspiriert vom Weimarer Bauhaus
  • Pop-Art: Halftone-Optik und kräftige Farben nach Lichtenstein
  • Tetris: Retro-Computerspielästhetik als spielerischer Bruch
  • Retro-Futurismus: Gitterformen und Wireframe-Ästhetik der 80er
  • Übergänge: Crossover von Assets für fließende Verbindungen
Bauhaus-Plakat als Stilreferenz
Arbeitsumgebung, After Effects Adobe After Effects Workspace mit Timeline und Komposition
Effekte
Moderner Effekt,
Retro-Charme
Ein durchgängiger Grain-Effekt zieht sich über die gesamte Animation. Er bildet das verbindende Element zwischen den verschiedenen Designepochen und verleiht dem Video Wärme und Textur. Ohne den Grain wirken die Vektorgrafiken steril, mit ihm entsteht ein organischer, fast analoger Look.
Die Umsetzung erfolgte über einen separaten Adjustment Layer in After Effects. Besonders in den Übergängen federt der Grain den visuellen Bruch zwischen den unterschiedlichen Farbwelten ab und sorgt für einen kohärenteren Flow.
Arbeitsweise
Vom Storyboard
zur fertigen Animation
Zuerst wurden die Plakate für jede Epoche in Illustrator gestaltet, dann die Einbindung des Dreiecks animiert, anschließend die Übergänge zwischen den Epochen entwickelt. Sound-Design und Feinschliff bildeten die letzte Phase.
After Effects
AnimationGesamte Animation und Compositing in After Effects
Illustrator
IllustrationAlle Plakate und Assets in Illustrator erstellt
KonzeptionStoryboard, Storyablauf und Epochen-Recherche
Sound DesignMusik und Soundeffekte passend zu jeder Epoche
Herausforderungen

Retro trifft
Modern

  • Moderne Motion-Effekte in historische Ästhetiken integrieren
  • Konsistente Dramaturgie trotz drei verschiedener Designsprachen
  • Übergänge als eigenständige gestalterische Elemente
  • Balance zwischen historischer Treue und kreativer Freiheit
Retro-Futurismus-Plakat
← idealo Arbeiten Alle Projekte Alice Installation →