Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design mehr erfahren

wormy maze /KP-Loop

Im KP-Loop haben wir in 14 Tagen Animationen geschaffen, mit dem Ziel das man diese in einer unendlichen Schleife abspielen lassen kann ohne einen klaren cut zu erkennen (Loop).

Erste Übungen

Das KP startete mit ersten Übungen zu Animation. Diese waren dafür gedacht um uns in das richtige Mindset zu bringen und ein gewisses Grund Verständnis für Animationen zu entwickeln. 

Ü1: Die erste Aufgabe war eine 32x32 Pixel Animation mit nur 4 Bildern. 

Ü1 Fazit: Diese Übung viel mir leicht und ging schnell von der Hand, obwohl ich bisher an noch nicht vielen Animation gearbeitet habe. Die Aufgabe war eine sehr gelungene Einleitung in das KP und ich bin mit meinem Ergebnis zufrieden. 

Ü2:Die zweite Übung war ein morph in After Effects in dem wir ein Gegenstand in einen anderen morphen lassen. 

Ü2 Fazit: Wie immer hat mich Ae in dieser Übung ans Ende meiner Fähigkeiten gebracht. Ich habe für die leichtesten Animation viel zu lange gebraucht weil ich das Programm leider zu wenig kenne, deswegen musste ich relativ viel pfuschen, jedoch is das Ergebnis ganz vernünftig geworden. Leider habe ich keinen wirklichen morph von Formebenen in der Animation außer die Tränen die von dem Charakter herunter fallen.

IMG_1557.gifIMG_1557.gif

Start in den finalen loop

Mir war von Anfang an bewusst das ich eine Frame by Frame Animation im Comic Stiel machen möchte. Bevor das KP anfing hatte ich schon an Charakteren gearbeitet für eine Animation die ich als privates Projekt machen wollte.

Zu den Arbeiten die ich vorher schon hatte habe ich dann am Anfang des KP‘s noch weitere Illustrationen angefertigt und das Konzept weiter aus gearbeitet.

IMG_1563.pngIMG_1563.png
IMG_1564.pngIMG_1564.png
IMG_1612.pngIMG_1612.png
IMG_1611.pngIMG_1611.png
IMG_1587.pngIMG_1587.png

IMG_1568.pngIMG_1568.png
IMG_1567.pngIMG_1567.png

IMG_1575.pngIMG_1575.png
IMG_1579.pngIMG_1579.png

IMG_1576.pngIMG_1576.png

IMG_1591.pngIMG_1591.png

IMG_1545.pngIMG_1545.png

Zwischen Experimente

Zwischen durch habe ich noch ein experiment gestartet über einen real Film drüber zu animieren und habe mir dafür eine Kulisse auf gebaut und ein Kamera fahrt gefilmt.

 Dazu habe ich mir dann noch das Programm Procreate Dreams gekauft um auf meinem iPad über diesen real Film drüber zeichnen zu können. Im Endeffekt habe ich diese App für meine Animation überhaupt nicht verwendet. 

Dieser Ansatz der Animation ist daran gescheitert den Richtigen workflow zu finden. Ich habe zu lange gebraucht ein vernünftiges Ergebnis zu erzielen und habe beschlossen lieber schlicht und einfach in die Animation zu starten um nach 12 verbleibenden Tagen ein Ergebnis zu erzielen.

Storyboard

Nachdem das Konzept stand hab ich mit einem Storyboard angefangen. Ich hatte vorher noch nie mit einem Storyboard gearbeitet aber es war für mich der klare nächste Schritt um nach zu voll ziehen wann ich wo sein möchte. 

