Einsatz von KI zur Erstellung von Visuals für VJing – Erfahrungen beim Generate25 Festival

Für unseren VJing-Einsatz am 23.05.2025 beim Generate25 Festival wollten wir visuell neue Wege gehen. Dabei entschieden wir uns, den Einsatz von KI für die Erstellung unserer Visuals zu testen – genauer gesagt, nutzten wir das Video-KI-Modell Sora von OpenAI. Unser Ziel war es, visuelle Clips zu erzeugen, die sich ästhetisch klar vom Mainstream abheben: rau, kontrastreich, lo-fi.

Erste Versuche – ein rauer Start

Im ersten Schritt versuchten wir, unseren gewünschten Look möglichst offen und flexibel über einen Prompt zu definieren:

„The videos / black & white / very low framerate or image series, random ubahn, city lights, random dancen, Blurry and grainy“

Sora generierte daraufhin zweii Videos. Das erste wirkte zunächst recht vielversprechend und wurde in die erste Auswahl der Clips aufgenommen – später allerdings wieder aussortiert. Das zweite Video zeigte deutliche Schwächen: typisch für KI-Generationen waren hier eigenartige Bewegungsabläufe zu sehen, etwa eine „Person“, die unnatürlich an einem Auto entlanglief, völlig losgelöst von realen Bewegungsmustern.

Anpassung durch Inspo-Upload

Im nächsten Schritt versuchten wir, durch den Upload eines Inspirationsvideos und denselben Prompt bessere Ergebnisse zu erzielen. Auch hier wurden zwei neue Clips erstellt, die jedoch weiterhin stark unter KI-typischen Artefakten litten: Bewegungen wirkten seltsam verzerrt, die Bildkompositionen fehlten an Authentizität.

Um die Richtung zu verändern, passten wir den Prompt an:

„A black and white Video of a night-Life Scene in very low framerate. High contrast, very grainy and shakey with motion blur. You see Teenager dancing thourgh the street.“

Das Ergebnis: Videos, die eher an Kobolde als an tanzende Jugendliche erinnerten. Zusätzlich trat ein Problem bei den Bildformaten auf: Ein weißer und schwarzer Rand machte das Video eher quadratisch (1:1), anstatt das gewünschte 9:16-Format einzuhalten.

weiteren Versuch mit surrealen Motiven:

„A black and white Video of a night-Life Scene in very low framerate. High contrast, very grainy and shakey with motion blur. You see closeup of someone eating a cigarette.“

Selbst nach mehrmaligen Anpassung des Prompts entstand kein zufriedenstellendes Ergebnis. Auffällig war hier, dass trotz „starkem Remix“-Befehl die hochgeladene Inspiration nahezu 1:1 nachgebaut wurde, statt neue kreative Varianten zu schaffen. Auch die erhoffte surreale Stimmuug kam nicht so intensiv rüber wie gewünscht.

“A close-up shot of a person slowly eating a cigarette. The footage is extremely high contrast, very grainy, with intense motion blur and camera shake. Shot in a gritty, lo-fi style reminiscent of vintage handheld film cameras. Harsh lighting flickers subtly as the person chews. The cigarette ash crumbles with every bite. The camera moves erratically, creating a surreal and uncomfortable mood. No sound.”

Richtungswechsel – Fokussierung auf Overlays

Da die Clip-Erstellung mit menschlichen Motiven nicht die gewünschte Qualität brachte, wechselten wir den Ansatz: Wir setzten auf die Erstellung von Overlays für die Visuals.

Inspiration war ein fortlaufender Code, ähnlich wie in typischen Hacker-Szenen. Der Prompt lautete:

„full screen, black background, white random numbers, looks like a code generator, numbers move in waves vom right to left out of the screen, endless flow“

Das Ergebnis: Drei solide Videos, die wir anschließend weiter optimierten. Mit einem angepassten Prompt (“write the code from left to right, like real written code”) schufen wir eine Version, die visuell noch näher an echten Programmcodes wirkte. Diese Overlays funktionierten im finalen VJ-Set hervorragend.

Der Prompt wurde angepasst und dieses Video erstellt, ebenfalls ein Videos, das es in die finale Auswahl schaffte:

„full screen, black background, white random numbers, looks like a code generator, numbers move in waves from right to left out of the screen, endless flow, write the code from left to right, like real written code”

Fazit:

Unser Einsatz von KI-Tools für die Erstellung von VJ-Visuals war eine spannende, aber auch lehrreiche Reise. vor allem wenn komplexe menschliche Bewegungen oder choreografierte Szenen gewünscht sind, gestaltet sich das Ganze noch recht schwierig.

Für Bewegtbilder mit Personen bleibt die KI weiterhin herausfordernd. Besonders auffällig waren dabei eigenartige Bewegungsabläufe und generelle Inkonsistenzen im physischen Verhalten von Figuren. Details wie realistische Tanzbewegungen, natürliche Interaktionen mit der Umgebung oder korrekte Anatomie stellten das Modell vor große Probleme. Auch das Einhalten von spezifischen Bildformaten oder der bewusste künstlerische Einsatz von Unschärfe, Körnung und Kamerawacklern gelang nur begrenzt.

Deutlich besser funktionierte die KI jedoch bei abstrakten oder sich wiederholenden Mustern, wie bei unseren Overlay-Experimenten. Hier konnten wir schnell ästhetisch ansprechende Ergebnisse erzielen, die unsere Shows bereicherten. Besonders angenehm: Die KI konnte hier auf Basis simpler Inputs visuelle Strukturen generieren, die sich in der Live-Performance sehr gut in den Fluss der Musik einfügen ließen.

Zusammengefasst:

  • Für reine Clips mit menschlichen Darstellungen ist der Einsatz von KI derzeit eher noch experimentell und fehleranfällig.
  • Für Overlays, Loops und abstrakte Visuals bietet KI bereits jetzt ein extrem starkes Toolset, das kreative Prozesse enorm beschleunigen und bereichern kann.

Für das künftige Projekte bleibt der Plan, reales Footage durch KI-Footage zu ersetzten und herauszufinden, wie gut dieses aufgenommen wird. Hier ist der Zugang, dass „Ausgangsmaterial“ aus den bestehenden Videos hochzuladen und KI eine idente Kopie erstellen zu lassen.

AI for Storyboard Creation

In my past blog posts, I discussed a lot of theoretical aspects of the treatment writing process. With that knowledge, I started taking a more hands-on approach. I tried to watch every YouTube video I could find on the topic and stumbled across the channel of Nur Niaz, a commercial director from Bangkok, Thailand, who has worked with major brands. His videos significantly helped me improve my treatment skills.

I applied his tips to my latest treatment, which I wrote for my Carhartt WIP Spec project. After receiving feedback from several people, I felt I had genuinely improved compared to my previous treatments. I also used ChatGPT to help me rephrase my sentences, and it effectively maintained the core of my ideas while refining the spelling and grammar for better flow. This further enhanced my treatment.

The idea is to send the treatment to the marketing team of Carhartt WIP and see if we can get some money or cloths to shoot the video. Therefor, In the next steps I will work out a clear storyboard. I will put different softwares, like previs ai, mid journey or Stable diffusion, in action and see which results I can generate and if it makes sense to use ai tools or if it’s more efficient to hire a storyboard artist. 

