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

ms16 | Flexible bewegte Systeme

Im Kurs „ms16 | Flexible bewegte Systeme“ haben wir verschiedene Methoden und Systeme erkundet, um dynamische Designs zu generieren.

Labor Woche 1

In der ersten Woche unseres Kurses erhielten wir eine andere Art von Input, der auch einen Workshop unter der Leitung von Klaus Dufke umfasste, in dem er uns beibrachte, wie man die Transform- und Repeater tool verwendet. Der Workshop bestand darin, dies viele Male zu üben, bis wir verstanden, wie man sie verwendet, und interessante Animationen erstellte.

Labor Woche 2 / Fingerübung

Screenshot 2023-11-16 at 22.17.21.pngScreenshot 2023-11-16 at 22.17.21.png

In der zweiten Woche unseres Kurses haben wir uns mit Rasterstrukturen, Scroll-Techniken und Kompositionsprinzipien beschäftigt. Besonders interessant war unsere Untersuchung von polyrhythmischen Kompositionen. Dabei wiederholt sich ein dynamisches Element, aber wir können es in verschiedenen Positionen, Winkeln, Größen usw. verwenden. Auf diese Weise haben wir gelernt, wie wir komplexe und ausgewogene polyrhythmische Systeme gestalten können, die unseren Designs Tiefe und Vielfalt verleihen.

Labor Woche 3

In unserem dritten Workshop haben wir uns mit DrawBot beschäftigt, einem Tool zur Erstellung von Grafiken durch Programmierung. Anschließend erkundeten wir seine Synergie mit After Effects und entdeckten, wie wir dynamische animierte Typografie-Poster erstellen können. Diese Kombination von Werkzeugen ermöglichte es uns, Text durch fesselndes Bewegungsdesign zum Leben zu erwecken.

Labor Woche 4

In unserem vierten Workshop haben wir zwei praktische Übungen gemacht. Zuerst haben wir gelernt, Karussells in After Effects zu erstellen und geschmeidige Übergänge zwischen Elementen zu beherrschen. Dann haben wir erforscht, wie man Kompositionen entlang segmentierter Pfade bewegt und dabei unsere Fähigkeiten in Bewegungsgrafiken und Animationstechniken verbessert.

Endprojekt - Konzept

ms16 - FlexSysteme - Entwurf - Mónica.jpgms16 - FlexSysteme - Entwurf - Mónica.jpg

Während des Semesters tauchten wir in „American Indian Design & Decoration“ von Le Roy H. Appleton ein. Als gebürtige Guatemaltekin berührten mich die Muster in diesem Buch zutiefst und erweckten eine starke Inspiration.

Im Rahmen einer Aufgabenstellung zum „Elevator Pitch“ strukturierten wir sorgfältig unsere Ideen. Dabei berücksichtigten wir unsere Inspirationsquellen, Zielgruppen, Präsentationsmethoden, Ausstellungsorte, potenzielle Interessengruppen und übergeordneten Ziele, um unsere Konzepte für maximale Wirkung zu verfeinern.

Bei der Überarbeitung meines Elevator Pitches möchte ich meine Vision klar formulieren: Ich strebe danach, traditionelle, lebendige Textilien neu zu beleben, indem ich sie in zeitgenössischen Formen neu erfinde. Diese neu interpretierten Designs sollen als magnetische Anziehungskraft dienen und neue Besucher für das Ixchel Museum für indigene Textilien und Bekleidung in Guatemala-Stadt begeistern. Unsere Kreationen werden Frische, Lebendigkeit und Einzigartigkeit ausstrahlen und sicherstellen, dass sie die Aufmerksamkeit aller auf sich ziehen, die ihnen begegnen. Durch strategische Verbreitung auf Social-Media-Plattformen, in Einkaufszentren, an Bushaltestellen und auf gedruckten Postern streben wir an, diese modernen Interpretationen einem vielfältigen Publikum zu präsentieren und Menschen aus allen Lebensbereichen dazu einzuladen, in das reiche Erbe und die Kultur Guatemalas einzutauchen.

Endprojekt - Entwurf

ms16 - FlexSysteme - Entwurf2 - Mónica.jpgms16 - FlexSysteme - Entwurf2 - Mónica.jpg

