Blog

Feb 14, 2024

Wie man animierte Produktmodelle erstellt von Iain Anderson

Kunstwerke in etwas verwandeln, das Menschen kaufen möchten. Crowdfunding ist für Kreative zu einem gängigen Weg geworden, Produkte verschiedenster Art Wirklichkeit werden zu lassen. Von Videospielen und Brettspielen über Tastaturen bis hin zu

Aus Kunstwerken etwas machen, das die Leute kaufen wollen

Crowdfunding ist für Kreative zu einem gängigen Weg geworden, um Produkte verschiedenster Art Wirklichkeit werden zu lassen. Von Videospielen und Brettspielen über Tastaturen bis hin zu Telepromptern und Küchengeräten gibt es viele Websites, die Produktdesigner und potenzielle Käufer zum gegenseitigen Nutzen zusammenbringen, darunter Kickstarter, Indiegogo, Gamefound und viele andere. Videos machen einen großen Teil dieser Kampagnen aus, und ein großer Teil davon sind Animationen – wie wird das also gemacht?

Bei einigen Projekten habe ich Martin Wallace (einem bekannten Brettspieldesigner) bei Design-, Animations- und Videoaufgaben geholfen und dachte, ich würde Ihnen ein paar Workflow-Tipps für den Umgang mit späten Änderungen in einem Video und einer Animation geben Pipeline. Außerdem wichtig: Ich bin kein 3D-Modellierer und dieser Workflow ist völlig Blender-frei. Wenn Sie einen Mac verwenden und Adobe-Apps zur Hand haben, können Sie die meisten Schritte hier ausführen. Apples Motion wird ebenfalls empfohlen. Und Sie müssen keine komplette Werbekampagne für Brettspiele erstellen, um diese Techniken hilfreich zu finden – wenn Sie jemals eine einfache animierte Produktverpackungsaufnahme erstellen müssen, finden Sie hier auch Schritte, die Sie befolgen können.

Aber gehen wir einen Schritt zurück – warum überhaupt mit Animationen arbeiten? Kann man es nicht einfach in der Realität ausdrucken und mit echten Menschen filmen? Warum sich die Mühe machen, die ganze virtuelle Arbeit zu erledigen?

Wenn ein Brettspiel zum ersten Mal entworfen wird, sind alle grafischen Elemente wahrscheinlich auf das Nötigste beschränkt. Bilder sind entweder überhaupt nicht vorhanden oder nur temporär, und bis ein Künstler tatsächlich alle benötigten Assets erstellt, genehmigt, in die endgültigen Layouts eingefügt und auch genehmigt hat, kann nichts gedruckt werden. Das Drucken, Zuschneiden und Sammeln aller Komponenten für ein Brettspiel kann eine Woche oder länger dauern, und die Situation ist noch viel schlimmer, wenn Sie große Mengen an Plastikteilen in einem anderen Land wie China produzieren müssen.

Wenn die Entwürfe nicht rechtzeitig fertig sind, bevor Sie mit dem Verkauf des Spiels an potenzielle Crowdfunding-Unterstützer beginnen möchten, können Sie keine echten Menschen mit echten Teilen filmen, da diese noch nicht existieren. Auch wenn der 3D-Druck in manchen Fällen als Ersatz für endgültige Stücke dienen kann, funktioniert er nicht in jedem Fall – Texturen und Kunstwerke können nicht immer durch den 3D-Druck reproduziert werden. Die direkte Animation aus den Asset-Dateien bedeutet, dass Sie sehen können, wie alles zusammen aussieht, bevor Sie es tatsächlich erstellen, und ermöglicht einen viel schnelleren Überprüfungszyklus. Es ermöglicht auch unmögliche Kamerabewegungen, ermöglicht das Schweben von Objekten, ermöglicht Simulationen, die viele Elemente gleichzeitig steuern, und ermöglicht natürlich endlose Überarbeitungen – Dinge in der Realität aufzunehmen ist schwieriger, als es scheint.