Dieses Storyboard war im verlauf des KP`s eine sehr große Hilfe. Ich habe im verlauf des Projektes nicht viele Abänderung an der Story gemacht aus  mangelnder Zeit, ich bin jedoch trotzdem sehr zufrieden.

IMG_1581.pngIMG_1581.png
IMG_1580.pngIMG_1580.png
IMG_1584.pngIMG_1584.png
IMG_1585.pngIMG_1585.png
IMG_1586.pngIMG_1586.png
IMG_1588.pngIMG_1588.png
IMG_1592.pngIMG_1592.png

Animatic zum Storyboard 

IMG_1626.gifIMG_1626.gif

Workflow Rough

IMG_1594.pngIMG_1594.png
IMG_1572.pngIMG_1572.png
IMG_1583.pngIMG_1583.png
IMG_1600.pngIMG_1600.png
IMG_1601.pngIMG_1601.png

Ich habe die Ganze animation in Procreate erstellt Illustrationen, Storyboard, Charakter sheet, Rough, clean und den Finalen loop. Das Einziege was ich in Procreate nicht machen konnte oder zu umständlich gewesen wäre war das loopen der Animation und die Audio spur drüber zu legen. Für diese Schritte bin ich dann am ende zu Ae gewechselt. 

Nachdem ich das Storyboard hatte habe ich die Datei dupliziert und Angefangen Frames dazu zu zeichnen bis ich nach vielen stunden meine Rough fertig hatte. 

Das gute an einem Rough ist das die Änderung nicht alt zu lange dauern, wenn einem etwas im Nachhinein auf fällt und noch nicht hin haut ist die Änderung schnell vollbracht. 

Am ende des Roughs hatte ich ca. 130 Frames die ich zu dem Zeitpunkt noch mit 15 Bildern pro Sekunde habe ab spielen lassen. Rückblicken muss ich sagen das mir dieser flow der animation am besten gefallen hatte. Nach feedback vom Kurs habe ich das timing in den nächsten Stadien des Loop's verändert.

IMG_1627.gifIMG_1627.gif

Clean

Nach dem Rough habe ich mich dran gesetzt jeden Frame mit cleanen outlines zu versehen um im letzten Schritt die Farbe drunter zu legen. 

Die Clean Phase war das erste mal das ich es nicht geschafft hatte meinen Persönlichen Zeitplan ein zu halten. 

Persönlicher zeit Plan:

1 Übung 1 

2 Übung 2 

3 Konzept Experimentieren  

4 Charakter und Umwelt Konzept 

5 Erster Tag animieren (Rough)

6 Rough 

7 Rough

8 Clean 

9 Clean

10 Clean

11 Farbe 

12 Farbe 

13 Licht und Schatten (General probe)

14 Licht Schatten fertig machen (Präsi) 

Am Ende konnte Ich diesen Plan nicht ein halten weil die Clean Phase leider einen tag Länger gedauert hatte und deswegen musste ich am Ende des Projekts auf Grund von Zeit mangel die Licht und Schatten weg lassen.

Ich hatte den Aufwand dieser phase unterschätz gehabt und deswegen länger gebraucht als geplant, außerdem fing zu diesem Zeitpunkt meine Zeichenhand an weh zu tun und musste deswegen die Stunden pro tag reduzieren. (von 10h pro tag zu 7h und in den letzten Tagen dann runter auf 6h)

Am Ende der Clean Phase Hatte ich um Die 150 Frames und habe diese mit einer Geschwindigkeit von 16 Bildern pro Sekunde ablaufen lassen. Von diesen 150 Frames haben sich ungefähr 20 gedoppelt um die Szene länger zu halten um eine Art slow motion zu erzeugen.

IMG_1628.gifIMG_1628.gif

Farb Phase

Die letzte Phase die ich in den 14 Tagen geschafft hatte Ware Der animation flat coloring zu verpassen. 

Hir zu gibt es nicht viel zu sagen außer das ich eine Farbe bis zu Ende durch alle Frames durch gezogen habe und dann mir erst die nächste färbe vor genommen habe damit ich nicht immer wieder in den vorherigen Frame zurück gehen musste um die Farbe dort heraus zu picken.

IMG_1632.jpegIMG_1632.jpeg

Die 3 Finalisten

Ich habe am Ende nochmal 3 Verschiedene Varianten meines loops gemacht. Alle drei Unterscheiden sich nur minimal. Die Haupt Unterscheidungen liegen im timing.

Mit impact Frames und hold Frames 

Ohne impact Frames und wenig Hold Frames 

Ohne Hold Frames und ohne impact Frames 

Finaler Loop

Das ist nun mein Finaler Loop der in 14 Tagen Arbeit heraus gekommen ist. 

Ich bin mit dem timing und den gehaltenen Frames die ich in der Animation habe immer noch nicht ganz zufrieden aber jedes Projekt muss einmal zu einem Abschluss kommen und so mit ist dies nun das Finale werk. 

Ich habe mich am Ende auch noch spontan dazu entschieden die impact Frames heraus zu nehmen weil die Animation ohne einen besseren flow hat.

Die Musik die ich eingefügt habe ist Copyright free von Youtube hir ist der link: https://www.youtube.com/watch?v=WGKZtoXdrlw

Fazit

Ich fand diesen Kurz Persönlich sehr spannend und fördernd. Es ist keine leichte Arbeit und extrem Zeitaufwendig eine Frame by Frame Animation zu erschaffen. Ich bin mit meiner Arbeit zehr zufrieden das ich e sin so einem Kurzem Zeitraum zu so einem Guten Ergebnis geschafft habe vor allem weil ich vorher nur 2 Frame by Frame Animationen in meinem Leben gemacht habe und diese waren beides Pixel Animation. (eine davon ist die 1 Übung aus diesem KP)

An diesem Punk würde ich mich gerne bei Herr Mathias Jüsche dem Betreuer des Kurses Bedanken und auch bei dem rest des Kurses für das tolle feedback was ich erhalten habe. :)

Ein Projekt von

Fachgruppe

Integriertes Design

Art des Projekts

Keine Angabe

Betreuer_in

foto: Prof. Mathias Jüsche foto: Prof. Mathias Jüsche

Zugehöriger Workspace

KP LOOP . S-2025

Entstehungszeitraum

Sommersemester 2025

Keywords