Animierter Imagefilm 3D

3D und der Gedanke an den realistischen Chromball

Fotorealistische Umgebungen, Charaktere und Gegenstände. An Perfektion grenzende Simulationen von Rauch, Wasser, Feuer und sich physikalisch korrekt verhaltende Objekte. Glänzende Oberflächen, viel Chrom und immer etwas unpersönlich und kalt.

Dies sind alles Eindrücke, die viele noch immer von Gestaltung in 3D haben. Keine Frage, sind alle genannten Dinge möglich – sie stellen aber nur einen Bruchteil der Möglichkeiten dar, die bei der Gestaltung in 3D zur Verfügung stehen.

Alte Hasen im 3D-Bereich werden nun sicherlich gelangweilt mit den Augen rollen, da ihnen dies klar ist. Aber für viele andere ist der Gedanke, dass man mit 3D nicht nur fotorealistisch, sondern abstrakt, ja, sogar künstlerisch arbeiten kann, vollkommen neu.

Viele Arbeiten im Bereich 3D lassen sich sehr schnell genau diesem Medium zuordnen. Man sieht einfach, dass sie einem 3D-Programm entstammen. Das ist weder positiv, noch negativ. Sie haben einfach einen gewissen “look”.

Wenn man diesen “look” nicht haben möchten, gibt es zwei Möglichkeiten. Entweder man schafft es, seine Renderings absolut realistisch aussehen zu lassen, so dass der Betrachter nicht auf den Gedanken kommt, dass es sich um 3D handelt (gut gemachte Architekturvisualisierungen sind hierfür ein Beispiel), oder man kehrt dem Fotorealismus den Rücken zu und beschäftigt sich mit dem Bereich des “NPR”, was soviel heißt wie “Non Photorealistic Rendering”, also “Nicht Fotorealistisches Rendering”.


Was ist überhaupt Rendering?

Da es sich beim Thema Rendering um ein recht komplexes Thema handelt, werde ich in diesem Beitrag gewisse Konzepte und Herangehensweisen vereinfacht darstellen. Grundsätzlich beschreibt man mit dem Wort “Rendern” das Erzeugen von einem Bild bzw. einem Ergebnis aus Rohdaten. Diese Rohdaten können z.B. 3D-Modelle in einem 3D-Programm sein, die dort mit einer virtuellen Kamera betrachtet werden. Mit dieser virtuellen Kamera ist es dann möglich, im übertragenen Sinn gesprochen, ein “Foto” von dem 3D-Objekt zu machen. Dieses erzeugte Bild kann dann in einem herkömmlichen Dateiformat, wie z.B. jpg, png o.ä. gespeichert werden. 

In Realität gehört allerdings deutlich mehr dazu ein Bild zu Rendern, als den Auslöser einer virtuellen Kamera zu betätigen. In der Szene des 3D-Programms existiert nämlich zunächst nichts. Kein Licht, keine Atmosphäre, keine Materialien, keine Umgebung. Dies sind alles Dinge, die manuell gestaltet und konfiguriert werden müssen.

Wenn dies nun geschehen ist, muss man noch verschiedene Einstellungen im Renderer selbst tätigen. Hier entscheidet man z.B. über die Auflösung des finalen Bildes (des “Fotos” der virtuellen Kamera), das Verhalten des simulierten Lichts in der 3D-Szene und noch vieles mehr. Das anschließende Klicken auf “Rendern” entspricht nun dem drücken des Auslösers einer Kamera. Je nach Komplexität der Szene benötigt das Rendern nun eine gewisse Zeit. Dies kann der Bruchteil einer Sekunde bis zu mehreren Stunden (oder noch mehr) Renderzeit pro Bild sein. Das Ergebnis kann dann durchaus von einer Fotografie nicht mehr zu unterscheiden sein.

Ein Bild wird gerendert. Die Renderzeit für dieses Bild betrug ca. 60 Sekunden