Bei den beiden Jobs, die ich hier besprechen werde, hatten wir eine Mischung dieser Probleme.

Bei Bloodstones, das letztes Jahr erfolgreich per Crowdfunding finanziert wurde und in den nächsten Monaten ausgeliefert wird, umfasst das Design viele Kunststofffliesen mit individueller Grafik. Das Design hatte sich seit den ersten Prototypen weiterentwickelt und die Darstellung offizieller Videos mit älteren Kunstwerken hätte potenzielle Unterstützer verwirrt. Leider hätte die Herstellung eines neuen Prototyps zu lange gedauert und zu viel gekostet, weshalb ein Promo-Video und ein Tutorial-Video vollständig digital erstellt wurden.

Für Fighting Fantasy Adventures (hauptsächlich kartenbasiert) war die Herstellungszeit von Plastik kein Problem. Obwohl es jedes Mal, wenn wir mit dem Druck begannen, zu Verzögerungen kam, war das größte Problem, dass die Grafik völlig vom ursprünglichen Design abgewichen war. Unsere ersten Prototypen waren zum Testen in Ordnung – und ich habe einen vollständigen Spieltest in der realen Welt gedreht, um die Reaktionen der Spieler zu sammeln –, aber der Prototyp repräsentierte das Endprodukt nicht gut. Aufgrund der Menge an Kunst, die damit verbunden war, konnten wir nicht rechtzeitig für die Crowdfunding-Kampagne ein komplett neues Design fertigstellen, aber wir konnten genug davon schaffen, um den neuen Look zu präsentieren. Auch hier wurden ein Promo-Video (digital und physisch) und ein Tutorial-Video (alle digital) erstellt. (Wenn Sie sich für das Spiel interessieren, ist das Projekt noch live.)

Wie geht es also weiter?

Ich gehe zwar davon aus, dass die meisten Zuschauer hier im Bereich Video und Animation tätig sind, aber es hilft wirklich, wenn man sich auch mit ein paar Design-Apps auskennt. Vorhandene Grafiken in Photoshop, Illustrator, InDesign oder einem anderen Format müssen in ein Format konvertiert werden, das sich leicht animieren lässt. Je nachdem, was Sie tun, müssen Sie möglicherweise auch herausfinden, wie Sie diese Dateien in ein 3D-Format konvertieren, aber darauf kommen wir zurück.

Das Wichtigste ist, einen Ordner zu erstellen, der alle diese Assets enthält, dann alle Bilddateien mit einer einheitlichen Benennungsstrategie in diesen Ordner zu exportieren und diese Dateien einfach zu ersetzen, wenn sich das Bildmaterial ändert. Benennen Sie nichts um und erhöhen Sie keine Versionsnummern – das gilt für Ihre Quelldateien. Die in Ihren Animationsdateien verwendeten Bilder sollten nur einmal vorhanden sein, damit Ihre Animationsdateien automatisch aktualisiert werden, sobald sich die Bilder ändern. Diese automatische Aktualisierung funktioniert sowohl in Motion als auch in After Effects und bedeutet, dass Sie mit der Animationsarbeit beginnen können, bevor die endgültige Grafik fertig ist. Sie müssen es lediglich erneut rendern, wenn es sich ändert. Bewahren Sie Ihre Motion- oder AE-Projektdateien natürlich direkt außerhalb des Assets-Ordners auf und trennen Sie sie niemals.

Das zweitwichtigste ist, dass Sie als Bildformat PNG oder PSD verwenden sollten, je nachdem, wie Sie möglicherweise etwas ändern müssen – aber vermeiden Sie JPEG. Während hochwertige JPEGs keinen nennenswerten Qualitätsverlust mit sich bringen, werden Sie es bereuen, wenn das Bildmaterial plötzlich Transparenz enthalten muss (z. B. abgerundete Ecken).