First Try with Stable Diffusion 

Quick Overview – Stable Diffusion is a text-to-image diffusion model developed by Stability AI in collaboration with researchers at LMU Munich and other partners. It generates images from textual descriptions using deep learning, particularly a latent diffusion model (LDM). Unlike earlier models, Stable Diffusion runs efficiently on consumer GPUs and allows users to create high-quality images by describing them in natural language.

Key Features:

  • Open-source and accessible.
  • Creates high-resolution, detailed images from prompts.
  • Works via “latent space” (compressed representation of images) for efficiency.
  • Supports various applications like art, concept design, photorealism, and more.
  • Can be fine-tuned or extended with custom models (e.g., for specific styles or subjects).

Since I am pretty lazy, I told Chat GPT what I want to generate and asked to give me a prompt which I can then use in stable diffusion. The prompts looked good and I had different options to choose from 

Input to Chat GPT – hello please give me prompts for stable diffusion. I want to create a picture of a person sitting in a football like press conference. dim lights with a lot os microphones in front of him. The person should be brown skinned and and a short buzzzcut. Dressed in streetwear

Result – 

Photorealistic Style Prompt:

A brown-skinned man with a short buzzcut sitting at a football-style press conference table, dim lighting, dramatic shadows, many microphones in front of him, wearing stylish streetwear (hoodie, sneakers, chains), serious expression, blurred background with press logos, cinematic lighting –realistic –v 5 –ar 16:9 –style photographic

Cinematic / Moody Style Prompt:

A dramatic football press conference scene, brown-skinned man with buzzcut, sitting at a table under dim lights, surrounded by microphones, urban streetwear outfit, intense atmosphere, moody lighting, gritty texture, cinematic look –ar 16:9 –style cinematic –v 5

Illustration / Stylized Version:

Illustration of a press conference setting, brown-skinned man with short buzzcut, lots of microphones in front of him, wearing streetwear (oversized hoodie, gold chain), sitting under moody, low lighting, stylized background with blurred sports logos –style illustration –ar 16:9 –v 5

The given Result of stable diffusion almost nailed my initial idea for the frame.   

It shows the correct mood and core idea of the Frame. Of course it’s not the shot how It would be in the final image but for reference it works pretty well. 

With the second frame I had more issues. I had a certain picture in my head on how I want the Frame to look like and the generated pictures didn’t give me the result I wanted. 

Input to Chat GPT – 3 people standing infront of a fence at the local basketball court and watching others play. should be a frontal shot medium wide. also dressed in streetwear

Cinematic Urban Style Prompt:
Three friends in stylish streetwear facing the camera, standing in front of a fence at a neighborhood basketball court, players in the background in motion, medium wide frontal shot, soft natural lighting, urban summer vibe, detailed street textures –ar 16:9 –style cinematic –v 5

The result wasn’t really pleasing to me and I tried different prompts and also changed them myself but nothing seemed to work. Out of frustration I asked Chat GPT to generate the pictures and I was suprised by the result. 

Since the concept is still at the beginning, it makes no sense to invest time in prompting each scene when some things will still change. The next steps will be sketching the storyboard by hand using simple stick figure drawings, and once that’s finalized, prompting the images could be an idea

04_ A Little excursion – Light Art Museum Budapest  

During my stay in Budapest, I visited the Light Art Museum. I just wanted to see some different stuff and get inspired, and that is also what happened. The museum was packed with installations all around light, movement, and space. Some of them were a bit trippy and overwhelming, and some made me think differently about how to approach a project.  

One of the first installations that totally pulled me in was “Immensia” by Kati Katona. It’s this full-on 360° projection that fills the whole room and makes you feel like you’re stepping into an infinite, constantly shifting space. Shapes, colors, dimensions, and everything change. What I found super interesting was how simple the animations actually were, but because the entire room was part of it, the experience felt bigger and intense for the viewer. I realized that it’s way more powerful when the viewer gets fully wrapped into the visuals instead of just watching them from a distance.

Another piece that stayed with me was “Oh Lord” by Guillaume Marmin. It’s a project that is based on real data and images of the sun, some of them even from the 1930s, and it’s animated into this flowing, almost hypnotic video installation that uses music to make you feel even more immersed. I loved how he took something scientific and made it feel so alive. For my own project, it thought about using textures and natural movements to make my visuals feel more grounded and emotional.

Yasuhiro Chida’s installation “Analemma” was a completely different experience, but just as inspiring. His work was really delicate and the one that impressed me the most. He stretched tiny points of light through a massive grid of strings within a dark room. While you were walking through the installation, the little light spots moved. Sometimes it felt like they were racing past you, sometimes like they were standing still. What stuck with me here was how perspective changes everything. The setup itself seemed to take a lot of work, but the way the light moved was quite simple, and the feeling it created was super complex. It made me realize that I don’t need to overcomplicate things within a project; sometimes it’s about doing less but doing it right.

The final piece that I found really fascinating was “Onirica” by FUSE*. It’s based on thousands of dreams that people volunteered to describe, and then turned into flowing visual worlds through AI. Watching the dreams melt into each other without clear beginnings or endings felt weirdly emotional as you were part of a told dream story. I loved how they managed to translate something as intangible as dreams into something you can actually see and experience. It showed me that using personal or collective stories could give my own project a deeper meaning, instead of just focusing on visuals for the sake of it.

Overall, the Light Art Museum visit turned out to be way more helpful and inspiring than I expected. It gave me a lot of new ideas and inspiration on what kind of different projects can be done while “only” using the light as a source.  I’m thinking a lot more now about using organic movements, playing with perspective, and keeping transitions as fluid as possible. 

Was bisher geschah…

Die lieben Studienkolleg:innen, Leser:innen und vorallem Roman fragen sich wahrscheinlich:
„Das ist ja schön und gut mit der Recherche – aber was ist seitdem eigentlich passiert?“
Und das ist eine gute Frage, denn von Animationen, Videos und Beispielen fehlt hier JEDE SPUR?!

Ich habe mich, wie so oft, in der Themenfindung verloren. Deshalb sammelt dieser Blogpost genau diese Gedanken und Überlegungen. Denn WENN man schon die Chance hat, all seine Zeit und Energie in ein Passion Project zu stecken, dann soll es ja auch etwas hermachen.


Optionen, Optionen, Optionen

Stand der Dinge und Hard Facts:
Grundsätzlich sind die Rahmenbedingungen recht locker. Gesucht wird: ein cooles Unternehmen (mit bestehendem Design – oder auch nicht), das genug Möglichkeiten bietet, um ein Rundum-Paket an Motion zu entwickeln.
Bestenfalls findet meine Motion Identity dann sogar eine echte Anwendung!

Doch es gab die eine oder andere Hürde in der Recherche:


– Ein Spec-Project:
Eine große, coole Brand, der ich ein neues Motion Design verpasse.
Die Chance auf tatsächliche Anwendung ist gering, aber: Es gibt viel Material und einen guten Rahmen.