Doch wie schon angedeutet, befassen wir uns in diesem Beitrag nicht mit dem Thema Fotorealismus, sondern mit “Non Photorealistic Rendering”. Dies vereinfacht einige Dinge und kompliziert andere.

Viele moderne Renderer sind nämlich auf Fotorealismus ausgelegt. Zum Beispiel simulieren sie Licht nahezu perfekt, erzeugen präzise Licht-Schatten-Verläufe und brechen das Licht, welches durch lichtdurchlässige Materialien strahlt. Wenn man aber genau dies nicht möchte, muss man den Renderer oft speziell konfigurieren, oder für gewünschte Ergebnisse sogar zu einem anderen Renderer wechseln. Im Fall unseres animierten Imagefilms haben wir die 3D-Elemente mit dem in blender enthaltenem Renderer “EEVEE” gerendert. Dies ist eine sogenannte Echtzeit-Render-Engine. Dies bedeutet, dass das Rendern der Bilder in (nahezu) Echtzeit geschieht. Solche Render-Engines werden z.B. auch in Computerspielen eingesetzt und sind durchaus in der Lage (nahezu) fotorealistische Bilder zu erzeugen. Da Echtzeit-Render-Engines aber darauf ausgelegt sind, möglichst schnell die Bilder zu erzeugen, kann bei gewissen Bereichen der Bilderzeugung “getrickst” werden. So ist es hier recht einfach möglich, ein stilisiertes Setup aufzubauen, welches z.B. ohne reflektiertes Licht oder ohne weiche Schattenkanten arbeitet. Und das ist in unserem Fall genau das, was wir wollen. Nun sind wir in der Lage, stilisierte, nicht fotorealistische Bilder zu rendern. Doch um das bestmögliche Ergebnis zu erzielen, müssen auch alle weiteren Teile des Gestaltungsprozesses so angelegt werden, dass sich ein schlüssiges Gesamtbild ergibt.


Modellieren

Neben der technischen Herangehensweise ist auch das Verhältnis von 3D Modellen und dem zugrundeliegenden visuellen Stil enorm wichtig. Es macht im Fall unseres animierten Imagefilms z.B. keinen Sinn ein Raumschiff mit extrem vielen und feinen Details zu modellieren, welches dann in eine eher von Farbflächen dominierte und stilisierte Welt eingesetzt wird. Dieser Bruch aus verschiedenen Detailgraden würde sofort auffallen und den Betrachter irritieren. Die zu erstellenden 3D Modelle mussten also vom Detailgrad zu den Illustrationen passen.

Ansicht der Rakete im 3D-Programm. Der Detailgrad passt zu den 2D-Illustrationen

Die Illustrationen sind in den meisten Fällen nur leicht schattiert, oder kommen sogar ohne Schattierung aus. Dies sollte auch bei den 3D-Elementen so sein. Die Tiefe und Form der Elemente und Szenen sollte durch Kamerabewegungen, Liniengebung und zu gewissem Maße auch durch Schattierungen erreicht werden.


Materialien

In 3D nutzt man üblicherweise nicht einfach nur eine Farbe für ein Objekt, sondern man nutzt ein Material (einen sogenannten Shader). Dieses Material bietet verschiedene Einstellungsmöglichkeiten, wie z.B. Rauhheit der Oberfläche, Grundfarbe, Lichtdurchlässigkeit, Brechungsindex und noch viele weitere. Das Material wird dann einem 3D Objekt zugewiesen und bewirkt, dass die Oberfläche (und/ oder das Volumen) des Objekts auf eine bestimmte Weise mit dem Licht “interagiert”.

Anpassen der Oberflächenrauheit bei einer Kugel