Daher ist Transparenz wichtig und wird sowohl von PSD als auch PNG unterstützt. Welches soll ich verwenden? PSDs ermöglichen Ebenen, die wiederum eine zerstörungsfreie Bearbeitung ermöglichen. Wenn sich Ihre Masterdateien also in Photoshop befinden, ist PSD eine gute Wahl. Wenn Ihre ursprünglichen Designs jedoch in InDesign gespeichert sind, ist der Export in PNG kein Problem – Sie exportieren sie nach jeder Aktualisierung einfach erneut über dieselben PNGs. Wenn Ihre Originaldateien in Illustrator vorliegen, verwenden Sie Asset Export zum Exportieren in PNG, SVG oder PDF.

Welche Abmessungen sollten Ihre Dateien haben? Berücksichtigen Sie die größte Größe, die diese Assets anzeigen könnten, und die angestrebte Auflösung Ihrer endgültigen Videos. Jedes Asset mit einer Breite von 4000 Pixeln zu exportieren ist wahrscheinlich übertrieben. Führen Sie daher ein paar Tests durch und finden Sie einen geeigneten Kompromiss. Wenn Sie sich nicht sicher sind, wählen Sie „etwas größer“. Wenn es sich bei Ihren Quelldateien um Vektordateien handelt, ist die Auflösung nicht wichtig. Stellen Sie jedoch sicher, dass Sie Ihren Arbeitsablauf durch die Verwendung von Vektoren nicht zu sehr verlangsamen.

Ihr Spielprojekt wird hier Ihre Vorgehensweise definieren. Wenn Sie überwiegend mit flachen Objekten (z. B. Karten) arbeiten, können Sie 2D-PNGs einfach im 3D-Raum platzieren. Motion oder After Effects können die Arbeit erledigen. Laden Sie eine große Holzstruktur herunter, um sie als Tischplatte zu verwenden, fügen Sie ein Spielbrett hinzu, wenn Sie eines verwenden, verteilen Sie die Karten oder Spielsteine, und das ist ein guter Anfang. Fügen Sie Beleuchtung für Stimmung hinzu. Aktivieren Sie die Schärfentiefe und halten Sie sie flach. Verwenden Sie die gleichen Abmessungen wie in der realen Welt (dh Objekte fallen entlang der Y-Achse herunter), wenn Sie Schwerkraftsimulationen in Motion verwenden möchten.

Achten Sie darauf, Schlagschatten einzubauen, um ein wenig Tiefe zu simulieren. Wenn Sie Elemente etwas dicker machen müssen (um dicken Karton statt Papier zu simulieren), wird es etwas chaotischer. Damit dies funktioniert, müssen Sie Ihre PNGs mehrmals entlang der Z-Achse duplizieren. In Motion geht das ganz einfach mit einem 3D-Replikator, der auf „Linie“ eingestellt ist und die Positionen nur auf der Z-Achse versetzt. (Wenn Sie ein AE-Benutzer sind, sind Replikatoren ein bisschen wie Formwiederholer, aber flexibler, und sie funktionieren mit fast allem, nicht nur mit Formen. Sie können Objekte in einer Vorkomposition in AE wiederholen, obwohl es eine manuellere Vorgehensweise ist Verfahren.)

Was aber, wenn Sie 3D-Objekte im 3D-Raum verschieben müssen? Obwohl AE weitaus häufiger eingesetzt wird, ist Motion eine schnellere und leistungsfähigere Option für Aufträge, die eine Art 3D erfordern, und für einen einmaligen Kauf von 50 US-Dollar ein absolutes Schnäppchen. DaVinci Resolve ist hier eine weitere Option – v18.5 hat Unterstützung für USDZ-Objekte im Fusion-Modul hinzugefügt. Wenn Sie über 3D-Modellierungs- und Animationsfähigkeiten verfügen (Blender, Maya, Cinema 4D usw.), dann verwenden Sie auf jeden Fall diese Apps, aber Sie müssen kein 3D-Experte sein, um diese Aufgabe zu erledigen.

