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

flexibles System | Textilmuseum

flexibles System | Textilmuseum

flexible bewegte Systeme ||

Entwurf und Anwendung eines Flexiblen Bewegten Typografischen Systems für eine selbstgewählte visuelle Identität, betreut von Klaus Dufke.

Workshop 1 - Bildlauf & Effekte

In den ersten Einheiten sollten wir mit dem Bildlauf experimentieren und verschiedene Effekte ausprobieren.

Die Aufgabe war es eine Matrix, bestehend aus 8 Feldern, zu erstellen, die unsere Bandbreite an Experimente zeigt. Ich verwendete unterschiedliche Skalierungen, Wölbungen, Überlagerungen, verflüssigte Elemente und so weiter... Alle Videos sind im Loop zu sehen.

Workshop 2 - Posteranimation

In dieser Übung wurde uns das Plakat mit Inhalt als Vorlage gegeben und wir sollten die Bewegung ergänzen. In welcher Reihenfolge sollten die Informationen des Posters erscheinen? Welche Wichtigkeit haben sie in Betracht der Gesamtkomposition?

Vortrag - Josh Schaub

motion_vortrag_joshschaub.pdf PDF motion_vortrag_joshschaub.pdf

Textilmuseum Brandenburg - Prozess

Mit dem finalen Projekt sollte ein flexibles (typografisches) System für einen selbst gewählten Partner/ Institution gestaltet werden. 

In der ersten Themen Feedbackrunde hatte ich drei verschiedene Ideen: ein selbst organisiertes Festivalformat, eine visuelle Identität für das Tanzstudio motions und das brandenburgische Textilmuseum (Forst). In allen Anwendungsbereichen sah ich Potential eine bewegte Identität zu gestalten- es wurde am Ende das Textilmuseum.

Screenshot 2025-03-14 114907.pngScreenshot 2025-03-14 114907.png

1. Präsentation des Textilmuseums + Gestaltungsideen

Hintergrund

  • Eröffnung 1995 als Industriemuseum (Anfänge schon 1898)
  • Lausitz war lange Industriehochburg der Tuchherstellung
  • seit 2021 (bis ende 2025) geschlossen wegen Sanierung & Erweiterung
  • Inhalte: großer Maschinenpark wie Strickmaschine, Webstühle, Wagenspinner, Effektzwirnmaschine etc. (aus den Jahren 1900-1950)

Konzept

  •  Erscheinungsbild basierend auf Rastern von Häkel- und Strickvorlagen
  • angelehnt an die vielfältigen Techniken des ehemaligen Tuchmacher Standorts
  • bei zB. Häkelvorlagen stehen unterschiedliche grafische Elemente (Kreuze, Punkte, Striche…) für die verschiedenen Maschen/ Stiche
  • diese Elemente sollen in meinem Entwurf Teile der Typografie bilden
  • dafür stellte ich mir einen Formenchorus zusammen

Textilmuseum_konzeptpräsi1.pdf PDF Textilmuseum_konzeptpräsi1.pdf

2. Tests

Zu Beginn experimentierte ich mit meinen Formen. Als Grundform verwendete ich das große T, welches später auch als Teil meines Logoentwurfs wieder auftaucht. 

Ich testete Programme, die als Unterstützung für die Erstellung von Strickvorlagen dienen. Jedoch dauerte dieser Prozess ewig und war wenig zielführend.

https://savannahwinds.weebly.com/knit-design-studio.html

Außerdem probierte ich ascii Erstellungsprogramme um zu einem anderen Ergebnis zu kommen.

https://www.asciiart.eu/

ascii-art (2).pngascii-art (2).png
ascii-art (3).pngascii-art (3).png
T2-vorlage.pngT2-vorlage.png
T-vorlage.pngT-vorlage.png
Zeichenfläche 1.pngZeichenfläche 1.png
Zeichenfläche 2.pngZeichenfläche 2.png
Zeichenfläche 3.pngZeichenfläche 3.png

3. bewegte Tests