– Ein Kundenprojekt von ZERO zu Branding + Motion:
Das wäre vermutlich der Dream-Come-True. Allerdings würde ein komplettes Branding plus Motion den Rahmen des Projekts fast sprengen – und Kund:innen samt deren Visionen sind nicht immer easy. Besonders dann nicht, wenn es die erste Motion Identity ist, die man entwickelt.
Alles zeitlich, qualitativ und portfolio-tauglich unter einen Hut zu bringen, ist… anspruchsvoll.

– Ein halbgroßes, lokales Unternehmen mit bestehendem Design:
Ein schöner Rahmen zur Orientierung, ein lokales Business, die Chance auf echte Verwendung…
Too good to be true? Naja… ja.
Denn z. B. das Schauspielhaus oder andere Unternehmen und Festivals werden bereits von großen Agenturen betreut – und sich ungefragt in die Corporate-Identity-Guidelines dieser Agenturen einzumischen, ist vermutlich nicht die beste Ausgangslage für eine Zukunft in der Grazer Designwelt.


Tja. Was jetzt?
Mit all den großen Hoffnungen auf tatsächliche Anwendung und freies Herumexperimentieren ist es NOCH schwerer, eine Entscheidung zu treffen.

Aber: Da ist ein Licht am Ende des Tunnels!


Plan A, Plan B, Plan C, Plan X

Plan A

Wie ein Engel ist Chrissi plötzlich im Kurs erschienen – und ihre Botschaft war erlösend! (Oder so.)

Sie entwirft das Design (inkl. Plakat etc.) für das diesjährige Grazer Impro Fest!
🔗 https://schaumbad.mur.at/event/gif-grazer-impro-fest/

Jedes Jahr erstrahlt dieses nämlich in einem neuen Look! Und passend zu Improvisation und Kunst ist das Design auch kreativ, offen und experimentierfreudig.

Was ist das genau?

„GIF – Grazer Impro Fest
Ende August verwandelt sich das Schaumbad – Freies Atelierhaus Graz in ein utopisches Ressort der Sonderklasse und zelebriert das erste Grazer Impro Fest.
Neun Tage lang checken inter-/nationale Künstler:innen und Kollektive – und alle anderen Experimentierfreudigen – zum gemeinsamen Improvisieren ein.
Und das natürlich all inclusive: Es wird gesungen und getönt, Instrumente gebaut und musiziert, gekocht und vernetzt, performt – und nach den theoretischen und strukturellen Voraussetzungen des perfekten Impro-Flows gesucht.
Ein Angebot für Körper, Geist und Seele – mitten in der postindustriellen Naturbrache: Ist doch alles nur improvisiert.”

Also wenn einem bei DIESER Beschreibung nicht schon die Bewegungsmuster entgegenfliegen, dannnn weiß ich auch nicht ;).
Das wäre also die Idealvorstellung – denn auch die Deadlines scheinen gut zum Kurs zu passen.
Und mit etwas Glück findet das Design tatsächlich Anwendung!

Was kann schiefgehen?
Das Ganze steht und fällt natürlich mit dem Design von Chrissi.
Da sie in und mit dem Festival arbeitet, hat sie selbstverständlich Vorrang. Hier wird nicht gedrängt oder gestresst. Sollte sich das Design aber erst zu spät entwickeln (denn es muss ja stehen, bevor Motion einfließen kann), brauche ich einen guten Plan B.


Plan B

Alles zurück auf NULLLL – naja, nicht ganz.

Sollte Plan A scheitern, würde ich Kontakt mit dem Theater im Bahnhof, dem Kristallwerk und Rotor aufnehmen und anfragen, ob sie mit einem Branding + (oder auch nur) einer Motion Identity etwas anfangen könnten.

Hier würde dann zwar ein ganzer Brandingprozess stattfinden müssen – aber es wäre auch eine coole und spannende Möglichkeit, evtl. sogar gemeinsam mit Studienkolleg:innen einen solchen Auftrag zu bearbeiten.


Plan C

Angenommen keines der Theater oder Galerien ist überzeugt oder geeignet für das Projekt…
Juhu – freie Themenwahl?

Vielleicht zurück zu bekannten Marken oder Startups:
New Balance, Nike, SAYE Sneakers, Pangaia…

Oder zu anderen Kulturinstitutionen in Graz, meiner Heimat Salzburg oder irgendwo dazwischen…

Oder wir gehen zurück in die Recherche und suchen deutsche/österreichische/Grazer Startups und Businesses, die unterstützenswert sind!
Ausschnitte einer unvollständigen Liste wären z. B.:
Holy Pit, Sonible, SpawnX, yahyastudio, klekks.com, habitus-art, beherzt, …


Plan X

Oder: Man entwickelt wirklich etwas für die FH…
¯\_(ツ)_/¯


Bis dahin

In der Zwischenzeit habe ich fleißig weiterrecherchiert – vielleicht ergibt sich ja auch eine Kooperation in der Zukunft?

Je nachdem wie sich die kommenden Wochen gestalten (also wie sich der Zeitplan für’s Impro Festival entwickelt) würde ich ev. eine Brand und deren Motion Identity genauer analysieren, denn so hab ich bisher immer viel gelernt… oder mich mit verschiedenen Ansätzen für Motion Identitys spielen – also kleine Snippets an Motion (sei es eine Logo Animation oder Overlays für Social Media) entwerfen, die zu Brands passen 🙂

Ich habe außerdem eine kleine Anfrage an Moodley gesendet, um eventuell die Chance zu bekommen, mit ihnen noch einmal intensiv über Motion Identity zu sprechen – mal schauen, ob und wann da eine Antwort eintrudelt!


*Zuhilfenahme von ChatGPT: Die KI wurde zur Übersetzung, Korrektur und Formulierungshilfe von Texten verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.

Ein Ausflug zum Thema Timing, Geschwindigkeit (Easing), Frequenz und Co.


Wie im vorhergehenden Post angeschnitten, widmet sich dieser Blogpost dem Thema Timing, Easing und Frequenz, denn dazu hab ich einiges an Infos gefunden.
Da ich selbst oft am richtigen Timing scheitere und „ein Gefühl dafür bekommen“ kein wirklich guter Tipp ist, teile ich hier meine unvollständige aber trotzdem hilfreiche Sammlung an Infos zum Thema!


1. Timing & Geschwindigkeit – Das unsichtbare Rückgrat jeder Bewegung

Timing ist einer der sensibelsten Faktoren im Motion Design. Selbst bei identischen Animationen können Unterschiede von Millisekunden die Wirkung komplett verändern – ob etwas zackig, elegant oder schleppend wirkt, entscheidet das Timing.
Da ist natürlich viel „Gefühlssache“ und Übung – und ich hab erkannt dass ich durchaus noch einiges nachbessern muss in diesem Sektor – aber ein paar Faustregeln sind mir in der Recherche untergekommen.

Faustregeln:

  • UI/UX Motion >> 200–500ms für Mikrointeraktionen (z. B. Hover, Tap)
  • „Brand-Driven Motion“ >> 500–1200ms für Logoanimationen, Transitions
  • Cinematic Motion >> bis zu 3000ms für Storytelling-Elemente