Zumindest müssen Sie in der Lage sein, Elemente im 3D-Raum zu positionieren und eine Kamera um sie herum fliegen zu können – mehr Bühnenbild und Kinematographie als reine Animation. Wenn sich Objekte bewegen müssen, können Objekt- und Kamerabewegungen sicherlich in jeder von Ihnen gewählten App mit Keyframes versehen werden, aber ich werde hier nicht auf die Details eingehen.

Wenn Ihre 3D-Objekte relativ einfach sind, ist der 3D-Text von Motion eine gute Wahl. Für Bloodstones habe ich mit Illustrator ein paar abgerundete Rechtecke, Kreise und Quadrate mit der gleichen Größe und dem gleichen Seitenverhältnis wie die Spielfiguren erstellt und sie dann in SVG exportiert. Die Website glyphter.com hat diese SVGs in Zeichen in einer Schriftart umgewandelt, und nachdem ich die Schriftart heruntergeladen und installiert habe, kann ich mit Motion jede dieser Formen mit einer Auswahl an Abschrägungen in 3D extrudieren. Sie können den gleichen Trick in After Effects ausführen, aber Sie können die Textur der 3D-Textelemente nicht so einfach steuern wie in Motion, wo Sie ein benutzerdefiniertes Bild auf dem extrudierten Objekt platzieren können.

Obwohl 3D-Text für viele Dinge wirklich gut funktioniert, gibt es immer noch Einschränkungen hinsichtlich der Komplexität der Texturierung und Modellierung. Wenn Sie mehr als nur eine Extrusion mit ausgefallenen Abschrägungen benötigen oder eine umfassendere Kontrolle über die Gestaltung und Platzierung benötigen, sollten Sie echte 3D-Objekte erstellen und mit ihnen arbeiten. Es ist nicht so schwer, wie Sie vielleicht gedacht haben.

Sowohl Motion als auch die neueste Beta von After Effects können mit einigen Einschränkungen mit 3D-Modellen arbeiten. Motion bevorzugt USDZ und After Effects bevorzugt GLTF, daher müssen Sie möglicherweise mit den Formaten jonglieren. Um das Originalmodell zu erstellen, können Sie es selbst in einer 3D-App modellieren (schwierig), es von einer Website wie Sketchfab herunterladen (einfach) oder es selbst in Illustrator erstellen (ebenfalls einfach).

Illustrator ist ein großartiger Ausgangspunkt für 3D-Neulinge und ideal, wenn Sie etwas Einfaches (aber Gewöhnliches) wie eine Produktverpackungsaufnahme nachbilden möchten. Möglicherweise haben Sie in der Vergangenheit die 3D-Unterstützung von Illustrator verwendet, diese wurde jedoch kürzlich geändert und Sie können jetzt 3D-Modelle direkt erstellen. Wenn Sie die Box-Grafik zur Hand haben, erstellen Sie ein einzelnes Bild mit der flach ausdruckbaren Grafik, betten Sie es bei Bedarf ein und verwandeln Sie es in ein Symbol. Es ist auch eine gute Idee, Zeichenflächen für jede einzelne Seite zu erstellen und diese auch in PNG-Dateien zu exportieren.

Erstellen Sie ein Rechteck in der exakten Größe der Vorderseite des Kastens, legen Sie eine Füllung, aber keinen Strich fest, fügen Sie den Effekt „3D“ und „Materialien“ > „Extrudieren und Abschrägung“ hinzu und stellen Sie dann die Extrusionstiefe so ein, dass sie mit der tatsächlichen Tiefe des Kastens übereinstimmt (in den richtigen Einheiten). ). Wählen Sie im Bedienfeld „3D und Materialien“ „Materialien“, dann „Grafiken“ und dann im Abschnitt „Ihre Grafiken“ Ihr benutzerdefiniertes Symbol als Textur aus. Nach Bedarf skalieren und neu positionieren.

Klicken Sie erneut auf „Objekt“, scrollen Sie dann nach unten und klicken Sie auf „3D-Objekt exportieren“. Im Bedienfeld „Asset-Export“ können Sie jetzt OBJ, USDZ, USDA und GLTF für den Export auswählen.