Nach den ersten versuche, übertrage ich meine Idee in Aftereffects. Ich arbeite hier mit einem Ascii Tutorial und füge meinen Formenchorus in die Animation ein. Durch den Effekt des Fraktalen Rauschens bewegt sich der Hintergrund. Die verschieden Formen reagieren auf die unterschiedlichen Helligkeitsstufen und wandern so durchs Bild. Jedoch bewegt sich noch nicht der Text an sich.

T4.gifT4.gif
T2.gifT2.gif
T1.gifT1.gif
t7.gift7.gif
t5.gift5.gif

Screenshot 2025-03-17 165651.pngScreenshot 2025-03-17 165651.png

Logo

Das Logo ist eine Bild- und Wortmarke. In Bewegung ist nun der Buchstabe T, der sich aus den einzelnen Symbolen der Häkelvorlagen ergibt. Das T kann alleinstehend das Museum repräsentieren, ebenso wie nur der Schriftzug. Die Bewegung innerhalb des Buchstaben kann je nach Anwendung variieren und auch farblich angepasst werden. 

Die Erkennungsfarbe des Erscheinungsbildes ist jedoch blau.

250121_logo_blau verschmiert.gif250121_logo_blau verschmiert.gif
250120_logo_blau_1.gif250120_logo_blau_1.gif
250121_logo_schwarz_block.gif250121_logo_schwarz_block.gif
logo_scrennshot.pnglogo_scrennshot.png

Instaposts

Die Posts sollen die (erstmal fiktive) Wiedereröffnung des Museums ankündigen (es gibt noch keine offizielle Ankündigung des Museums). Für mehr Aufmerksamkeit kann die Farbigkeit hier auch mal abweichen und bunter werden.

250120_instapost4_gelb-schwarz.gif250120_instapost4_gelb-schwarz.gif
250120_instapost3_weiß-blau.gif250120_instapost3_weiß-blau.gif
250120_instapost3b_gweiß-rosa.gif250120_instapost3b_gweiß-rosa.gif

Diese Animation ist auch auf Bildschirmen oder Anzeigetafeln einsetzbar.

mockup subway 2 (2) (1) (2).gifmockup subway 2 (2) (1) (2).gif

Animation

In dieser Animation laufen die einzelnen Buchstaben des Wortes Textilmuseum hinter der Informationsebene durch. Kann ebenfalls auf Social Media, Bildschirmen im Foyer des Museums oder sonstigen Werbetafeln gezeigt werden.

250120_instapost_letter-layers.gif250120_instapost_letter-layers.gif

Poster

Das Poster ist eine Erweiterung des Logos und der Instagram Posts. Nicht nur das T, sondern auch alle anderen Buchstaben des Wortes Textilmuseums bewegen sich. Die Informationsebene slided zusätzlich von den Seiten aus ins Bild. In der zweiten Variante gibt es noch einen Bruch indem das Wort Textilmuseum hoch skaliert wird und den gesamten Bildausschnitt ausfüllt. Dadurch tritt der Formenchorus der Symbole nochmal mehr in den Vordergrund.

250317_motion_poster_nur-textrein+raus.gif250317_motion_poster_nur-textrein+raus.gif

Im Rückblick habe ich sehr viel aus dem Kurs mitnehmen können, da ich vorher noch nie richtig mit aftereffects gearbeitet habe. Der Weg zum Ziel hat sich zwar gezogen, aber ich bin letztendlich zufrieden mit den Ergebnissen. Die Workshops zu Beginn des Kurses waren sehr hilfreich als einstieg und man konnte auf diesen Erkenntnissen gut selber weiter aufbauen. Im Verlauf des Kurses hätte ich mir noch mehr Fokus auf die Projekte und die Konzepte an sich gewünscht, da die Struktur manchmal ein wenig verschwommen wirkte. 

Ich gehe endlich mit einem kleinen Aftereffects Wissen aus einem Kurs und darüber bin ich sehr glücklich.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Betreuer_in

foto: Prof. Klaus Dufke

Zugehöriger Workspace

ms18 | flexible bewegte Systeme II

Entstehungszeitraum

Wintersemester 2024 / 2025