Wichtig:

Eine Bewegung sollte nicht schneller sein als die menschliche Wahrnehmung – aber auch nicht zu langsam, da dies als „träge“ oder „veraltet“ empfunden wird.

Pro-Tipp: Teste Bewegungen nicht nur im Designprogramm, sondern in realer Interaktion. Die gefühlte Zeit unterscheidet sich massiv vom “Designgefühl”.
(Vgl. IBM o.D.)

Ein paar weitere Dinge, die man schon zu Beginn des Prozesses bedenken soll:

  • Ein- und Ausblendedauer: Wie schnell erscheinen Dinge? Ploppen sie direkt rein oder kommen sie langsam, fast filmisch?
  • Gestaffelte Animation: Mehrere Elemente nacheinander erscheinen zu lassen, schafft Fokus und Orientierung.
  • Anticipation & Delay: Eine Mini-Verzögerung vor einer Aktion lässt Animationen viel natürlicher wirken. Stichwort: Spannung aufbauen!

Das Ziel ist, dass sich alles „richtig“ anfühlt – nicht zu hektisch, nicht zu langsam, sondern im Takt der Marke (vgl. Gleave, Dawncreative 2024).


2. Easing – Die Kunst der Beschleunigung

Jaja, das Easing. Bei jeder Animation geht’s um Geschwindigkeit: Wie schnell startet und stoppt ein Objekt? Genau das regeln sogenannte Easing-Funktionen.

Easing beschreibt, wie sich Bewegung innerhalb eines Zeitraums verändert.
Easing erzeugt Emotion, Natürlichkeit oder Präzision. JETZT ist es – nach all den Projekten – endlich soweit und ich beschäftige mich WIRKLICH mit Easings – bisher habe ich mich da wohl eher durchgeschummelt, aber es gibt doch einiges zu wissen!

Gängige Easing-Kurven:

  • linear (mechanisch, neutral)
  • ease-in (sanfter Start, beschleunigt)
  • ease-out (schneller Start, sanftes Ende)
  • ease-in-out (beides kombiniert)
  • bounce (verspielt, lebendig)
  • elastic (organisch, eigenwillig)


Und es gibt SO VIEL MEHR, wie man beispielsweise hier schön aufgelistet findet:
https://easings.net/ 


Ein paar Anwendungsempfehlung:

  • Branding: ease-in-out für Eleganz
  • UX-Motion: ease-out für natürliches Ankommen
  • Error States: bounce oder shake für Aufmerksamkeit
  • Playful Brands: elastic curves für Charaktertiefe

(Vgl. Material Design o.D.)

Das WIE in Aftereffects

Ein kleiner Exkursion zu Graphs in Aftereffects

Value Graph
Der Value Graph zeigt den Wert der Eigenschaft über die Zeit – zum Beispiel die Y-Position eines Objekts. Er eignet sich besonders gut, wenn man genaue Kontrolle über die Pfadkurven und deren Form haben will.

Tipp: Oft fragt man sich: “Warum kann ich im Value Graph nichts anfassen?” Das passiert oft wenn man mit der Position arbeitet, denn ohne separate Dimensionen bleibt dieser Graph gesperrt für direkte Bearbeitung. Damit du den Value Graph überhaupt bearbeiten kannst, musst du bei Positionsanimationen “Separate Dimensions” aktivieren. Erst dann kannst du X- und Y-Werte getrennt steuern und im Graph Editor bearbeiten.

Tipp 2: Mit gedrückter Alt- oder Option-Taste kannst du die Handles der Keyframes noch besser kontrollieren (Stichwort: Convert Vertex Tool). So lassen sich Kurven präzise und feinfühlig formen – ähnlich wie Vektorpfade in Illustrator.

Speed Graph
Der Speed Graph hingegen zeigt die Geschwindigkeit über die Zeit. Er ist besonders hilfreich, wenn du wissen willst, wie schnell oder langsam sich ein Objekt bewegt – unabhängig vom genauen Wert der Bewegung.


Wann welchen Graph verwenden?

  • Value Graph ist super für Bewegungen, bei denen du den Pfad genau kontrollieren willst, z. B. bei einem Bounce.
  • Speed Graph eignet sich besser für Bewegungen mit gleichmäßigen Abläufen oder komplexen Abläufen wie z. B. eine Acht (∞-Bewegung), da diese im Value Graph schwer zu bearbeiten ist.

Manchmal gibt After Effects dir nur den Speed Graph – das hängt von der Art der Keyframes und der Eigenschaft ab.

Ich finde, dass es mit dem Wertediagramm einfacher ist, starke/aggresive Kurven zu erstellen. Auch ist es manchmal einfacher “Bounces” zu erzeugen, bei denen der Wert beispielsweise den Wert des End-Keyframes überschreitet (Overshoot, also 0-100 % Skalierung geht auf 110 %, bevor er auf 100 geht, ohne dass ein zusätzlicher Keyframe hinzugefügt werden muss).
Also, wenn ich mehr Kontrolle brauche, verwende ich das Geschwindigkeitsdiagramm, und wenn ich noch mehr Kontrolle brauche, verwende ich das Wertediagramm. 

Aber ich denke, es ist eine Frage der Bewegung und Präferenz. Manchmal macht das Geschwindigkeitsdiagramm seltsame Dinge, dann lässt es sich auch im Wertediagramm beheben. Manchmal müssen Sie im Wertediagramm die Dimensionen trennen, was ein zusätzlicher Schritt ist, den ich nicht machen möchte, wenn ich es nicht muss und da benutze ich das Speeddiagramm

ALSOOO

  • Easy Ease ist nur der Einstieg – für professionelle Bewegungen brauchst du das Verständnis beider Graphen.
  • Bounce-, Overshoot- und Custom-Easings werden erst durch den Graph Editor so richtig lebendig.
  • Jede Animation ist anders – manchmal funktioniert der Speed Graph besser, manchmal der Value Graph. Es gibt keine allgemeingültige Regel – aber ein gutes Gespür entwickelt sich durch Übung.

(Vgl. Material Design o.D.)


3. Frequenz & Rhythmus – Die emotionale Kadenz

Frequenz bezeichnet, wie oft sich Bewegungen innerhalb eines Brand Systems wiederholen oder aktiv sind. Rhythmus ist das zeitliche Zusammenspiel einzelner Animationen.

Zum Beispiel: Eine „High-Energy-Brand“ kann 25 kleine Bewegungen pro Minute zeigen – eine Slow-Brand wiederum nur 5. Die „Bewegungshäufigkeit“ ist ein unterschätzter Bestandteil der Motion Identity.

STILLE & PAUSEN: Man soll auch bewusste Pausen („Motion Silence“) als stilistisches Mittel nutzen – wie Weißraum im Grafik Design ;). Sie schaffen Kontrast und steigern den Effekt der nächsten Bewegung.

  • Animationssequenzen in zeitlichen Intervallen
  • Synchronisation mit Audio
  • „Bewegungsstille“ bewusst einsetzen (Ruhephasen)


(Vgl. Koto 2025)

ZUSATZ: Technische Tipps