Derzeit funktioniert ein USDZ-Modell in Motion und auf anderen Apple-Geräten, aber die Texturen weisen oft sichtbare Risse auf und haben eine etwas niedrige Auflösung. Mit etwas Glück werden diese Störungen irgendwann behoben, aber vorerst müssen wir diese kaputten Texturen reparieren. Das ist in Ordnung – ein guter Re-Texturierungs-Workflow erleichtert die Umsetzung von Grafikrevisionen.

Um die Texturen des Objekts zu bereinigen, laden Sie das Modell (entweder USDZ oder GLTF) in Apples kostenloses AR-Entwicklertool Reality Converter. Hier können Sie die Textur finden, die aktuell auf dem Objekt verwendet wird, und diese durch eine neue ersetzen.

Wenn Sie GLTF verwendet haben, können Sie mit der rechten Maustaste auf die Textur klicken und sie anzeigen. Wenn Sie USDZ verwendet haben, möchten Sie es in der Vorschau öffnen und die Textur an anderer Stelle speichern. In jedem Fall öffnen Sie diese Datei dann in Photoshop und platzieren die PNG-Grafiken jeder Seite, um das vorhandene zerrissene Bildmaterial in dieser neuen Texturdatei zu verdecken. Platzieren Sie jede Seite als Smart-Objekt, um zukünftige Überarbeitungen zu erleichtern, und speichern Sie sie als PSD für zukünftige Bearbeitungen.

Wenn es fertig ist, exportieren Sie die Textur als flaches PNG und ziehen Sie sie dann in Reality Converter, um die alte Textur zu ersetzen. Exportieren Sie das Modell als USDZ, und schon können Sie es in Motion animieren.

Der Arbeitsablauf für AE ist ähnlich, Sie benötigen jedoch die neueste Beta-Version von AE, um 3D-Objekte überhaupt zu unterstützen. Außerdem gibt Reality Converter nur USDZ aus, was AE nicht versteht. Wenn Sie also dem oben beschriebenen Arbeitsablauf folgen, müssen Sie USDZ irgendwie erneut in GLTF konvertieren (es gibt kostenlose Online-Konvertierungstools). Cinema 4D Lite (kostenlos mit After Effects) versteht USDZ, wenn Sie diesen Weg gehen.

Es gibt natürlich auch andere Möglichkeiten, eine GLTF-Datei neu zu texturieren, aber wenn ich anfangen würde, über Blender zu sprechen, würde dieser Artikel viel länger werden. Mit etwas Glück wird USDZ früher oder später in AE unterstützt – die meisten Branchen, darunter Apple und Adobe, waren sich gerade einig, dass dies die Zukunft des 3D-Austauschs ist.

Wenn die 2D- und/oder 3D-Modelle einsatzbereit und im 3D-Raum positioniert sind, können Sie Kameras mit Keyframes oder (wenn Sie in Bewegung sind) Verhaltensweisen wie Sweep, Dolly und Framing um sie herum fliegen lassen. Weder Motion noch After Effects sind perfekt im Umgang mit 3D-Objekten, und wenn Sie alle Feinheiten eines „echten“ 3D-Programms erwarten, wie etwa die Kontrolle über Rendering-Engines, richtige Schatten oder Objektkollisionen, werden Sie möglicherweise enttäuscht sein. Wenn Sie jedoch bereits mit Motion oder AE vertraut sind, können Sie die meisten Probleme normalerweise umgehen.

Seien Sie besonders vorsichtig, wenn Sie verschiedene Arten von Objekten mischen müssen: Sowohl in Motion als auch in AE sind 2D-Objekte, 3D-Objekte und 3D-Text unterschiedlich und interagieren nicht gut. Das Hinzufügen einer Farbkorrektur zu einem 3D-Objekt kann ebenfalls Probleme bereiten, und Sie müssen möglicherweise mit der Ebenenreihenfolge (nicht nur der Z-Position) spielen und unter bestimmten Umständen einige Schatten vortäuschen. Wenn Sie Zeit haben, können Sie gerne ein „echtes“ 3D-Programm erlernen, aber seien Sie auf eine Lernkurve vorbereitet. Wenn Sie lieber bei AE bleiben möchten, aber mehr 3D-Kontrolle wünschen, sollten Sie etwas wie Element 3D in Betracht ziehen.