So hätte z.B. Autolack eine geringe Oberflächenrauhheit, Kreide dagegen eine hohe. Autolack würde also das Licht eher reflektieren wie ein Spiegel, Kreide würde das auftreffende Licht eher streuen. Auch im Fall des animierten Imagefilms arbeiten wir mit Materialien. Diese sind allerdings weitaus simpler, und nutzen nur den Farbaspekt des Materials. Wir möchten also nur abbilden welcher Bereich des 3D-Objekts direkt von Licht getroffen wird und welcher nicht.


Der Szenenaufbau

Die 3D-Modelle sind alle erstellt, das Konzept für die Szene ebenso. Nun müssen die Elemente ansprechend im Raum platziert, animiert und “gefilmt” werden. Und der Raum, in dem sie sich befinden, muss auch gestaltet werden. Denn wie bereits angemerkt, befindet sich in einer 3D-Szene zunächst nichts. Weder Licht, noch eine Umgebung. Im Fall unseres Videos spielen die meisten 3D-Szene im Außenbereich. Daher beginnen wir mit dem Erstellen einer Lichtquelle. Diese Lichtquelle ist eine sogenannte Sonnenlichtquelle, oder auch parallele Lichtquelle genannt. Diese Lichtquelle sendet parallel laufende Lichtstrahlen durch die Szene und simuliert damit eine sehr weit entfernt liegende, sehr starke Lichtquelle. Diese Lichtquelle ist zudem klein und erzeugt dadurch harte Kanten zwischen direkt beleuchteten und nicht beleuchteten Bereichen. Die Farben der beleuchteten und nicht beleuchteten Bereichen eines Objekts können wir nun über das bereits genannte Material nach unseren Wünschen gestalten.

 Kontrolle der Schattierung auf einer Kugel

Als nächstes erstellen wir eine Umgebung. Im Fall der startenden Rakete haben wir die Umgebung mit einem Farbverlauf versehen, der den Himmel repräsentiert. Auch hier haben wir darauf geachtet, dass die Farbgebung der gesamten Szene harmonisch ist.

Um die vorhandenen 3D-Modelle in der Umgebung nun zu zeigen, wird eine Kamera in die Szene eingefügt. Bei dieser können wir, wie auch bei einer echten Kamera, Brennweite, Blende, Verschlusszeit und noch viel mehr einstellen. Da wir aber in unserem Fall eine bestimmte Art der Darstellung erreichen möchten, orientieren wir uns am Aussehen von klassischem Zeichentrick. Dadurch können wir Dinge, wie das Einstellen der Blende außer Acht lassen, da in den Szenen alles scharf abgebildet sein wird. 

Die relevanten Szeneninhalte können nun also mit der Kamera komponiert werden und durch z.B. zusätzliche Kamerabewegungen so dargestellt werden, dass ein möglichst dynamischer Gesamteindruck entsteht.

Und nun, endlich, steht der begehrte Klick auf “Rendern” an, nach dem man sich das Ergebnis seiner Arbeit anschauen kann und sofort mit allem zu 100% zufrieden ist. Nein? Okay, das war wohl gelogen. In den meisten Fällen rendert man mehr als einmal, da gewisse Dinge noch nicht ganz zusammenpassen, kleine Fehler auffallen oder sich das Konzept der Szene im Produktionsprozess etwas geändert hat. Dies kann man bei extrem aufwendigen und lange dauernden Renderings durch das Erstellen von Vorschaurenderings umgehen. Da wir aber mit einem Echtzeitrenderer arbeiten, ging das Rendern so schnell, dass wir problemlos eine bereits gerenderte Szene nach leichten Anpassungen nochmals rendern konnten.


Wie geht es weiter?

Dieser Beitrag gibt euch einen Einblick in die Gestaltung und Umsetzung unseres animierten Imagefilms. Es werden noch weitere Beiträge erscheinen, die sich mit anderen Aspekten dieses Videos beschäftigen. In einem nächsten Beitrag werde ich z.B. auf das Thema Compositing eingehen, wie man also verschiedene Elemente (2D und 3D Elemente in unserem Fall) nahtlos zusammenfügt.

