Grafikdesign
Illustration, Editorial, Animation und Infografik: Arbeiten aus Studium und Praxis, in denen die Gestaltung selbst das Werkzeug ist.
3D-Animation · Teamprojekt · Cinema 4D
Ein animierter Kurzfilm über einen Kaktus, der sich in eine Rose verliebt. Entstanden zu dritt in Cinema 4D. Ich habe Rose und Hand modelliert, gerigged und animiert und beide Fassungen vertont.
Der fertige Kurzfilm, 1:38 min. Ton einschalten lohnt sich.
Meine Rolle
Modellierung · Rigging · Animation · Synchronisation
Werkzeug
Cinema 4D
Team
Gruppe 17, drei Personen
Entstanden
2022, Modul Animation
Mein Anteil
Kaktusliebe war Teamarbeit. Damit nachvollziehbar bleibt, was von mir stammt, hier mein Anteil, genau so, wie er im Abspann des Films steht:
Modellierung Rose
Animation wachsende Rose
Modellierung Hand
Rigging Hand
Animation Hand
Animation Gesichtsausdrücke
Animation Kaktus und Rose
Synchronisation Storyreel und Kurzfilm
Vom Storyboard zum Storyreel
Bevor irgendetwas modelliert wurde, stand die Frage: Was passiert eigentlich in diesem Film? Wir entwickelten die Geschichte gemeinsam, zeichneten das Storyboard Bild für Bild und beschrifteten jede Einstellung.
Daraus wurde ein Storyreel: die gezeichneten Bilder im Timing des späteren Films, bereits mit Ton. So ließ sich der Ablauf prüfen, solange Änderungen noch nichts kosteten. Längen, Schnitte und Pointe standen damit fest, bevor die erste Figur gebaut war.
Storyboard: jede Einstellung gezeichnet und beschriftet.
Storyreel: dieselben Zeichnungen im Timing des Films, mit Ton.
Die Blüte im Drahtgitter: bewusst flächig gehalten, damit sie sich verformen lässt.
Die Rose: weniger Details, mehr Bewegung
Für die Rose zeichnete ich zuerst einen Entwurf und orientierte mich an der Rose aus Disneys „Alice im Wunderland“. Beim Modellieren zeigte sich dann das eigentliche Problem: Ein Rosenstrauch besteht aus vielen kleinen Blättern und Zweigen. Schön zu rendern, aber kaum sauber zu animieren, und jede Korrektur kostet Zeit.
Also reduzierte ich die Figur: eine Blüte, ein Stiel, zwei Blätter. Die beiden Blätter übernehmen die Rolle der Arme. Damit war die Rose nicht nur schneller gebaut, sondern überhaupt erst spielbar: sie kann winken, sich wegdrehen, in sich zusammensinken.
„Eine Figur, die sich bewegen soll, braucht weniger Details, nicht mehr.“
Die Hand: Konstruktion und Rigging
Die Hand entstand aus einem einzigen Quader: extrudieren, unterteilen, Finger herausziehen, Proportionen angleichen. Danach folgte das Rigging: ein Gelenkskelett einsetzen und die Gewichtung so lange prüfen, bis sich jeder Finger einzeln bewegen lässt.
Beides war neu für mich. Ich habe es mir über Tutorials erarbeitet und Schritt für Schritt auf die Figur übertragen.
Der Arbeitsprozess im Zeitraffer: von der ersten Box bis zur fertig gerigten Hand.
Gelenkskelett in der Hand, jeder Finger einzeln steuerbar.
Die fertige Hand, gerigged und in Pose gebracht.
Ergebnis
Zum Schluss wurden die Arbeiten aller drei zusammengeführt: Kaktus, Rose, Hand, Umgebung, Licht und Kamera. Ich habe außerdem Storyreel und Kurzfilm vertont und Musik, Soundeffekte und Bild aufeinander abgestimmt.
Die Ausgangslage: der Kaktus und die noch kahle Rose auf der Fensterbank.
Die Rose blüht auf.
Gesichtsausdrücke tragen die ganze Geschichte.
Editorial · Hochschulprojekt · InDesign und Krita
Ein 24-seitiges Magazin über die brasilianische Mädchenorganisation Bahia Street. Konzept, sämtliche Illustrationen und das komplette Layout stammen von mir.
Titelseite des 24-seitigen Magazins.
Meine Rolle
Konzept, Illustration, Layout, Reinzeichnung
Werkzeug
Adobe InDesign, Krita
Umfang
24 Seiten, englischsprachig
Entstanden
2022, Modul Editorial Design
Warum dieses Magazin
2017 arbeitete ich ein Jahr lang als Lehrerin bei Bahia Street in Salvador. Die Organisation gibt Mädchen nach der Schule einen Ort für ihre Hausaufgaben und zusätzlichen Unterricht in Kunst, Sport und Englisch. Ihr erklärtes Ziel ist es, den Kreislauf der Armut durch Bildung zu durchbrechen.
Als das Modul Editorial Design anstand, wollte ich diese Zeit nicht nur dokumentieren, sondern der Organisation etwas zurückgeben. Deshalb ist das Heft auf Englisch verfasst: So kann Bahia Street es für die eigene Öffentlichkeitsarbeit verwenden.
Die Inhaltsangabe: Kinderzeichnungen
Das Inhaltsverzeichnis gestaltete ich mit Kinderzeichnungen, die ich in Krita anfertigte. Sie halten Eindrücke fest, die ich sammelte, während ich die Mädchen in der Pause und im Unterricht begleitete: Seilspringen, Hüpfspiel, Lesen am Tisch.
Die bewusst kindliche Linie hat einen Grund. Ein Magazin über eine Kinderorganisation, das aussieht wie ein Geschäftsbericht, rückt die Erwachsenen in den Vordergrund. Diese Zeichnungen rücken die Kinder in den Vordergrund.
Inhaltsverzeichnis, linke Seite.
Inhaltsverzeichnis, rechte Seite.
Seilspringen auf dem Hof.
Hüpfspiel mit bunten Zahlen.
Rita, die Direktorin. Ihre Gestalt übernahm ich aus dem Logo der Organisation, damit sie im ganzen Heft wiedererkennbar bleibt.
Vom Bericht zum Diagramm
Von der Direktorin Rita Conceição erhielt ich einen schriftlichen Bericht über die Entstehung von Bahia Street: mehrere Seiten Fließtext, chronologisch, voller Jahreszahlen.
Statt ihn zu kürzen, baute ich ihn um. Eine Straße windet sich über die Doppelseite, darauf liegen neun Stationen von 1996 bis 2010. Jede Station bekam ein gezeichnetes Haus und eine gezeichnete Figurengruppe. So sieht man sofort, was im Text erst nach Absätzen klar wird: Die Organisation musste mehrfach umziehen, bevor sie ein eigenes Haus kaufen und renovieren konnte.
„Eine Jahreszahl merkt sich niemand. Ein Haus, das sich verändert, schon.“
Die Doppelseite „The building“, 1996 bis 2010.
1996: die ersten gemieteten Räume.
2004: das heruntergekommene Haus, zum Verkauf.
2010: dasselbe Haus nach der Renovierung.
Farbe und Rahmen: zwei Generationen
Als Hintergrund nutzte ich ein gemaltes Pinselmuster, das an Malstunden und Bastelarbeiten erinnert, in kräftigen, strahlenden Farben.
Für die beiden Porträtstrecken wählte ich bewusst unterschiedliche Rahmen. Die heutigen Schülerinnen bekamen den bunten, verspielten Rand. Die Ehemaligen bekamen Gold, weil sie durch Bahia Street die Chance auf eine andere Zukunft erhalten haben. Der Rahmen trägt die Aussage, bevor man ein Wort gelesen hat.
„The girls“: die heutigen Schülerinnen, bunter Rand.
„The alumni“: die Ehemaligen, goldener Rahmen.
Das Angebot auf einen Blick
Bahia Street bietet mehr als Nachhilfe: Mahlzeiten, Schulmaterial, Uniformen, Ausflüge, medizinische Versorgung, Prüfungsvorbereitung. Als Aufzählung im Fließtext wäre diese Breite untergegangen.
Also zeichnete ich acht Piktogramme nach einem gemeinsamen System, jedes auf einer gemalten Farbscheibe, und ordnete sie im Kreis um die Kinderfigur an. Die Figur in der Mitte ist der eigentliche Punkt: Alles, was drumherum liegt, ist für sie da.
Die acht Leistungen als gemaltes Piktogrammsystem.
Die fertige Seite „What your help can do“.
Ergebnis
24 Seiten, von der ersten Skizze bis zur Reinzeichnung allein gestaltet und auf Englisch verfasst, damit die Organisation damit arbeiten kann. Das Heft erklärt, wer Bahia Street ist, woher die Stadt Salvador kommt, wie das Haus entstand, wer heute dort lernt und wie man unterstützen kann.
„Salvador da Bahia“: gemalte Karten statt Stockfotos.
Rückseite.
Photostory · Hochschulprojekt · Fotografie und Photoshop
Eine zweiseitige Photostory im Stil von Jugendzeitschriften. Regie, Fotografie, Freistellen, Montage, Text und Layout stammen von mir.
Seite eins: „Das Praktikum“.
Seite zwei: die Absage und das Ende.
Die fertige Doppelseite. Zum Vergrößern anklicken.
Meine Rolle
Konzept, Regie, Fotografie, Montage, Layout
Werkzeug
Adobe Photoshop, Spiegelreflexkamera
Umfang
Zwei Seiten, vierzehn Panels
Entstanden
2021, Modul Bildbearbeitung
Die Geschichte
Erzählt wird mein eigenes Praktikum, das der erste Lockdown beendete, einen Tag vor dem Flug nach Brasilien. Drei Figuren treten auf: ich, mein Kollege Kilian, der mir die Stelle verschafft hatte, und der Chef.
Über vierzehn Panels läuft der Bogen von der Vorfreude über die ersten Nachrichten und die wachsende Sorge bis zur Mail am Tag vor der Abreise. Am Ende steht kein Drama, sondern ein leiser Satz: „Schade, dabei hat mir die erste Woche echt Spaß gemacht.“
Vor dem Laken: das Shooting
Für die Aufnahmen spannte ich ein weißes Laken in meinem Zimmer auf. Der Grund ist rein praktisch: Vor einem gleichmäßig hellen Hintergrund lassen sich Personen in Photoshop sauber freistellen, ohne dass Haare und Kanten ausfransen.
Ich führte Regie, stellte die Posen und fotografierte selbst. Von den meisten Szenen entstanden mehrere Fassungen, bei einigen nur mit leicht verändertem Körperwinkel, damit beim Montieren die Blickrichtungen zueinander passen. Die Büros im fertigen Heft sind lizenzfreie Aufnahmen, die ich nach Stil und Lichtfarbe auswählte, damit alle Panels im selben Gebäude zu spielen scheinen.
Die Eröffnungspose, noch im Zimmer vor dem Laken.
Der Handschlag mit dem Chef. Für die Mehrpersonenszenen musste ich Freunde einweisen und führen.
„Du veräppelst mich doch gerade.“ Auch hiervon gibt es mehrere Fassungen.
Hand an der Wange, hochgezogene Brauen. Eine Nahaufnahme, die allein über die Mimik funktioniert.
Mimik als Erzählmittel
Ich las mehrere Photostorys und übernahm ihre Erzählweise. Auffällig war, wie theatralisch und übertrieben die Gesichter dort eingesetzt werden. Der Grund leuchtet ein: Ein Panel hat keinen Ton, also muss die Stimmung vollständig über Mimik und Körperhaltung laufen.
Daran hielt ich mich. Die Posen sind bewusst größer als im Alltag, damit jedes Panel seine Emotion ohne erklärenden Text transportiert.
„Ein Panel hat keinen Ton. Was es nicht zeigt, kommt nicht an.“
Der Hintergrund
Reines Weiß hinter den Panels war mir zu leer. In anderen Photostorys sah ich, dass dort ebenfalls Szenerien als Seitenhintergrund liegen.
Ich entschied mich für das verschwommene Bild eines Flurs: angenehme Farben, keine störenden Muster, und inhaltlich passend, weil die Geschichte in einem Bürogebäude spielt.
Motion Design · Auftragsarbeit · Animate, Illustrator, After Effects
Ein Social-Media-Weihnachtsgruß für das Startup eduTec. Eine Woche Zeit, Hochformat, 15 bis 30 Sekunden, und ausdrücklich nicht langweilig.
Das fertige Reel, 9:16, rund 25 Sekunden. Ton lohnt sich.
Meine Rolle
Konzept, Storyboard, Illustration, Animation, Schnitt
Werkzeug
Adobe Animate, Illustrator, After Effects
Umfang
Ein Reel im Format 9:16
Entstanden
2022, Auftragsarbeit für eduTec
Die Aufgabe
eduTec entwickelt eine Lern-App, mit der sich Studierende und Auszubildende auf Abschlussprüfungen vorbereiten. Das Unternehmen gab mir sein Style Sheet, Bilder des Maskottchens EdGa, einige Beispielbilder und freigegebene Musik. Der Gruß sollte sich von üblichen Weihnachtsgrüßen abheben und durfte ruhig frech sein.
Also überlegte ich zuerst, in welcher Situation die Nutzer der App tatsächlich stecken. Kurz vor den Prüfungen fällt es vielen schwer, sich eine Pause zu gönnen. Daraus wurde die Idee: nicht „Frohe Weihnachten“ als Aussage, sondern „Nimm dir eine Pause“.
Das Storyboard
Neun Panels, in Krita gezeichnet. Eine Frau sitzt über ihren Unterlagen, kippt erschöpft nach vorn, schreckt hoch, kippt wieder weg. Dann steht plötzlich Weihnachten auf dem Tisch: Geschenk, Baum, Plätzchen, Kerze. EdGa lehnt sich von hinten ins Bild und hebt den Daumen.
Der Running Gag des Zusammenklappens trägt die ersten Sekunden, ohne dass ein Wort fällt. Genau das war die Bedingung für ein Reel, das die meisten ohne Ton sehen.
Das komplette Storyboard, neun Panels in Krita.
EdGa im Weihnachtskostüm. Das Maskottchen kam als Vorgabe vom Unternehmen.
Erst Animate, dann der Szenenwechsel
Die Eingangsanimation baute ich in Adobe Animate, zum ersten Mal. Durch die Erfahrung mit der übrigen Adobe-Umgebung reichten ein paar Tutorials, und Animate gab mir die Kontrolle, das Storyboard genau so umzusetzen, wie ich es geplant hatte.
Geplant war, den Satz „Take a break, it’s Christmas time“ über dem letzten Frame erscheinen zu lassen. Im Test ging das nicht auf: Auch mit unscharfem Hintergrund lagen zu viele Muster hinter der Schrift. Statt die Typografie zu vergrößern oder abzudunkeln, nahm ich einen Szenenwechsel vor und zeichnete in Illustrator eigene Weihnachtsdekorationen, vor denen die Schrift ruhig stehen kann.
„Wenn Text auf einem Bild nicht lesbar wird, ist meistens das Bild das Problem, nicht der Text.“
Adobe Animate, die vektorisierte Eingangsszene auf der Bühne.
Kugelgirlande, in Illustrator gezeichnet.
Geschenke und Zweige für das Schlussbild.
After Effects, Komposition 1080 mal 1920, rund 25 Sekunden.
Zusammenbau in After Effects
In After Effects animierte ich die Illustrator-Grafiken, setzte Text und Schlussbild und baute die Eingangsanimation davor.
Zuletzt arrangierte ich die Musik so, dass ihre Akzente mit den Bewegungen zusammenfallen. Die Melodie suchte ich selbst aus. Zum Thema passte eine mit Glöckchen.
Was ich heute anders machen würde
Im Nachhinein fällt mir auf, dass im Reel drei Grafikstile nebeneinanderstehen: die Animate-Szene, die Illustrator-Dekoration und das vorgegebene Maskottchen. Bei kommenden Projekten würde ich mich früher auf einen Stil festlegen und die Vorgaben darin aufgehen lassen, statt sie nebeneinanderzustellen.
Hintergrundbild: Freepik. Musik: „christmas-corporate-for-video-long-10796“ von Daddy_s_Music über Pixabay.
Infografik · Teamprojekt · Illustrator und InDesign
Eine großformatige Infografik über Anbau, Herstellung und Verkauf von Tee. Im Team entwickelt. Sämtliche Zeichnungen und der Satz stammen von mir.
Das fertige Plakat. Links der Anbau in Grün, rechts der Konsum in Braun.
Mein Anteil
Illustration und Satz
Werkzeug
Adobe Illustrator, Adobe InDesign
Team
Gruppenarbeit, gemeinsames Konzept
Entstanden
2024, Modul Infografik
Mein Anteil
Themenbereiche, Zielgruppe, Farbschema und Typografie legten wir gemeinsam fest. Die visuelle Umsetzung lag bei mir:
Recherche, wie die Maschinen der Teeherstellung tatsächlich aussehen
Skizzen und Reinzeichnung sämtlicher Grafiken in Adobe Illustrator
26 Illustrationen, von der Handpflücke bis zum Fermentierofen
Satz und Anordnung von Text und Grafik in Adobe InDesign
Vom Aufbau zur Anordnung
Wir sammelten Informationen zur Teeverarbeitung und mussten dann entscheiden, welche davon überhaupt ins Bild dürfen. Dafür entstanden mehrere Skizzen, bis ein Aufbau stand, der trug.
Der Weg des Tees liegt als Bogen über dem Blatt: links der Anbau, in der Mitte die Verarbeitung entlang des Bogens, rechts der Konsum. Die beiden Füße des Bogens stehen für die zwei Herstellungswege, die orthodoxe Handpflücke und die maschinelle CTC-Methode. Wer nur dem Bogen folgt, hat den Prozess verstanden, ohne einen Fließtext gelesen zu haben.
Der Aufbau auf Weiß, mit Platzhaltern für die noch fehlenden Teile.
Dieselbe Anordnung mit dem ersten Farbkonzept. Dunkel auf Dunkel war schlecht lesbar, deshalb ging das Plakat am Ende einen anderen Weg.
Farbe als Inhalt
Für das Farbschema wählten wir Grün- und Brauntöne, weil das der Farbverlauf des Teeblatts selbst ist, vom frischen Blatt zum fertigen Aufguss. Die Grafik läuft von links nach rechts entsprechend von Grün nach Braun. Die Farbe erzählt den Prozess also mit.
Auch die Typografie ist zweigeteilt. Die erste Hälfte trägt eine Schreibschrift, deren geschwungene Linien an Pflanzenranken erinnern. Die zweite Hälfte nutzt eine Antiqua, die für Topf und Tasse steht, in denen der Tee am Ende landet.
#004700
#008200
#00AD00
#00C601
#5C3C00
#9C6500
#C27E00
#DB8F00
26 Zeichnungen
Für jede Station der Verarbeitung recherchierte ich, wie die eingesetzten Maschinen aussehen, zeichnete sie zunächst als Skizze und setzte sie dann in Illustrator um: Gitterkörbe zum Welken, Rollmaschinen, Fermentierkammer, Trockenofen, Siebanlage.
Jede Grafik liegt als eigene Datei vor und ist in InDesign verknüpft. So blieben Korrekturen bis zum Schluss möglich, ohne das Layout anzufassen.
Das InDesign-Dokument. Die Verknüpfungsliste rechts zeigt die 26 platzierten Illustrator-Dateien.
Ergebnis
Ein Plakat, das den Weg des Tees von der Pflanze bis in die Tasse in einem Bild erzählt, mit Wachstumsbedingungen, Herkunftsländern, Erntezeiten und den beiden Herstellungsmethoden.