Pro-Tipps & Hidden Tricks aus der Praxis

  • Verwende „Overshoot“ (leichte Überdehnung der Bewegung), um Dynamik zu erzeugen
  • Baue kleine imperfekte Bewegungen ein – z. B. leichtes Zittern, Fluktuationen → wirkt menschlicher
  • Definiere Motion Tokens – vordefinierte Animationsbausteine für das gesamte Designsystem
  • Achte auf den „Motion Character Arc“ – auch eine Bewegung braucht Dramaturgie
  • Nutze Motion als Storytelling Device, nicht nur als Dekoration
  • Setze Bewegungen bewusst asymmetrisch – das erzeugt Spannung
  • Verwende „Motion Echoing“ – Bewegungen spiegeln sich in anderen UI-Elementen (Kohärenz)

Shortcuts und Tipps die in meiner Recherche erwähnt wurden

Shortcuts in After Effects, die du lieben wirst:

  • U → Zeigt alle Keyframes eines Layers
  • UU (Doppelklick U) → Zeigt alle geänderten Eigenschaften
  • Shift + F9 → Easy Ease (statt Rechtsklick)
  • Option + [ / Option + ] → Schneidet den Layer an der aktuellen Zeitmarke ein/aus
  • Option + Drag Keyframe → Proportional Keyframe Timing anpassen
  • Cmd/Ctrl + Option+ Shift + H → Toggle Graph Editor direkt (Zeitsparer!)

Extra Tipps:

  • Custom Controls über Sliders & Expressions
    Gerade für wiederverwendbare Templates oder Toolkits hilfreich – so kannst du ganze Bewegungsabläufe per Slider steuern. Einmal Mehraufwand und dann immer Zeitsparen
  • Graph Editor Presets speichern
    Viele wissen nicht, dass man im Flow-Plugin oder via Expressions seine liebsten Motion-Kurven speichern und wiederverwenden kann – spart Zeit bei Serienproduktionen.
  • Arbeite mit Motion Sketching (analog oder digital)
    Einfach Bewegungen zuerst per Linien oder Scribbles aufzeichnen, um „emotionale Energieverläufe“ zu testen – bevor du in After Effects loslegst. Macht Storytelling in Motion verständlicher.
  • Nutze den AE-Preview mit Ton!
    Viele testen Animationen ohne Sound – aber Motion mit Audio zu überprüfen, offenbart oft ganz neue Rhythmusprobleme oder -stärken.


Quellen:

  • KOTO 2025
    KOTO (18.02.2025): Reel talk: the power of branded motion design. In: offbrandkoto, https://offbrandkoto.substack.com/p/reel-talk-the-power-of-branded-motion (zuletzt aufgerufen am 16.03.2025)
  • Never Sit Still o.D.
    Never Sit Still (o.D.): Motion Branding. In: Never Sit Still, https://neversitstill.com/motion-branding(zuletzt aufgerufen am 16.03.2025)


*Zuhilfenahme von ChatGPT: Die KI wurde zur Übersetzung, Korrektur und Formulierungshilfe von Texten verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.

Motion Design und Motion Identity in der Praxis

Was man wirklich wissen muss, wenn’s gut werden soll – bzw. Magdas “Lesen-vorm Loslegen”-Notiz

Klar – Je öfter man Motion Identity liest und sagt, desto mehr klingt es wie ein Buzzword aus der Agenturwelt. Aber: Bewegung ist nicht nur Deko oder Spielerei – sie kann Stimmung transportieren, Marken wiedererkennbar machen und sogar den Flow in komplexen Anwendungen verbessern – das wissen wir bereits!

Nur: Damit das funktioniert, muss man ein paar Dinge beachten. Nicht nur technisch, sondern auch strategisch! Es ist die Sprache einer Marke – aber in Bewegung und damit diese Sprache funktioniert, braucht’s aber mehr als nur „von A nach B“. Es geht um wie, wann, warum – und das ist ein ganzer Werkzeugkasten für sich, wie man im Entstehungsprozess einer Motion Identity erkennt.

In Blogpost 1 & 2 habe ich mich damit beschäftigt, was eine Motion Identity ist und wie sich die Entwicklung davon gestaltet.

Bei der Recherche bin ich auf einige Infos, Themen und Tipps gestoßen, die irgendwie nicht ganz zum Rest der Info gepasst haben oder die Struktur der Blogposts gesprengt hätten.

Diese Details, Tipps, Methoden und Co. beziehen sich auf Animation, Motion und eben auch auf Motion Identities und in diesem folgenden Blogpost möchte ich all diese Dinge sammeln und zusammenfassen!


1. Motion Behavior – Die Persönlichkeit in Bewegung

Was es durch Analyse und Recherche zu Beginn des Prozesses zu definieren gilt, ist die Persönlichkeit der Marke, denn davon kann die Persönlichkeit der Bewegung abgeleitet werden. Diese Definition basiert oft während dem Branding oder der Positionierung der Marke.

Motion Behavior:
Bewegung kann – genau wie Farbe, Typo oder Sprache – den Charakter einer Marke verkörpern. Man spricht hier von Motion Behavior, also dem „Verhalten“ einer Animation. Wie sich Elemente bewegen (schnell, langsam, weich, direkt…), sagt nämlich viel über die Marke aus.

Diese Definitionen können anfangs noch recht simpel und rudimentär sein, bilden aber die Ausgangsbasis für alle weiteren Gedanken zum Thema Bewegung.

Simple Beispiele:

Linear & direkt: wirkt professionell, zielgerichtet (vgl. DixonBaxi o.D.)

Elastisch & bouncey: fühlt sich jung, lebendig, sympathisch an (vgl. DixonBaxi o.D.)

Fließend & smooth: strahlt Ruhe, Eleganz und Seriosität aus (vgl. DixonBaxi o.D.)

Das kann man weiter ausführen und mit deutlichen Begriffen wie „Fast Rise“, „Gentle Float“, „Aggressive Impact“ immer genauer definieren. Im Laufe des Prozesses kann man sie dann nutzen wie Farbpaletten oder Typosysteme.

Man entscheidet sich für einen Stil – und bleibt dann dabei. Denn wenn der Button bouncey hüpft, aber das Logo seriös und steif reinfadet, fühlt sich das seltsam inkonsistent an (vgl. DixonBaxi o.D.).


2. Kultur & Kontext – Bewegung ist nicht universell

Immer wichtig: Kultur und Kontext!

Was bei uns dynamisch wirkt, kann in anderen Kulturen aggressiv oder unhöflich rüberkommen. Beispielsweise schnelle Pop-In-Animationen werden in asiatischen Kontexten oft als hektisch empfunden oder langsame Animationen können in sehr „effizienzgetriebenen“ Märkten als nervig gelten.

Deshalb ist es wichtig den Kontext zu checken! Und sich fragen: Für wen ist das? Und wie fühlt sich Bewegung dort an? 


3. Motion-Hierarchien – Nicht alles darf gleich laut schreien

