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

Strecke machen - Kursdokumentation

In diesem Kurs haben wir uns in verschiedenen kleinen Übungen mit der Strecke von Am Stern bis zum Strausberger Platz auseinander gesetzt. Abgeschlossen habe ich das Semester mit einem finalen Projekt, in dem ich mich zeichnerisch mit der Strecke Am Stern - Alexanderplatz beschäftigt und daraus eine Animation gemacht habe, die sehr abstrahierte Muster, die den Weg beschreiben, zeigt.

1. Formen, Strukturen und Zeichen

In der ersten Stunde haben wir uns vor Ort in Berlin mit der Strecke beschäftigt. Ich habe angefangen, einzelne Strukturen und Formen, die mir auf dem Weg begegnet sind, zu skizzieren. Danach waren Logos und Schilder dran, wovon ich besonders viele in der U-Bahn zwischen Brandenburger Tor und Alex festhalten konnte und gegen Ende habe ich mich besonders auf die Gegenstände, die ich gesehen habe, konzentriert.

Anschließend habe ich eine kleine Auswahl aus den Skizzen getroffen und in einer Collage zusammen gebracht.

IMG_9846.JPGIMG_9846.JPG
IMG_9845.JPGIMG_9845.JPG
IMG_9843.JPGIMG_9843.JPG
IMG_9838.JPGIMG_9838.JPG
IMG_9849.JPGIMG_9849.JPG
IMG_9834.JPGIMG_9834.JPG
IMG_9854.JPGIMG_9854.JPG
IMG_9831.JPGIMG_9831.JPG
IMG_9865.JPGIMG_9865.JPG
IMG_9869.JPGIMG_9869.JPG
IMG_9866.JPGIMG_9866.JPG
IMG_9882.JPGIMG_9882.JPG
IMG_9864.JPGIMG_9864.JPG
IMG_9877.JPGIMG_9877.JPG

IMG_0042.jpgIMG_0042.jpg
IMG_0046.jpgIMG_0046.jpg
IMG_0047.jpgIMG_0047.jpg
IMG_0045.jpgIMG_0045.jpg
IMG_0044.jpgIMG_0044.jpg
IMG_0043.jpgIMG_0043.jpg
IMG_0048.jpgIMG_0048.jpg
IMG_0049.jpgIMG_0049.jpg
IMG_0051.jpgIMG_0051.jpg
IMG_0050.jpgIMG_0050.jpg
IMG_0052.jpgIMG_0052.jpg
IMG_0053.jpgIMG_0053.jpg

IMG_0023.JPGIMG_0023.JPG

2. Darstellung von Strecke und Bewegung

Darstellung der Strecke in zwei Versionen - als Kartenform aus meinem Kopf heraus und mit geschlossenen Augen nach den Anweisungen von Andrea gezeichnet.

IMG_0020.JPGIMG_0020.JPG

Visuelle Umsetzung von Wörtern, die eine Form von Bewegung beschreiben, wie springen, rückwärts einparken, Rad fahren etc.

IMG_0021.JPGIMG_0021.JPG
IMG_0018.JPGIMG_0018.JPG

3. Vereinfachung, Erstellen von Piktogrammen

Zeichnen von fünf Gegenständen: zuerst detailliert, als zweites noch einmal mit weniger Einzelheiten und zum Schluss als Piktogramm, mit und ohne Raster.

IMG_0171.JPGIMG_0171.JPG
IMG_0172.JPGIMG_0172.JPG
IMG_0173.JPGIMG_0173.JPG

Feedback: Alle 5 Piktogramme weisen unterschiedliche Strichstärken auf. Zur besseren Zusammengehörigkeit sollte man sich auf eine durchgehende Dicke reduzieren. Außerdem sind einige ausgefüllt und wiederum andere bestehen nur aus Linien. Auch da sollte ich mich auf ein Erscheinungsbild einigen.

4. Gruppenübung

Füllen einzelner A3 Blätter mit Dingen, die mit der Strecke zusammenhängen, und weitergeben, sodass mehrere Blätter am Ende in Gruppenarbeit gefüllt waren. Danach haben wir die Blätter zusammengelegt und über verschiedene Elemente miteinander verbunden.