Tobi Fröhlich

vt.releipsthcil@ibot
0221 165 312 52

Animierter Imagefilm

Technische und ästhetische Herangehensweise

Über die Jahre haben wir in der Erklärfilmproduktion verschiedenste Stilistiken ausprobiert, uns Herausforderungen gestellt und stetig dazugelernt. Irgendwann ist dann der Punkt erreicht, an dem man eine ganze Menge Wissen und Fähigkeiten angehäuft hat, die allerdings sehr selten alle in einem einzigen Projekt kombiniert zum Tragen kommen. Das ist zwar schade, aber die Realität. Denn nicht jeder Kunde benötigt in seinen Filmen diese komplette Bandbreite, um seine Message angemessen kommunizieren zu können. Das zur Verfügung stehende Budget spielt natürlich auch eine entscheidende Rolle.

Da entsteht dann irgendwann das Bedürfnis, einen Film zu gestalten, in dessen Produktion wir uns nicht irgendwelchen Budget oder Zeitbegrenzungen unterwerfen müssen. Wir wollten also mal richtig die Sau raus lassen. Da kam uns unsere neue Website doch wie gelegen, um ein Narrativ zu motivieren.


2D oder 3D? Beides!

Zu Beginn des Prozesses haben wir uns über Dinge wie Story, Plot und allgemeinen Eindruck besprochen, den der Film haben soll. Darauf gehe ich aber in diesem Beitrag nicht genauer ein, sondern eher auf die technische und ästhetische Herangehensweise.

Unser neues Corporate Design hat uns natürlich bei der visuellen Gestaltung des Films maßgeblich beeinflusst. So entstanden die ersten Illustrationen in 2D und wurden schnell zu einem sehr detaillierten Storyboard, sowie zu einem ersten Animatic und auch ersten animierten Sequenzen. Hierbei wurden wir in unserer Entscheidung bestärkt, dass wir den Film gerne so dynamisch und filmisch haben möchten, wie möglich. Große dynamische Kamerabewegungen und detaillierte Animationen sollten also her. Die Rakete sollte sich im Flug drehen und schließlich an Planeten vorbeifliegen, die eine klare Räumlichkeit und Tiefe der Einstellung etablieren sollten. Wir wollten 3D Elemente aber nur an den Stellen nutzen, an denen sie auch wirklich einen Mehrwert bieten. Die Kombination von 2D und 3D Elementen war beschlossen.

Im Raum verteilte Planeten erzeugen in Kombination mit der Kamerabewegung Tiefe
Im Raum verteilte Planeten erzeugen in Kombination mit der Kamerabewegung Tiefe

Zu Beginn war die Aufteilung von 2D und 3D Elementen etwa 70 zu 30. Die 3D Elemente wurden in 2D Szenen eingefügt um diese dynamischer zu gestalten. Im weiteren Prozess hat sich dies allerdings verschoben, so dass eher 2D Elemente in 3D Szenen eingefügt wurden. Dies erlaubte uns den gewünschten dynamischen Umgang mit der Kamera.

Szenen die bereits in 2D fertig animiert waren, wurden neu überdacht und schließlich in 3D gestaltet. Das interessanteste Beispiel hierfür, ist die “Dschungelplanet Szene”. Hierbei bewegt sich die Kamera durch das Unterholz und gibt den Blick auf die Helden der Geschichte frei, bevor sie in die nachfolgende Szene überleitet. In der 2D Version war die Szene zwar auch interessant und vermittelte im Kern die gleiche Aussage, doch in 3D ist diese weitaus dynamischer und filmischer. So wird hier die Kamerabewegung z.B. von der Alienlibelle motiviert, die uns durch die komplette Szene führt.

Diese Szene wurde zudem nicht klassisch in 3D gestaltet, sondern in VR illustriert. So war es möglich sich beim Illustrieren als Teil dieser “Szenenwelt” zu fühlen und nach spannenden Winkeln für die Kamera zu suchen. Zudem war es durch diese Technik eine wahre Freude, die organischen Formen der Vegetation und des Planeten entstehen zu lassen.