In einer Animation oder in einem komplexen Interface bewegen sich oft viele Dinge gleichzeitig. Deshalb ist es wichtig, eine Bewegungshierarchie zu etablieren. Sonst wird’s schnell unübersichtlich und überfordernd.

  • Primäre Animationen: Große, auffällige Bewegungen – z. B. das Logo, Haupttransitions, Hero-Sections
  • Sekundäre Animationen: Dezente Microinteractions – z. B. Hover-States, kleine Icons, Tooltips

Das Ziel ist immer: Die Aufmerksamkeit gezielt lenken, nicht alles gleichzeitig betonen. Und ganz wichtig: Man kann auch einfach mal nix animieren – bewusst eingesetzte Ruhe ist ein mächtiges Gestaltungselement.

Hier sind auch Aspekte wie das Timing, Easing und die Frequenz/Rythmus ein wichtiges Thema – darauf gehe ich im nächsten Beitrag genauer ein!


4. Motion-Driven Layout Thinking

Ein häufiger Fehler im Motion Design ist, dass erst statisch gelayoutet und dann animiert wird. Dabei erwische auch ich mich, mit meinem Grafik-Design-Hintergrund, immer wieder. Besser ist es, gleich Layout in Motion denken!

Prinzipien:

  • Bewegungsflüsse definieren Layout-Hierarchien
  • Motion Grid als strukturierendes Prinzip überlegen
  • Navigation durch die Animation/Applikation = Choreografie
  • Statische Layouts als Zustandsabbildungen verstehen, nicht als Endzustand

(Vgl. Koto 2025)


5. Typografie in Motion

Text in Bewegung ist mehr als nur das Einblenden von Headlines. Typografische Animation kann ein starkes semantisches Element sein.
Die Klassiker kommen dabei relativ oft vor:

  • Letter-by-letter Reveal (Dramatik)
  • Kerning-Animationen (Brand-Eigenheiten betonen)
  • Morphing zwischen Schriftgrößen/-gewichten
  • Vertical Slide (modular, systemisch)
  • Typo als Maskierungsfläche

WICHTIG dabei:

  • Lesbarkeit > Effekt
  • Branding-Prinzipien gelten auch hier (z. B. Gewichtung, Hierarchie)
  • Typo-Easing = subtiler als Grafik-Easing

(Vgl. IBM o.D.)

Weiterer Tipp: Verwende rhythmisches Typo-Timing als inhaltliche Unterstützung – z. B. bei Storytelling-Formaten oder Key Messages. (Vgl. IBM o.D.)


6. Interaction Motion – UX trifft Branding

Interaction Motion bewegt sich zwischen Designästhetik und Nutzerführung. Ziel ist nicht nur Funktionalität, sondern emotionales Feedback.

Wichtige Motion Patterns die es zu Designern gilt:

  • Feedback Loops (Button-States, Checkmarks)
  • Progressive Disclosure (step-by-step UI)
  • Loading Indicators mit Markensprache
  • Scroll-bezogene Bewegungen (Parallax, Reveal)

(Vgl. Material Design o.D.)

Wichtig:

UX Motion muss barrierefrei und optional sein (z. B. systemseitige „Reduce Motion“-Einstellungen beachten!). (Vgl. Material Design o.D.)

Animierte States sollten Markencharakter tragen – selbst ein Ladebalken kann eine Personality ausstrahlen. (Vgl. IBM o.D.)




7. Sounddesign & Motion – Synchronisierung statt Zusatz

Wenn Sound erlaubt ist (z. B. in Videos, Reels, Ads), sollte er kein Nachgedanke sein, sondern integraler Bestandteil der Motion Identity, denn fast jede Bewegung braucht Sound!

Richtlinien:

  • Synchronität!
  • Audio-Markers für Betonung von Bewegungsakzenten
  • Soundfeedback als UX-Element (z. B. Confirm-Sound)

Pro-Tipp: Eine eigene kleine Audio-Library mit typischen Sounds kann viel bewirken – so wie Brand Fonts oder Farben. (Vgl. Never Sit Still o.D.)


8. Feedback, Tests, Iterationen – Motion ist nie fertig

Auch ein gutes Motion System lebt davon, dass es getestet und verbessert wird.

  • A/B-Tests mit verschiedenen Bewegungsstilen
  • Usability-Tests auf verschiedenen Geräten
  • Ladezeiten & Performance checken
  • Feedback von realen Nutzer:innen einholen

Motion ist ein bisschen wie Musikproduktion: Man kann ewig feilen – aber irgendwann muss man’s auch veröffentlichen. (Vgl. IBM o.D.)


Qualitätssicherung und Performance:
Technische Umsetzung ist ein essenzieller Teil – zu viele Bewegungen führen zu Performanceproblemen. Wichtig also:

  • Optimierung der Frame-Rate (mind. 30fps)
  • Renderbudget pro Frame definieren
  • Testing in Low-End Devices & Browsern

(Vgl. IBM o.D.)

🙂

Motion ist nicht nur ein bisschen Eye-Candy. Es geht um Haltung, Erzählweise, User Experience – und darum, wie eine Marke „fühlbar“ wird.

Motion Design ist weit mehr als nur bewegte Grafik. Es ist ein Zusammenspiel aus Timing, Systematik, Psychologie, Emotion und Technik! Wer die feinen Mechanismen – von Easing über Rhythmus bis Interaktion – versteht und anwenden kann, schafft Markenerlebnisse.

Denn wenn Bewegung konsequent und sinnvoll eingesetzt wird – mit Gefühl für Timing, Kontext, Zielgruppe und Technik – dann entsteht eine Motion Identity, die nicht nur animiert, sondern erzählt, berührt und bleibt.

(vgl. DixonBaxi o.D.; Never Sit Still o.D.; Gleave, Dawncreative 2024)

Quellen:

  • KOTO 2025
    KOTO (18.02.2025): Reel talk: the power of branded motion design. In: offbrandkoto, https://offbrandkoto.substack.com/p/reel-talk-the-power-of-branded-motion (zuletzt aufgerufen am 16.03.2025)
  • Never Sit Still o.D.
    Never Sit Still (o.D.): Motion Branding. In: Never Sit Still, https://neversitstill.com/motion-branding(zuletzt aufgerufen am 16.03.2025)


*Zuhilfenahme von ChatGPT: Die KI wurde zur Übersetzung, Korrektur und Formulierungshilfe von Texten verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.

Preparing for the Interviews

Being that I also want to include interviews in my documentary, but have never conducted a proper interview before, I knew that I needed to do some research on the topic as to not end up with dull and uninteresting questions leading to answers of the same kind. That is why for this blog post I read through the chapter “Conducting an Interview” in the book “Making Documentary Films and Videos” by Barry Hampe (Hampe, 2007) and I will try to sum up what I took from it and what could prove to be helpful for my own project.

As with every aspect of shooting a documentary, preparation is key for conducting interviews which drive your story forward and intrigue your viewers. You should find out as much as you can on the subject beforehand, also try to find out what you don’t know or what can’t be found that easily by just doing research. Those will be the questions you want to ask the experts on the topic.
Nonetheless, when actually conducting the interview, don’t forget who you are recording the answers for. The viewers of your film will most likely be much less informed on the topic than you will be after months of research. So ask the questions in a way that the answers will be understandable to listeners of any knowledge level. Also don’t shy away from saying things like “I don’t know about that” or “I don’t understand” even if it’s not true. It will help your viewers understand the full picture and follow the story more easily.
You can also ask the interviewees beforehand if they have any suggestions for questions you should ask, but always make it clear that you will also be asking other questions.