IMG_0164.JPGIMG_0164.JPG

5. Muster

Erstellen von Mustern aus Formen, die ich bei Google Maps gefunden habe.

Bildschirmfoto 2023-11-06 um 13.15.01.pngBildschirmfoto 2023-11-06 um 13.15.01.png
Bildschirmfoto 2023-11-06 um 13.14.40.pngBildschirmfoto 2023-11-06 um 13.14.40.png
Bildschirmfoto 2023-11-06 um 13.18.06.pngBildschirmfoto 2023-11-06 um 13.18.06.png
Bildschirmfoto 2023-11-06 um 13.16.38.pngBildschirmfoto 2023-11-06 um 13.16.38.png

6. Buchstaben

Aufgabe war es, eine Form, die wir für das Muster benutzt haben, zu wählen und daraus eine Font zu machen.

Unbenannt-1.pngUnbenannt-1.png

7. Gegenstände und Variationen

Zuerst habe ich einen Gegenstand auf A3 gezeichnet und anschließend 27 mal wiederholt. Danach habe ich einen zweiten Gegenstand auf A3 gezeichnet und diesen 9 mal kleiner gezeichnet habe, wozu wir immer weniger Zeit bekommen haben. Anfangs waren es 7 Minuten und am Ende 10 Sekunden.

IMG_0280.JPGIMG_0280.JPG
IMG_0281.JPGIMG_0281.JPG

8. Fußballfelder im Vergleich

Visuelle Darstellung davon, wie oft etwas in ein Fußballfeld passt.

A3_.jpgA3_.jpg

9. Animation Bewegung

Erstellen einer Animation in Gruppenarbeit, dabei wird die Bewegung durch die Stadt gezeigt.

10. Farben

Übung 1

Zuerst habe ich Farben gemischt die die gleiche Helligkeit und gleiche Sättigung haben. Allerdings habe ich danach bemerkt, dass die Farben bei „gleiche Helligkeit“ eher die gleiche Sättigung als Helligkeit haben.

Danach habe ich Farben zu vorgegebenen Wörtern wir „Taubenblau“ gemischt.

IMG_0454.JPGIMG_0454.JPG

Übung 2 - Collage

Zusammenstellen von Farbpaletten zu den Themen „natürlich“ und „harmonisch“.

IMG_0457.JPGIMG_0457.JPG
IMG_0456.JPGIMG_0456.JPG

In dieser Aufgabe habe ich Farben aus Fotos, die ich auf der Strecke gemacht habe, herausgenommen und zusammen auf Papier gebracht. Daraus habe ich in der nachfolgenden Aufgabe ein Farbkonzept erstellt.

IMG_0458.JPGIMG_0458.JPG

Farbkonzept

IMG_0469.JPGIMG_0469.JPG
Farbkonzept2.jpgFarbkonzept2.jpg

11. Plakat

Vorübung, Gestalten eines Zeitungsblattes

vorübung.jpgvorübung.jpg

Aus dem vorigen Farbkonzept habe ich einige Farben genommen und daraus ein Plakat zu vorgegebenem Inhalt erstellt.

Zeichenfläche 1-100.jpgZeichenfläche 1-100.jpg

12. Wortanimation

Animation der Wörter „Strecke machen“. Dazu habe ich Blätter auf verschiedene Untergründe gelegt und mit dem Bleistift die Buchstaben „Strecke machen“ nachschraffiert und die Oberflächenstruktur herausgearbeitet. Das habe ich anschließend bei Photoshop in eine Frame-by-Frame Animation umgewandelt.

13. Infografiken

Erstellen einer objektiven Infografik. Ich habe das Thema der öffentlichen Toiletten in Berlin gewählt.

objektiv.jpgobjektiv.jpg

Eine subjektive Infografik - ich habe meine Fußschmerzen und Kälteempfinden vom Anfang bis zum Ende der Strecke dargestellt.

subjektiv.jpgsubjektiv.jpg

14. Visualisierung von Wörtern

Typografische Visualisierung der vorgegebenen Wörter nach ihrer Bedeutung.

IMG_0590.jpgIMG_0590.jpg

Endprojekt

Bildschirmfoto 2024-01-15 um 10.32.02.pngBildschirmfoto 2024-01-15 um 10.32.02.png