Die fertig 3D-Illustrierte Szene wurde dann im 3D Programm, Blender in unserem Fall, aufgeräumt und die Kamera mitsamt Animation wurde eingefügt. Nun fehlte als reines 3D Element nur noch die Alienlibelle. Diese wurde klassisch in 3D modelliert und animiert.

Diese Szene wurde dann aus dem 3D Programm exportiert und anschließend in After Effects durch das Einfügen der Charaktere vervollständigt. Diese sind also nicht 3D, sondern 2D-Elemente, was aber durch ihre Anordnung in der Szene und die Art der Kamerabewegung nicht weiter auffällt.

 Ansicht der Szene im 3D-Viewport
Gerenderte 3D-Szene
Gerenderte 3D-Szene mit eingefügten 2D-Elementen

Gestaltung und Nutzung

Wir haben früh im Prozess entschieden, dass der Film im Seitenkopf der neuen Website laufen soll. Und dies automatisch, sobald man die Seite besucht. Da aktuelle Browser den Sound von automatisch abspielenden Videos blockieren (zum Glück), war klar, dass der Film primär ohne Sound auskommen muss. Dies klingt zunächst nach einer nicht weiter wichtigen Unannehmlichkeit, ist aber durchaus ein relevanter Punkt. Denn Bewegtbild lebt sehr stark von der auditiven Ebene. Diese ist oft für den Großteil der Emotionen verantwortlich und ist in der Lage, verschiedene visuell unterschiedliche Einstellungen und Szenen zu verbinden. Entsprechend wurde die visuelle Gestaltung und Kohärenz des Films noch einmal ein gutes Stück wichtiger. Besonders die Übergänge von einer Szene in die andere mussten nun visuell “ineinander fließen”.


You Spin Me Round (Like a Record)

Dieser 80er Jahre Song hat zwei Aspekte unseres Films maßgeblich beeinflusst. Zum einen hat die Frisur des Sängers das Aussehen der Vegetation auf dem Alien-Dschungelplaneten maßgeblich inspiriert, zum anderen ist der Titel recht zutreffend, denn der Film sollte sich stetig wiederholen, also in einer Schleife wiedergegeben werden.*

Ein Looppunkt musste also erdacht werden, also ein Punkt, in dem das letzte und das erste Bild des Films identisch sind. So gibt es bei der Schleifenwiedergabe des Films keinen “Sprung”, wenn der Loop von vorne beginnt. Da wir auf der visuellen Ebene viel mit monochromen Farbflächen arbeiten, war die Platzierung des Looppunkts nicht besonders kompliziert. Die Kamerabewegung zu Beginn wurde so angepasst, dass sie einen vertikalen Schwenk von einer Farbfläche (dem Boden) nach oben vollzieht und so die Rakete dynamisch in Szene setzt. Diese Bewegung wurde am Ende des Films, ebenfalls durch einen vertikalen Kameraschwenk nach oben, auf eine identische Farbfläche, wiederholt. Sobald die Farbfläche das Bild komplett ausfüllt, endet der Film – oder kann nahtlos von vorne beginnen.     

 *Möglicherweise ist dieser Absatz frei erfunden.


Wie geht es weiter?

Dieser Beitrag gibt euch einen ersten Einblick in die Gestaltung und Umsetzung unseres animierten Imagefilms. Es werden noch weitere Beiträge erscheinen, die sich mit anderen Aspekten dieses Videos beschäftigen. In zweiten Beitrag werde ich z.B. auf das Thema 3D-Rendering eingehen und welche Techniken wir hier verwendet haben, um 2D Illustrationen und 3D-Elemente nahtlos miteinander zu kombinieren.

Tobi Fröhlich

vt.releipsthcil@ibot
0221 165 312 52