In der Entwurfsphase begann ich mit der Analyse der Inspirationsquelle. Die Originaltextilien weisen verschiedene Module auf, die sich innerhalb eines Rasters wiederholen und ein rhythmisches Muster bilden. Obwohl die Module selbst relativ einfach sind, habe ich darüber nachgedacht, die Formen anzuziehen, um mehr visuelle Spannung zu erzeugen.

Darüber hinaus verwenden die Textilien eine Vielzahl von komplementären Farben. Ich habe die Originaltextilien als Inspirationsquelle auch für die Farbauswahl genutzt.

Zusätzlich habe ich dynamische Raster skizziert, die sich vom statischen Charakter der Inspirationsquelle unterscheiden. Im Gegensatz zur Einheitlichkeit der Quelle habe ich experimentiert, indem ich die Größen und Längen der Module variierte, inspiriert von den dynamischen Kunstwerken von Piet Mondrian.

Endprojekt - Umsetzung

Screenshot 2024-01-11 at 14.19.53.pngScreenshot 2024-01-11 at 14.19.53.png
Screenshot 2024-01-11 at 14.20.00.pngScreenshot 2024-01-11 at 14.20.00.png

Wie bereits im Entwurfsabschnitt erwähnt, habe ich während des Prozessabschnitts des Projekts ein Raster erstellt. In diesem Raster habe ich verschiedene Module in unterschiedlichen Größen, Längen und Formaten erstellt. Nachdem ich zufriedenstellende Formen gefunden hatte, habe ich Formen aus den originalen Mustern angezogen und ausprobiert, welches Muster wo am besten passte.

Nachdem ich mit den Mustern in ihren entsprechenden Modulen zufrieden war, konnte ich mit dem Ausmalen beginnen und Text einfügen. Für den Text dachte ich, dass die Poster Werbematerial für Veranstaltungen des Museums sein könnten. Dafür benötige ich den Namen der Veranstaltung, das Logo des Museums, Sponsoren, Datum und Ort des Museums.

Screenshot 2024-01-18 at 10.11.45.pngScreenshot 2024-01-18 at 10.11.45.png

Nachdem ich die gesamte Komposition fertiggestellt hatte, habe ich jedes Modul in verschiedene Adobe Illustrator-Dateien aufgeteilt und begonnen, sie für die Animation vorzubereiten. Diese Vorbereitung umfasste das Trennen jeder Ebene. Ich habe dies getan, um den Prozess zu vereinfachen, wenn ich die Komposition in After Effects übertrage. Mit den bereits organisierten und an Ort und Stelle befindlichen Ebenen sind sie „ready to go“, und es bedarf nur noch der Animation.

Screenshot 2024-01-11 at 14.12.18.pngScreenshot 2024-01-11 at 14.12.18.png

Nachdem ich jedes Modul separat animiert hatte, habe ich alles wieder zu einer Komposition zusammengeführt, wobei ich das statische Bild als Referenz verwendet und alles an seinem Platz positioniert habe. Das erste Format, an dem ich gearbeitet habe, war ein A2-Poster, mit der Hauptidee, dass die Leute es scannen und mit AR animieren könnten.

Modulanimationen

Endergebnis - A2 Posters

Hier sind die Endergebnisse als A2-Poster. Ich habe vier verschiedene Variationen für vier verschiedene Veranstaltungen erstellt, um zu testen, ob das von mir entwickelte System funktioniert hat. Jedes Poster hat seine eigene „Persönlichkeit“, wobei jede Veranstaltung ihr eigenes Farbschema aufweist. Einige Muster wurden möglicherweise verändert oder entfernt, aber das System und die Animationen bleiben gleich. Das System ist die Identität.

Museo-Ixchel-Sketches-Variations-06.jpgMuseo-Ixchel-Sketches-Variations-06.jpg
Museo-Ixchel-Sketches-Variations-05.jpgMuseo-Ixchel-Sketches-Variations-05.jpg
Museo-Ixchel-Sketches-Variations-03.jpgMuseo-Ixchel-Sketches-Variations-03.jpg
Museo-Ixchel-Sketches-Variations-02.jpgMuseo-Ixchel-Sketches-Variations-02.jpg

A2 Mockups

Mockup Poster Variante 3.jpgMockup Poster Variante 3.jpg
Mockup Poster Variante 2.jpgMockup Poster Variante 2.jpg
Mockup Poster Variante 1.jpgMockup Poster Variante 1.jpg
Mockup Poster Variante 4.jpgMockup Poster Variante 4.jpg