Es empfiehlt sich, jede Aufnahme als separate, hochwertige ProRes-Datei zu exportieren und sie dann im Editor Ihrer Wahl zusammenzusetzen. Aber stürzen Sie sich nicht direkt in die Bearbeitung. Sie müssen sicherstellen, dass die Aktualisierung Ihrer Animationen einfach ist – denken Sie daran, dass sich das Bildmaterial wahrscheinlich ändern wird!

Wenn Sie wirklich am Rande leben möchten, könnten Sie jede neue Animation exportieren, um die ältere Version direkt zu ersetzen, und dann Ihr NLE erneut mit der aktualisierten Datei verknüpfen lassen, aber ich bin beim Ersetzen von Video-Assets etwas weniger sorglos als bei PNGs . Stattdessen bevorzuge ich eine etwas vorsichtigere Methode mit „Containern“.

Bevor Sie mit ihnen bearbeiten, wandeln Sie jede animierte Aufnahme in einen zusammengesetzten Clip (in FCP) oder eine verschachtelte Sequenz (in Premiere Pro) um. Bearbeiten Sie mit diesen neuen Containern anstelle der Originalclips. Sobald Sie alle Ihre Aufnahmen zusammen bearbeitet haben, müssen Sie zum Aktualisieren einer einzelnen Aufnahme in den richtigen Container (zusammengesetzter Clip oder verschachtelte Sequenz) eintauchen und dann die neue Aufnahme über der alten platzieren.

Durch die Verwendung von Verbindungen oder Verschachtelungen können Sie relativ einfach zu früheren Animationsversionen zurückkehren und erhalten einen Sicherheitspuffer für den Fall von Renderfehlern. Es dauert zwar etwas länger, ist aber sicherer. Juhu für die Versionskontrolle?

Bei diesem Workflow muss die aktualisierte Grafik in ein PNG (oder PSD) exportiert werden, dann ein Animationsprojekt in Motion oder AE geöffnet und erneut gerendert werden, und dann muss diese Videodatei wieder in einen Container in Ihrem NLE abgelegt werden. Im Vergleich zu einem Reshoot ist das nichts.

Heutzutage ist es einfacher als je zuvor, ein paar einfache 3D-Objekte zu erstellen und diese dann in Ihre Videos zu integrieren. Ein vernünftiger und einfacher Ausgangspunkt ist die Aufnahme eines verpackten Produkts. Das Erstellen eines 3D-Modells mit Illustrator und ein wenig Anpassung ist weitaus einfacher, als sich eine echte Box zu besorgen und eine bewegungsgesteuerte Kamera zu mieten. Sie müssen nicht jeden anfallenden 3D-Auftrag auslagern, und Sie können davon ausgehen, dass 3D-Modelle in Zukunft immer wichtiger werden.

Derzeit kann jedes Modell, das Sie erstellen, auf nahezu jedem Gerät problemlos in tatsächlichem 3D angezeigt werden, sodass die hier erworbenen Fähigkeiten auch in anderen Kontexten nützlich sein werden. Ich drücke die Daumen, dass wir uns bald alle auf ein Format einigen können, aber es stehen zumindest Konvertierungstools zur Verfügung. Letztendlich ist es eine neue Dimension, es macht Ihre Kunden glücklich und das Wichtigste von allem: Sie müssen sich nicht mit Blender herumschlagen.

Vielen Dank an alle an diesen Projekten beteiligten Künstler. Ich binnichtSie werden finanziell entschädigt, wenn Sie sich für die Unterstützung eines dieser Projekte entscheiden.

Filmemacher sind die Anlaufstelle für Vorproduktions-, Produktions- und Postproduktionsausrüstung!