For filming the actual interview make sure you choose a location which is interesting and helps the story along, but also one where the interviewee will feel comfortable. Always make sure to arrive earlier than your interviewee in order to set up everything for the interview without them there. Hampe also suggests to shoot interviews first before getting any other footage of your interview partners where you might have to direct them to act in a certain way, as that might also bias them for the answers they give you during the interview. Moreover, shooting the interview first will give you an idea of what footage you will need to support what is being said.

Also always keep the edit in mind when shooting an interview. You only want to change your settings or camera whilst asking questions (if they’re going to be left out of the final film) in order to be able to use the answers cohesively. There is nothing worse than getting the perfect statement on audio but not having the visual to go with it.

Concerning the questions you want to ask, always make sure to avoid “yes or no” questions, instead aim for more open ended questions which prompt your interviewee to tell a full story from beginning to end. But maybe even more important than what questions to ask is to actually listen to the answers. Show the speaker that you are interested in what they have to say and don’t limit yourself to just your list of questions, they are more like a checklist of things you want to ask and suggestions for when the interview slows down. Questions that come up naturally in the flow of the conversation can lead to much more authentic and interesting answers in the end. Also don’t be afraid of silence, let them breathe for a bit after their answer to see if there might be something else they want to add. Often times silence will prompt more answers than more questions.

In the end, Hampe states that after every interview there are still two more questions to ask “Is there anything I should have asked you that I just didn’t know enough to ask?” and “Is there anything you’d like to say that you haven’t had the chance to?”. These two questions give the interviewee the opportunity to give answers they might have prepared but that they didn’t think fit any of the questions and might lead to some very interesting content.

With all of that said, conducting great interviews takes practice, and lots of it. Hempe suggests including that practice into your daily life by not just having conversations with the people you meet but to actually interview them.

Literature

  • Making Documentary Films and Videos – Barry Hampe

Shotlist

Der erste Instinkt beim Dokumentieren eines einmaligen Events oder realer Ereignisse wäre vermutlich, das Ganze einfach auf sich zukommen zu lassen und darauf zu vertrauen, dass man die “richtigen” Shots schon erkennen und einfangen wird. Dass man ja nicht planen kann was passieren wird und dass die Authentizität des Filmes leiden würde wenn man schon im Vorhinein planen würde, was passieren wird. Denn wie sollte man denn wissen, was passiert, was die Personen sagen oder tun werden?

Natürlich kann man beim Filmen von Dokumentationen nie genau vorhersagen, wie sich die Szenen und die Geschichte entwickeln werden, jedoch ist es deshalb umso wichtiger, gute Vorarbeit zu leisten und sich entsprechend vorzubereiten. Gerade weil man nicht wissen kann was genau passieren wird, sollte man auf viele unterschiedliche Situationen vorbereitet sein. Also ist das erstellen einer umfangreichen Shotlist unumgänglich. Hier können alle Shots gesammelt werden, auf die beim Filmen besonders geachtet werden soll und die essentiell sind um die Geschichte voran zu treiben. Damit erleichtert man sich auch die Arbeit im Schnittprozess erheblich und schafft eine klare, konzise Geschichte zu erzählen (studiobinder, 2025).

Im Folgenden werde ich deshalb eine erste Version meiner Shotlist erstellen mit den wichtigsten Schlüsselszenen die ich für meine Kurzdokumentation brauchen werde. Im weiteren Verlauf wird diese Shotlist vermutlich noch erweitert, angepasst und verändert werden, nichtsdestotrotz ist es immer gut ein gewisses Grundgerüst zu haben anhand dessen man weiter arbeiten kann.

Shotlist Auto:Frei:Tag

Shot 1: wide shot von übervollen, dreckigen Straßen, vielleicht Uhrturm im Hintergrund
Shot 2: close up eines rauchenden Auspuffes oder von toten Pflanzen
Shot 3: schnelle Zwischenschnitte von einer Straße ohne Autos, mit vielen Menschen, gute Stimmung
Shot 4: wide shot vom Auto:Frei:Tag, etwas entfernt
Shot 5: top down shot vom Geschehen (vielleicht aus einer Wohnung?)
Shot 6: Einblendungen von Grafiken über Shot 5, eventuell zoom out zu Karte von Graz
Shot 7: top down shot vom Auto:Frei:Tag
Shot 8: medium/close shot eines bestimmten Aspekts (Banner, Stand, Straßenkreide…) von oben
Shot 9: close up desselben Aspektes aber dieses mal von der Straße aus
Shot 10: medium shot von Menschen am Event
Shot 11: close ups von interessanten Szenen
Shot 12: wide shot des Events
Shot 13: medium shot interview mit Personen am Event, mitten im Geschehen
Shot 14: zweite Kamera Interview, medium
Shot 15: andere Person in der gleichen? Location
Shot 16: medium shot von Person aus der Organisation die am Auto:Frei:Tag arbeitet
Shot 17: Interview mit derselben Person, etwas abseits, man sieht das Event noch im Hintergrund
Shot 18: zweite Interview Kamera, close up
Shot 19: B-Roll vom Event aber auch von negativen Szenen über die sie vielleicht sprechen werden
Shot 20: eventuell noch andere Interview Partner
Shot 21: positiv enden mit Frage zu optimistischen Zukunftsvisionen
Shot 22: wide shot des Auto:Frei:Tages

weitere Shot Ideen als B-Roll / Füller

  • close up beim Straßenkreiden malen
  • Timelapse von oben
  • Hyperlapse beim hineingehen in die Straße
  • slow shutter shot von einem Auto:Frei:Tag Schild/Banner an dem Personen vorbeigehen
  • shot von unten, eine Person die von hinten über die Kamera steigt
  • direkter Übergang von Straße mit Autos zu leerer Straße
  • am Ende nochmal die leere Straße, ohne Autos, ohne Menschen (wide)

Wie bereits zuvor erwähnt ist diese Shotlist eine erste Version, die noch verändert und überarbeitet werden wird und auch während des Drehs wird sich sicher noch einiges ändern weil sich neue, unerwartete Situationen ergeben und einige der erwähnten Shots sich vielleicht als unmöglich zu realisieren herausstellen werden. Jedoch bietet es sich trotzdem an eine große Sammlung an möglichen Shots vorab zu erstellen, um sichergehen zu können dass im Nachhinein nichts Wichtiges fehlt.

Für die finale Shotlist fehlen hier natürlich noch einige wichtige Angaben so wie das zu verwendende Equipment, die genaue und detaillierte Beschreibung des Shots und der Perspektive sowie die genaue Location und andere essentielle Details. Das alles kann zum Beispiel mit Software wie der von Studiobinder (studiobinder, 2025) für die Erstellung von Shotlists genauestens dokumentiert und geordnet werden um den Überblick zu behalten und Änderungen einfach und schnell durchführen zu können.

Literatur:

Das Grundgerüst