Die Idee ist, eine Animation zu machen. Ich möchte Muster, die einem auf dem Weg begegnen, in Bewegung bringen. Da ich nicht so oft nach Berlin komme, besonders nicht dort, wo unsere Strecke ist, werde ich mich über die Strukturen und Muster, die ich auf der Karte sehe (beim nah ran oder auch weit raus zoomen) inspirieren lassen.

Im Prozess werde ich zuerst eine digitale Frame-by-Frame Animation zeichnen und anschließend diese Frames über den Riso-Drucker ausdrucken, erneut Einscannen und zu der endgültigen Animation zusammenfügen.  Der Risodruck wird eine gewisse Körnung und Struktur und damit Lebendigkeit in die Animation mit reinbringen. Der Risodruck soll zweifarbig werden:  eine Farbe für den Hintergrund und eine für die gezeichneten Strukturen. Für den Hintergrund kann ich mir Teal vorstellen und für die Strukturen würde ich gerne neonorange nehmen.

Bildschirmfoto 2024-01-07 um 12.59.12.pngBildschirmfoto 2024-01-07 um 12.59.12.png

Zwischenstand am 04.01.24:

Die Animation beginnt am Stern und führt bis zum Brandenburger Tor. Ich möchte noch ein paar Details verändern, besonders am Ende der Animation. 

Was ich noch machen muss:

Wenn ich damit fertig bin, muss ich alle Frames für den Druck vorbereiten, drucken und wieder Einscannen. Außerdem würde ich gerne die Animation noch ein bisschen länger machen und noch mehr zeichnen, jedoch könnte der Risodruck sehr aufwendig werden, sodass ich den Part des Druckens eventuell in der Zeit machen muss, die wir noch nach der Projektpräsentation bekommen.

Nachdem ich mit der ersten Animation zu Ende war, minimierte ich die einzelnen Frames auf ca. 120. Danach brachte ich jeweils 12 Frames auf eine A3-Datei und bereitete sie mit dem Programm Spectrolite für den Risodruck in Teal und Orange vor. Danach ging es zum Druck. Zuerst druckte ich alle Bögen in der Farbe Teal und beschriftete sie, um in der Reihenfolge nicht durcheinander zu kommen. Nach kurzem Trocknen kam dann noch der orangefarbene Teil dazu. Bei den beiden Farben gibt es einen gewissen Versatz, wodurch einige Blitzer entstehen, was ich jedoch bei dieser Art von Druck sehr mag, da sie etwas unperfektes reinbringt.

IMG_1255.JPGIMG_1255.JPG
IMG_1256.JPGIMG_1256.JPG
IMG_1257.JPGIMG_1257.JPG

Finale Animation

Die finale Animation habe ich als zwei Versionen - als digitale Frame-by-Frame Animation und als Riso-Animation. Die Musik ist von Kevin Winterburn (spotify winterburn).

In den Animationen fangen die Muster an, sich zu bewegen. Sie symbolisieren den Weg von der Siegessäule bis zum Fernsehturm. 

Die Risoanimation sieht deutlich analoger und weniger „clean“ aus. Jeder einzelne Frame hat eine durch den Drucker entstandene andere Körnung. Dadurch ist diese Animation sehr lebendig.

digitale Frame-by-Frame Animation

Risoanimation

Fazit

Ich bin mit meiner finalen Animation sehr zufrieden. Es ist sehr spannend, wie unterschiedlich die selbe Animation in den beiden Versionen wirkt. Die erste ausschließlich digital entstandene wirkt für sich recht dynamisch und beweglich, durch das Zeichnen kommt eine gewisse Unregelmäßigkeit in die einzelnen Frames rein. Hat man allerdings die zweite Version vom Risodrucker gesehen, wirkt die erste sehr glatt. Die Risoanimation hat etwas roughes und schnelles, ein wenig wie die bielbefahrenen Straßen Berlins. Für mich wirkt sie allerdings ein wenig zu unruhig.

Fachgruppe

Gestaltungsgrundlagen

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Strecke machen – eine visuelle Auseinandersetzung mit dem Weg

Entstehungszeitraum

Wintersemester 2023 / 2024