← Alle Making-of-Beiträge

Making-of · 7. August 2025

Paper Mario am Rhein: So entstehen die Figuren

Warum die Figuren flach sind: Partikel, Paper Mario, KI, Illustrator und Sprite Sheets.

Eine Geschichte braucht Figuren. Aber wie zeigt man römische Soldaten in einer Low-Poly-Welt, ohne monatelang 3D-Charaktere zu modellieren?

06.03.25

Partikel statt Menschen

Zuerst wollte ich herausfinden, wie man Menschen zeigen kann, ohne sie konkret abzubilden. Ich experimentierte mit Partikeln, die sich zu Formen zusammensetzen – mal abstrakt und undefinierbar, mal als erkennbare Silhouette.

Experiment

Oval

Silhouette

Partikel formen im Wachturm ein Oval oder die Silhouette eines Menschen.

10.05.25

Flach im Raum

Auch reduzierte 3D-Figuren wirkten steif und transportierten kaum Emotion. Dabei sind die Figuren im Scrollytelling nicht nur erzählerische, sondern emotionale Träger. Inspiriert vom Stil von «Paper Mario» testete ich eine flache 2D-Figur im 3D-Raum, erstellt mit KI. Sie wirkte lebendig, passte gut in die Umgebung, und der Aufwand blieb überschaubar.

Experiment

3D-Figur

2D-Figur

Links eine reduzierte 3D-Figur, rechts die KI-generierte 2D-Figur: Die flache Figur wirkt deutlich lebendiger.

06.08.25

Generieren und nachzeichnen

Für Szene 1 liess ich mit ChatGPT weitere Soldaten generieren. Die grösste Herausforderung war die Konsistenz: Kleine Abweichungen in Haltung oder Stil fallen sofort auf. In Illustrator vektorisierte ich die Bilder, übernahm die Farbwerte und passte Mimik wie Lippen oder Augenbrauen direkt an. So bleibt etwa der rote Mantel in jeder Pose gleich.

Behind-the-Scenes

Figuren in Adobe Illustrator: nachgezeichnete Soldaten in verschiedenen Posen.

Jede Figur beginnt als KI-Grafik und wird in Illustrator nachgezeichnet, vereinheitlicht und angepasst.

Zwischenstand

Drei Keyframes von Optio Flavius: Je nach Scroll-Position wechselt seine Pose.

14.08.25

Bewegung per Sprite Sheet

Den Wechsel zwischen den Posen löste ich zuerst in Blender mit Shader Nodes – doch beim Export ins GLTF-Format ging die Animation verloren. Also zurück in den Code: Jetzt liegen alle Keyframes nebeneinander auf einer einzigen Textur. Je nachdem, wo man sich in der Geschichte befindet, zeigt die Figur einen anderen Ausschnitt.

Behind-the-Scenes

Spritesheet mit mehreren Posen von Optio Flavius für die Figurenanimation.

Sprite Sheet von Optio Flavius: alle Posen auf einer Textur.

08.12.25

Mehr Leben für Arbogast

Im Feedback hiess es, man sehe den Figuren an, dass sie KI-generiert sind – und Flavius und Arbogast bräuchten mehr Keyframes. Für Arbogast gestaltete ich ein zusätzliches: Von einem neuen KI-Bild konnte ich nur Arme und Mantel verwenden und kombinierte sie in Illustrator mit dem Torso eines anderen Keyframes. Es erscheint, während Arbogast spricht.

Zwischenstand

Sprechen

Zuhören

Das zusätzliche Keyframe bringt mehr Lebendigkeit in die Figur.

Selbst erleben

Prolog und Szene 1 sind online. Schlüpf in die Rolle von Gaius – am besten auf dem Smartphone.

Jetzt erleben →