As a quick introduction I have to mention that from here on out I will most likely write the blog posts that are directly connected to my semester project in German, given the fact that the video will be in German and thus writing out all of the planning and story ideas in English would just mean twice the work. Therefore I must sincerely apologise to my many English speaking readers who have followed my posts with great interest and enthralment thus far.

Für eine erste Idee, wie ich die Kurzdoku zum Thema Auto:Frei:Tag aufbauen könnte, habe ich – gemeinsam mit ChatGPT – eine erste Struktur ausgearbeitet, die ich im Folgenden kurz zusammenfassen und beschreiben werde.
Vorab noch zum Stil und zur Stimmung des Filmes; der dokumentarische Charakter soll zwar nicht verloren gehen, ich will mich aber trotzdem eher darauf fokussieren, die Stimmungen und Meinungen der teilnehmenden Personen zu dokumentieren, anstatt rein harte Fakten zu präsentieren. Ich hoffe, dass es mir gelingen wird eine gute Mischung zu finden.

Der grundsätzliche Aufbau

  1. Der Einstieg (ca 1min):
    Das Problem wird aufgezeigt, volle Straßen, lärmende Autos und dazwischen kein Platz zum leben. Im VoiceOver wird hier auch direkt angesprochen, wo das Problem liegt und es wird angedeutet bzw in Aussicht gestellt, wie es wohl anders gehen könnte. Hier kann sehr deutlich der Kontrast aufgezeigt werden zwischen der Stadt voller Autos und der Idylle am Auto:Frei:Tag mit schnellen Schnitten zwischen den beiden Szenarien.
  2. Einführung ins Thema (ca 1,5min):
    Es wird erklärt und präsentiert, was Auto:Frei:Tag überhaupt ist, entweder mit Hilfe des VoiceOvers oder mittels O-Tönen aus Interviews mit Organisator:Innen des Auto:Frei:Tags. Hier kann außerdem mit Grafiken und Diagrammen gearbeitet werden, die helfen können einige Fakten zu visualisieren. Beispielsweise kann hier anhand einer Karte gezeigt werden, wo und wann bisher überall Auto:Frei:Tage stattgefunden haben. In diesem Abschnitt geht es zwar darum, zu erläutern worum es bei der Aktion geht, trotzdem sollten aber die Emotionen und Überzeugungen der Organisator:Innen im Vordergrund stehen und nicht die Fakten.
  3. Das Event an sich (3min):
    In diesem Hauptteil des Videos wird ein Auto:Frei:Tag begleitet und dokumentiert. Hier soll die Stimmung der Veranstaltung eingefangen werden, sowie die Emotionen und Meinungen der Besucher zu der Organisation und zu autofreien Zonen im Allgemeinen. Diese Szenen können einen starken Kontrast zu der Straße voller Autos zu Beginn des Videos darstellen.
  4. Stimmen aus der Organisation (ca 2,5min):
    Hier kann mittels der zuvor verwendeten O-Töne eine Verbindung zum Anfang des Videos hergestellt werden. Mitglieder der Organisation werden interviewt und dazu befragt, warum sie sich so für die Sache einsetzen und welche Probleme ihrer Meinung nach behoben werden müssen. Hier kann auch der Bogen zur möglichen Zukunftsvision gespannt werden, indem die Personen nach ihrer Vorstellung der Zukunft gefragt werden.
  5. Zukunftsvisionen (ca 2,5min):
    Für einen positiven Abschluss der Kurzdokumentation kann ein Bild einer besseren Zukunft gemalt werden. Zum Einen indem man Besucher:Innen sowie Organisator:Innen des Auto:Frei:Tages zu ihren Wünschen für die Zukunft befragt und zum Anderen könnte man auch zeigen, wo das Prinzip “autofrei” schon heute erfolgreich gelebt wird, wie zum Beispiel in der autofreien Siedlung in Wien.

Ton und Stil

Wie bereits zu Beginn erwähnt soll diese Kurzdokumentation zwar informieren und den Zuseher:Innen erklären, was der Auto:Frei:Tag ist und welche Probleme er zu lösen versucht, aber gleichzeitig soll sie auch nicht zu Fakten-lastig oder belehrend werden, sondern stattdessen an die Emotionen der Zuseher:Innen appellieren. Ziel des Videos soll es sein, ein Bewusstsein dafür zu schaffen, welche Probleme die vollen Straßen in unseren Städten auslösen und wie eine Stadt der Zukunft möglicherweise aussehen könnte. Außerdem soll gezeigt werden, dass es Aktionen wie den Auto:Frei:Tag gibt und auch wie man daran teilnehmen oder selbst aktiv werden kann indem man selbst Events organisiert beziehungsweise anfragt oder einfach indem man an ihnen teilnimmt und Bekannten und Freund:Innen davon erzählt, um das Bewusstsein in der Bevölkerung zu steigern.

AI Disclaimer: Für die Erarbeitung der Struktur für das Video wurde ChatGPT genutzt.

3D Modell Kirche

Im nächsten Schritt wurde die Frontfassade der Kirche digital rekonstruiert. Ein frontal aufgenommenes Foto diente als Grundlage, das in Photoshop freigestellt und perspektivisch entzerrt wurde. Anschließend wurde es in Cinema 4D als Vorlage für den Nachbau in der Frontalansicht verwendet. Die Architektur wurde mithilfe von Splines, Extrude-NURBS und Boole-Operationen detailliert nachgebaut. Um die unregelmäßige Geometrie in eine brauchbare Topologie zu überführen, kam zunächst ein Volumenmesher, anschließend ein Volumenerzeuger und schließlich ein Remesher zum Einsatz. Ziel war eine gleichmäßigere Oberfläche für spätere Animationen und Simulationen – mit teils zufriedenstellenden Ergebnissen.

Erste Materialexperimente kombinierten originalgetreue Texturen mit alternativen Shadern. Außerdem wurde eine einfache Partikelsimulation erstellt, die das Volumen des Meshes als Emitter nutzte, ergänzt durch ein Turbulenzfeld zur Bewegungskontrolle.

Beim Rendern wurde gezielt darauf geachtet, dass das Format exakt der nativen Auflösung des verwendeten Beamers entsprach (1024 × 768 Pixel). Auch die Kameraeinstellungen wurden zentral und ohne Rotation gewählt, um perspektivische Verzerrungen zu vermeiden.

Das Ergebnis wurde in HeavyM geladen und auf die reale Fassade projiziert. Dabei zeigte sich jedoch ein perspektivisches Problem: Die Fenster ließen sich nicht exakt auf die physische Struktur anpassen. Ob der Fehler bei der Modellierung, dem Export oder dem Mapping liegt, muss nun untersucht werden. Erst wenn das Frontalmapping fehlerfrei funktioniert, sollen auch die Seitenflächen modelliert und ein vollständig räumliches Mapping getestet werden.


Disclaimer zur Nutzung von Künstlicher Intelligenz (KI):

Dieser Blogbeitrag wurde unter Zuhilfenahme von Künstlicher Intelligenz (ChatGPT) erstellt. Die KI wurde zur Recherche, zur Korrektur von Texten, zur Inspiration und zur Einholung von Verbesserungsvorschlägen verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.