Auftakt
Hallo, ich bin Terebell, Illustrator und Streamer!
In diesem Tutorial möchte ich Ihnen meine Vorgehensweise bei der Erstellung eines PngTuber-Avatars zeigen. Ich verwende diese Methode natürlich auch für andere Arten von Inhalten, aber heute konzentrieren wir uns auf PngTuber-Avatare!
Bitte beachten:
• Ich habe zunächst die Software PngTuber Plus verwendet, bin aber aufgrund der wiederkehrenden Fehler der Anwendung zu Veadotube gewechselt. Daher werden wir für letzteres einen Avatar erstellen.
• Ich schreibe dieses Tutorial in meiner Muttersprache Französisch, da ich nicht glaube, dass mein Wortschatz ausreicht, um es auf Englisch zu schreiben.
1 | Vorbereitung
Bevor wir mit dem Zeichnen beginnen, müssen wir uns zunächst mit unserer Datei und unserem Arbeitsbereich befassen.
1.1 | Erstellen der Datei
Ob für ein Twitch-Emote, eine Illustration zum Veröffentlichen in sozialen Netzwerken oder einen Avatar, ich arbeite gerne im Großformat. Dies gewährleistet eine gute Qualität des fertigen Produkts und vor allem die Möglichkeit, die Illustration für andere Medien wiederzuverwenden: Wenn ich meine Illustration drucken oder auf einer Einkaufstasche anzeigen möchte, muss ich die ganze Arbeit nicht wiederholen!
Also beginne ich mit der Erstellung meiner Datei.
Ich arbeite oft mit einem quadratischen Format (insbesondere für Emotes) mit einem Format von 2000*2000 Pixeln.
Anstatt auf einem weißen Hintergrund zu arbeiten, rate ich Ihnen, auf einem Grau oder Hellbeige zu arbeiten, damit es für die Augen nicht zu aggressiv ist.
1.2 | Die verschiedenen Werkzeuge
In diesem Tutorial werde ich verschiedene Werkzeuge verwenden, die Ihnen beim Erstellen Ihrer Kreationen sicherlich nützlich sein werden, darunter:
• Der Farbsatz
• Das Symmetriewerkzeug
• Vektorebenen
• Die Schnittmaske
• Mischmodi
• Filter
2 | Skizze: das Grundkonzept
Holen Sie Ihren Stift raus, los geht‘s!
Jede Illustration beginnt mit einer Skizze.
2.1 | Der Charakter
Ich beginne oft mit dem Zeichnen, wenn ich zumindest eine vage Vorstellung davon habe, was ich erreichen möchte, sei es ein einfaches Konzept oder eine präzisere Idee.
Für dieses Tutorial musste ich mir kein Konzept überlegen, da wir mit Scott arbeiten werden, einem Fuchs aus meiner Geschichte „Tinkle’s Curse“.
In der Skizzierphase können Sie viele Dinge definieren, die dem Avatar Charakter verleihen:
• Die Proportionen
• Die Haltung
• Der Ausdruck
Ich habe 3 Skizzen gemacht, bevor ich überzeugt war, aber zögern Sie nicht, so viele Tests wie nötig durchzuführen, denn der Avatar muss Ihrem Charakter und Ihren Wünschen entsprechen!
Allerdings ist es mit der Gestaltung von Haltung und Ausdruck noch nicht getan: Jetzt müssen wir unseren Charakter noch einkleiden. Sie können auch mehrere Tests durchführen, um das perfekte Outfit zu finden. Scott hat persönlich bereits ein festgelegtes Outfit, daher war es nicht sehr kompliziert, es zu finden!
Sobald Ihre Skizze ausgewählt ist, erstellen Sie für jedes Outfit, das Sie anprobieren, eine neue Ebene und arbeiten Sie mit einer anderen Farbe. Auf diese Weise können Sie:
• einfach von einem Outfit zum anderen wechseln, um Ihre Wahl zu treffen
• immer den Körper Ihres Charakters sehen, damit die Physik der Kleidung logisch ist
2.2 | Farben
Wenn Sie mit dem Charakter und seinem Outfit zufrieden sind, ist es Zeit, seine Farben auszuwählen!
Die Wahl der Farben ist genauso wichtig wie der Charakter selbst, denn dank der Farben können Sie Ihrem Charakter noch mehr Persönlichkeit verleihen und ihm Tiefe verleihen. Sehen Sie sich diese Farbvorschläge an und überzeugen Sie sich selbst!
Ich glaube, dass es keine Wundermethode für die Farbauswahl gibt. Folgen Sie Ihrem Instinkt, probieren Sie es aus und Sie werden eine Farbkombination finden, die Ihnen gefällt.
Als Hilfestellung können Sie sich beispielsweise von Fotos, Atmosphären, Farbpaletten oder sogar der Farbe Ihres Haustiers inspirieren lassen!
Für mich waren die Farben von Scott bereits festgelegt (die rote Palette unten rechts), die anderen Vorschläge wurden für dieses Tutorial gemacht und einige Farben passen tatsächlich sehr gut zu ihm!
Das Farbset
Ein sehr nützliches Tool in Clip Studio Paint ist das Farbset.
Es ist sehr einfach zu verwenden und ermöglicht es Ihnen, Ihre Farben zu speichern, um sie später wiederverwenden zu können: praktisch, wenn Sie dieselbe Figur mehrmals zeichnen, wie in einem Webtoon, oder zum Beispiel für die Animation eines Avatars!
3 | Charakterbogen
Das Charakterblatt ist bei der Erstellung eines PngTuber-Avatars nicht zwingend erforderlich, kann Ihnen jedoch dabei helfen, wertvolle Informationen aufzubewahren. Es kann verschiedene Formen annehmen und sogar in Ihren Netzwerken veröffentlicht werden, um es zu präsentieren.
Ich persönlich erstelle Blätter für die Charaktere meiner Geschichten, um mehrere Informationen aufzubewahren:
• Die Illustration
• Der Name
• Grundlegende Informationen (die je nach Geschichte variieren)
• Eine kurze Beschreibung
• Die verwendeten Farben
3.1 | Die Abbildung
Für ein Charakterblatt haben Sie 2 Lösungen:
• Erstellen Sie eine Illustration Ihres Charakters im Kontext
• Erstellen Sie eine Illustration Ihres Charakters von vorne, etwa in einer „T-Pose“
Ich persönlich ziehe es vor, meine Charaktere in einen Kontext zu setzen, das macht das Blatt lebendiger, aber die zweite Lösung ermöglicht eine bessere Sicht auf den Körper und die verschiedenen Elemente, die mit dem Charakter verbunden sind. Im Moment ist es, wie Sie es bevorzugen.
Symmetrie
Um eine „T-Pose“ zu erreichen, ist das symmetrische Lineal das praktischste Hilfsmittel.
Für ein Blatt ist es nicht unbedingt notwendig, verschiedene Blickwinkel auf Ihren Charakter zu haben. Meiner Meinung nach hängt alles von der Zeichnung und ihrer Komplexität ab, aber es hängt auch davon ab, welchen Zweck Sie mit dem Charakter verfolgen.
In diesem Fall denke ich, dass ich für einen PngTuber-Avatar die Rückseite meines Charakters nicht sehen muss, also wird das ausreichen.
Die Schatten
Ich mache wirklich gerne sehr einfache Zeichnungen mit flachen Farbtönen, aber manchmal füge ich auch Schatten und Lichter hinzu, die dabei helfen, eine Atmosphäre oder Tiefe zu erzeugen.
Um neutrale Schatten zu erzeugen, wähle ich normalerweise ein blasses Rosa für warme Farben (z. B. Gelb, Orange, Rot) und ein blasses Blau für kühle Farben (z. B. Grün, Lila, Blau).
Mit Scott und seinen warmen Farben kann ich alle meine Schatten mit einer einzigen Farbe erzeugen, indem ich eine Schattenebene über meiner Farbebene hinzufüge.
Produktmodus und Schnittmaske
Schatten ermöglichen es mir, über zwei wichtige Funktionen zu sprechen.
• Produktmodus: ist ein Mischmodus, mit dem Sie die untere Ebene einfärben können. Die ausgewählte Schattenfarbe passt sich dann Ihren verschiedenen Grundfarben an und sorgt so für Konsistenz in Ihrer Illustration.
• Schnittmaske: ermöglicht es Ihrer Schattenebene, sich an die untere Ebene anzupassen. Einfach ausgedrückt: Ihr Schatten wird niemals über die Farbe hinausgehen!
Beide Funktionen können direkt in Ihren Ebenen aktiviert werden.
Die Filter
Ich verwende hauptsächlich 2 Filter für ein bestimmtes Element: Augenreflexionen.
• Mit der chromatischen Aberration kann ich Farbeffekte in die Reflexion einbringen.
• Gaußscher Weichzeichner macht die Reflexion hell.
Ich kombiniere diese beiden Effekte mit dem Mischmodus „Hinzufügen (Glühen)“, um dieses Ergebnis zu erzielen!
Die Konturen
Der letzte Schritt, der Ihrer Figur meiner Meinung nach Leben einhauchen wird, ist die Umrissfarbe. Wenn Sie Ihre schwarzen Umrisse in farbige Umrisse umwandeln, wird sich alles ändern!
Um die Umrisse einzufärben, platzieren Sie einfach eine neue Ebene als Schnittmaske über Ihrer Umrissebene und färben Sie sie dann ein.
Der Unterschied ist offensichtlich, oder?
3.2 | Das Blatt
Wie ich bereits sagte, kann Ihr Profil viele Formen annehmen. Persönlich bevorzuge ich grafische und textliche Informationen, da ich Profile für die Charaktere in meinen Geschichten erstelle, aber Sie können für einen Avatar auch einfach Illustrationen verwenden.
Um Ihnen eine Vorstellung zu geben, sieht Scotts Profil so aus:
4 | Der PngTuber-Avatar
Jetzt, da der Charakter fertig ist, müssen nur noch die Animationen erstellt werden, damit der Avatar in der Software Veadotube verwendet werden kann.
Veadotube ermöglicht es Ihnen, 4 Bilder hinzuzufügen, um den Avatar zu bewegen:
• Geschlossener Mund und offene Augen: der Grundzustand
• Offener Mund und offene Augen: beim Sprechen
• Geschlossener Mund und geschlossene Augen: damit der Avatar zufällig blinzeln kann
• Offener Mund und geschlossene Augen: damit der Avatar beim Sprechen zufällig blinzeln kann
4.1 | Die Augen
Es gibt viele Methoden und Möglichkeiten, unseren Charakter blinzeln zu lassen. Natürlich werde ich hier meine eigene Methode vorstellen.
Ich mache das Blinzeln mit 3 Bildern:
• Augen halb geschlossen
• Augen geschlossen
• Augen etwas weiter geöffnet als im Grundzustand
4.2 | Der Mund
Um die Illusion von Sprache zu erzeugen, verwenden wir dasselbe Prinzip wie bei den Augen, indem wir 3 verschiedene Münder erstellen, die Laute darstellen:
• Ein Mund für die Laute in A
• Ein Mund für die Laute in I
• Ein Mund für die Laute in O
4.3 | Montage
Sobald die Augen und Münder fertig sind, ist es an der Zeit, alle diese Elemente zusammenzufügen, um 4 separate Bilder zu erstellen:
• 1 PNG
• 3 APNGs (animierte PNGs wie GIFs, aber in besserer Qualität)
Exportieren Sie alle Ihre Bilder als PNGs und gehen Sie auf eine Website wie diese, um einige davon zu APNGs zusammenzufügen. Am Ende sollten Sie alle unten aufgeführten Bilder haben.
Die Bilder mit einem rosa Kreuz ermöglichen Ihnen beispielsweise, APNG-Datei Nummer 4 zu erstellen, die mit einem rosa Kreis markiert ist.
Ich empfehle Ihnen, für das Blinzeln und die Mundgeschwindigkeit dieselbe Geschwindigkeit (Verzögerungszeit) zu verwenden, da einer der APNG die Bewegung der beiden zuordnen muss!
Wenn Sie Ihre 4 Bilder (1 PNG und 3 APNG) haben, können Sie zur Veadotube-Anwendung gehen und sie wie folgt in die richtige Reihenfolge bringen:
Jetzt müssen Sie Ihren Avatar nur noch testen, indem Sie in Ihr Mikrofon sprechen, um dieses Ergebnis zu erhalten!
5 | Einige zusätzliche Tipps
Bevor wir gehen, möchte ich Ihnen noch einige zusätzliche Tipps geben, die Ihnen bei der Erstellung Ihres Avatars helfen werden.
5.1 | Der nackte Charakter
Der PngTuber-Avatar funktioniert genauso wie Charaktere, die beispielsweise in einem Visual Novel verwendet werden: Der Charakter kann verschiedene Ausdrücke oder verschiedene Kleidung haben.
Wir könnten uns vorstellen, unserem Avatar Ausdrücke wie Wut, Angst oder Traurigkeit hinzuzufügen, indem wir die Augen und Münder verändern und dann in Veadotube einen neuen Zustand hinzufügen.
Für den PngTuber-Avatar, den ich im Stream verwende, eine kleine Eule, habe ich einen zweiten Zustand hinzugefügt: Wut. Ich kann eine Taste auf meiner Tastatur definieren oder ein Makro erstellen, um mit einem Klick von einem Zustand in einen anderen zu wechseln!
Beim Outfitwechsel gilt das gleiche Prinzip, Sie müssen lediglich ein neues Outfit zeichnen und alle Bilder erneut exportieren.
Ich empfehle Ihnen daher dringend, immer eine „nackte“ Version Ihres Charakters zu erstellen, wie im Beispiel unten, damit Sie sein Outfit problemlos ändern können, ohne jedes Mal alles neu zeichnen zu müssen. Das spart Ihnen Zeit.
5.2 | Die Vektorebene
Eines der wichtigsten Features von Clip Studio Paint sind meiner Meinung nach die Vektorebenen.
Mit Vektorebenen können Sie wie auf einer normalen Ebene zeichnen, aber die Dicke einer bestimmten Linie ändern oder Ihre Ebene vergrößern und verkleinern, ohne beispielsweise Qualitätsverluste zu riskieren. Ich persönlich verwende Vektorebenen für meine Umrisse, wodurch ich problemlos Kleidung auf einen nackten Körper auftragen kann!
Duplizieren Sie Ihren gesamten Ordner mit den nackten Charakteren (bei mir enthält dieser Ordner die Farbe, den Umriss, die Umrissfarbe und die Augenhervorhebungen) und erstellen Sie eine neue Vektorebene für die Kleidung. Sobald die Kleidung fertig ist, können Sie alles löschen, was hervorsteht oder dank dem Vektorradierer unsichtbar geworden ist.
Wie Sie im Zeitraffer unten sehen können, habe ich zuerst die gesamte nackte Figur sauber fertiggestellt, bevor ich eine bekleidete Version erstellt habe. Dann habe ich verschiedene Augen und Münder für die Animation gemacht!
6 | Fazit
Herzlichen Glückwunsch, Sie haben es bis zum Ende des Tutorials geschafft!
Dies ist mein allererstes Tutorial und ich danke Ihnen, dass Sie es bis zum Ende durchgelesen haben. Ich hoffe, ich war klar genug, präzise genug, ich hoffe, ich konnte Ihnen beim Erstellen Ihres Avatars helfen und Ihre Fragen beantworten!
Nochmals vielen Dank, dass Sie meinen Erklärungen gefolgt sind, Küsse ♥
Dieser Beitrag gefällt
Kommentar