A2 Poster Animationen

Endergebnis - Instagram Post

Dasselbe Prinzip der 4 Veranstaltungen wurde in allen Formaten getestet.

Museo Ixchel Instagram Feed.pngMuseo Ixchel Instagram Feed.png
Museo-Ixchel-Instagram-Feed-2.jpgMuseo-Ixchel-Instagram-Feed-2.jpg
Museo-Ixchel-Instagram-Feed--3.jpgMuseo-Ixchel-Instagram-Feed--3.jpg
Museo-Ixchel-Instagram-Feed-3.jpgMuseo-Ixchel-Instagram-Feed-3.jpg

Instagram Portrait Post Animationen (1080 x 1350)

Endergebnis - Mall Video, Instagram Story..usw

Museo Ixchel 1080x1920.pngMuseo Ixchel 1080x1920.png
Museo-Ixchel-1080x1920-2.jpgMuseo-Ixchel-1080x1920-2.jpg
Museo-Ixchel-1080x1920-3.jpgMuseo-Ixchel-1080x1920-3.jpg
Museo-Ixchel-1080x1920-4.jpgMuseo-Ixchel-1080x1920-4.jpg

Mall Video Mockup

Mockup Mall Video.jpgMockup Mall Video.jpg

Instagram Story (1080 x 1920) Animationen

Endergebnis - Infoscreen

Museo Ixchel Infoscreen.pngMuseo Ixchel Infoscreen.png
Museo-Ixchel-Infoscreen-2.jpgMuseo-Ixchel-Infoscreen-2.jpg
Museo-Ixchel-Infoscreen-3.jpgMuseo-Ixchel-Infoscreen-3.jpg
Museo-Ixchel-Infoscreen-4.jpgMuseo-Ixchel-Infoscreen-4.jpg

Infoscreen (1920 x 1080) Animationen

Fazit

Dieser Kurs sticht zweifellos als derjenige hervor, in dem ich das meiste Wissen erlangt habe. Ich schätzte die strukturierte Herangehensweise sehr. Vor diesem Kurs hatte ich nur wenig Wissen über flexible bewegte Systeme - ein neuartiger und innovativer Ansatz für Designprojekte. Dieser Kurs hat meinen Horizont erweitert und mich neuen Möglichkeiten vorgestellt. Besonders wertvoll empfand ich die systematische Methode, Themen anzugehen, wobei der Prozess über das endgültige Ergebnis gestellt wurde. Die Betonung auf Erkundung und Experimentieren entlastete den Druck, ein vorherbestimmtes Ergebnis zu erzielen.

Ich bin auch dankbar für Klaus' Engagement bei der Organisation von Workshops für uns. Das Lernen in einem Klassenzimmer, in dem wir Fragen stellen und zusammenarbeiten konnten, war weitaus bereichernder als das Folgen von Tutorials auf YouTube. Klaus' Bereitstellung von After-Effects-Dateien zum Üben zu Hause, ohne Einschränkungen, ermöglichte es uns, frei zu erkunden und zu experimentieren und eröffnete unendliche Möglichkeiten.

Trotz der anfänglichen Unsicherheit schätzte ich, wie wir gemeinsam die potenziellen Endresultate entdeckten, was die systematische Herangehensweise des Kurses widerspiegelte. Wenn ich etwas an diesem Kurs ändern könnte, wäre es, mehr Zeit zur Verfügung zu haben. Es gab so viel Material zu behandeln, und zusätzliche Zeit hätte einen tieferen Einblick in das Thema ermöglicht.

Insgesamt bin ich äußerst zufrieden mit dem, was ich in diesem Kurs gelernt habe, und begeistert von den Endresultaten. Vielen Dank, Klaus, für die Organisation eines so produktiven und bereichernden Seminars. Diese Erfahrung hat in mir eine Leidenschaft entfacht, die mich dazu antreibt, weiterhin flexible bewegte Systeme zu erkunden und zu lernen, die ich fest entschlossen bin, in meine zukünftigen Designs zu integrieren.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im Masterstudium

Betreuung

foto: Prof. Klaus Dufke

Zugehöriger Workspace

ms16 | Flexible bewegte Systeme

Entstehungszeitraum

Wintersemester 2023 / 2024

Keywords