Hallo zusammen. In diesem Tutorial zeige ich euch, wie ich meinem kleinen Zitronenfreund diese niedlichen und urkomischen Ausdrücke verliehen habe.Ein kleiner Hinweis vorab: Bei der Erstellung dieses Tutorials wurden keine Zitronen verletzt, lol 😃Obwohl meine Schwester plötzlich Lust auf Limonade bekam, nachdem ich das Video aufgenommen hatte.Ich verwende ein Samsung Galaxy Lite Tablet und die EX-Version von Clip Studio Paint.Ich drehe mein Tablet so, dass es im Hochformat ist. Ich finde, dass die Symbole auf diese Weise viel größer aussehen und schöne Screenshot-Bilder ergeben, besonders wenn Sie dieses Tutorial von einem Telefon aus ansehen.

Storyboard

Ich habe ein Storyboard skizziert, in dem ich grobe Skizzen der Gesichtsausdrücke der Zitrone zusammen mit einigen anderen visuellen Effekten angefertigt habe.

Wie aus den Skizzen ersichtlich, wird die Zitrone:

 

• Schlafen,mitZsnebenseinemKopfschwebend.

• Aufwachen,indemsieihreAugenöffnetundgähnt.

      + Sie wirdunsmitverwirrtemGesichtsausdruckansehen.EinFragezeichenwirdausihremKopfschweben.
  

• IhrAusdruckwechseltzuÄrgernunddannzuWut.

• Siewirddanacherrötenundblinzeln.

     + MitschlossenenAugenundimmernochlächelnd,wirdsiesichstolzaufblicken,währendHerzennebenseinemKopfauftauchen.
  

• IhrAusdruckändertdanachsichschnellzuBesorgnis.

       + Sieschockiert,sodassihreAugenausemKopfspringen.KleineDreieckformennebenseinemKopfauftauchen.
  
   + MitgeweitetenAugenundschwitzen,wirdsievonlinksnachrechtsschauenundziemlichängstlichaussehen.
  

• Sie wirddanachanfangen,zuweinenundinPanikzugeraten.

Video importieren

Dies ist das Video, das ich mit meiner Kamera aufgenommen habe. Später habe ich es auf mein Tablet importiert, auf dem CSP EX installiert ist.

 

Bevor ich es importierte, habe ich es in einer Videobearbeitungs-App auf meinem Tablet etwas beschleunigt und zugeschnitten.

Von meinem Tablet kenne ich folgende Details zum Video.

 

Es ist 15 Sekunden lang.

Dimension von 1280 mal 720.

Bildrate von 30 fps.

Auflösung 720p.

Mit all dem im Hinterkopf ist es Zeit, Clip Studio Paint (im Folgenden als CSP bezeichnet) zu öffnen.

 

Ich habe eine neue CSP-Datei erstellt, indem ich zum Menü Datei> Neu gegangen bin.

Dann habe ich den Projekttyp auf Animation eingestellt, wodurch einige zusätzliche Einstellungen angezeigt wurden.

 

Ich habe die Leinwandgröße auf 1280 mal 720 eingestellt, was den Abmessungen des Videos entspricht.

Ich behalte die Auflösung bei 72.

Dann habe ich die Bildrate auf 12 fps eingestellt. Somit werden pro Sekunde 12 Einzelbilder abgespielt.

Da ich weiß, dass das Video 15 Sekunden lang ist und die Bildrate 12 fps beträgt, beträgt die Gesamtzahl der benötigten Bilder 180 (15 * 12).

Daher habe ich die Wiedergabezeit auf 180 eingestellt.

Die CSP-Datei wird mit einer leeren Papierebene und einem Animationsordner erstellt, der nur eine Zelle enthält.

Ich muss meine Datei weiter einrichten, um die Animation unterzubringen.

Ich gehe zum Menü Fenster> Zeitleiste. Dadurch wird die Zeitleisten-Palette unten angezeigt.

In der Ebenen-Palette klicke ich auf die Papierebene, sodass alles, was ich importiere, darüber in der Ebenen-Palette platziert wird.

Letztendlich wird die Videoebene unterhalb des Animationsordners liegen, was ich möchte.

Vor dem Import muss ich auch sicherstellen, dass der erste Frame in der Zeitleisten-Palette ausgewählt ist, da das Video dort in der Zeitleiste abgespielt wird.

Um mein Video zu importieren, gehe ich zum Menü Datei> Film. Dann suche ich mein Video und wähle es aus. Es wird als Datei-Objekt importiert.

Ich schaue in die Zeitleisten-Palette und bemerke, dass das Video über die von mir berechneten 180 Frames hinausgeht. Dies liegt wahrscheinlich daran, dass die 15 Sekunden, die ich aus den Videodetails erhalten habe, nicht präzise waren. Es sind tatsächlich 15,83 Sekunden.

Laut Zeitleiste stoppt das Video tatsächlich bei Frame 191. Die Teile des Videos, die über die 180 Frames hinausgehen, werden also nicht abgespielt.

 

Keine Sorge, ich passe es einfach an, indem ich zum Menü Animation> Zeitleiste> Einstellungen ändern gehe.

Ich habe den End-Frame von 181 auf 191 eingestellt.

Ich passe auch den Animationsordner in der Zeitleiste an, indem ich dessen Ende auf Frame 191 ziehe.

Benennen Sie diesen Animationsordner, der zusammen mit der Datei erstellt wurde, in Skizze um.

 

Ich liebe es auch, meinen Ebenen Farben zuzuweisen, da dies eine einfache Identifizierung in der Ebenen-Palette und in der Zeitleisten-Palette ermöglicht.

In diesem Skizzen-Animationsordner erstelle ich Zellen auf jedem zweiten Frame.

 

Um mir dabei zu helfen, stelle ich die Teilungslinie in der Zeitleiste von 6 auf 2. Dies erreiche ich, indem ich zum Menü Animation> Zeitleiste> Einstellungen ändern gehe.

Ich habe dann die Teilungslinie von 6 auf 2 geändert.

Während ich mich noch im Skizzen-Animationsordner befinde, klicke ich die Frames in der Zeitleiste an, denen ich Zellen hinzufügen möchte, und klicke dann auf die Schaltfläche Neue Animationszelle.

Danach dupliziere ich diesen Animationsordner zweimal und benenne sie in Line Art und Farbe um.

 

Der Animationsordner Line Art sollte sich über dem Animationsordner Farbe befinden.

 

Und natürlich weise ich jedem von ihnen auch eine Farbe zu.

Der Animationsordner Line Art ist Schwarz.

Der Animationsordner Farbe ist Rosa.

 

Ich blende diese Ordner vorerst aus.

Ich erstelle eine neue Rasterebene in der Ebenen-Palette und zeichne darauf eine Umrandung der Zitrone.

Ich benenne die Ebene in Umriss um und gebe ihr die Farbe Grün.

Dann senke ich die Deckkraft dieser Ebene etwas und sperre die Ebene, indem ich auf das Symbol Ebene sperren in der Ebenen-Palette klicke.

Im Skizzen-Animationsordner skizziere ich die Hauptausdrücke der Zitrone auf ihre Zellen, wo sie in der Zeitleiste erscheinen sollen. Ich mache auch Notizen und skizziere die Effekte.

Die Gesichtsausdrücke sollten in den Umriss der Zitrone auf der Umriss-Ebene passen.

Ja, auch wenn die Zitrone beim Herauszoomen im Video schrumpft, behalte ich die Skizzen der Ausdrücke in der gleichen Größe bei, wo sie in den Umriss der Zitrone passen. Ich werde sie später verkleinern.

 

 

Ich verwende den G-Pen mit einer Pinselgröße von 5px, schwacher Kantenglättung. Keine Druckempfindlichkeit.

Wenn ich eine Zeichnung von einer Zelle in eine andere verschieben möchte, wähle ich die Zelle aus, von der ich sie verschieben möchte, und gehe dann zum Menü Ebene> Auswahl aus Ebene> Auswahl erstellen.

Während die Auswahl noch aktiv ist, gehe ich dann zu der Zelle, in die ich sie verschieben möchte, und klicke dann auf die Schaltfläche Füllen, um die Auswahl mit der aktiven Farbe, die Schwarz ist, zu füllen.

Klicken Sie zurück zur ersten Zelle und klicken Sie oben auf das Löschen-Symbol, um alles einfach aus der Zelle zu löschen.

Auswahl aufheben.

Diese Methode ist nur geeignet, wenn im Bild, das ich verschieben möchte, nur eine Farbe vorhanden ist.

Während dieses Prozesses musste ich die Deckkraft der Videoebene verringern, damit ich die Skizzenlinien rechts von der Zitrone besser sehen konnte.

Nachdem die Hauptexpressionen vorhanden sind, füge ich die Zwischenbilder auf den restlichen Zellen hinzu.

 

Dafür war die Zwiebelschalenfunktion nützlich.

Um sie zu aktivieren, klicken Sie auf das Symbol Zwiebelschalenfunktion aktivieren in der Zeitleisten-Palette, während Sie sich noch im Skizzen-Animationsordner befinden.

Um sie einzurichten, gehe ich zum Menü Animation> Animationszellen anzeigen> Zwiebelschalen-Einstellungen.

Im Dialogfeld Zwiebelschalen-Einstellungen stelle ich Folgendes ein:

 

Anzahl der Skins für den vorherigen und nächsten Frame auf 1.

Farben für den vorherigen (Blau) und nächsten (Orange) Frame auswählen.

Deckkraftwerte für Start 50 und Schritt 10.

 

 

Wenn ich mehr Skins oder etwas anderes benötige, kann ich jederzeit zurückgehen und es erneut bearbeiten.

Immer wenn ich die Zwiebelschalenfunktion benötige, aktiviere ich sie und deaktiviere sie, wenn ich sie nicht benötige. Es ist ziemlich einfach, ich klicke einfach auf eine Schaltfläche.

Line Art

Jetzt ist es Zeit, die Line Art zu erstellen, was einfach bedeutet, das, was ich im Skizzen-Animationsordner habe, sauberer neu zu zeichnen.

 

Ich senke die Deckkraft des Skizzen-Animationsordners und sperre ihn.

Ich klicke auf den Line Art-Animationsordner und blende ihn ein. Er hat bereits alle seine Zellen, sodass ich jetzt nur noch darauf zeichnen muss.

Mit der Farbe Schwarz ausgewählt, verwende ich den G-Pen und die Kontinuierliche Kurve, um die Line Art zu zeichnen.

Ich stelle die Pinselgröße auf 4px und die Kantenglättung auf Schwach ein.

 

 

Ich erstelle sauberere Zeichnungen der Gesichtsausdrücke, Effekte, Tränen und Herzen.

Die Augenbrauen sind dicker als die anderen Linien, die mit einer Pinselgröße von 4px gezeichnet wurden, also habe ich alle anderen Linien gezeichnet und bin dann zurückgegangen und habe die Augenbrauen mit einer größeren Pinselgröße gezeichnet.

Farbe

Für die Kolorierungsphase blende ich zuerst den Skizzen-Animationsordner aus, da er nicht mehr benötigt wird.

Ich blende den Farb-Animationsordner ein, da ich darauf die Line Art ausfüllen werde.

Wählen Sie das Füllwerkzeug und das Unterwerkzeug Andere Ebenen referenzieren.

 

Wählen Sie in der Werkzeugeigenschaften-Palette unter Mehrfachreferenz die Option Referenzebene aus.

Klicken Sie in der Ebenen-Palette auf den Line Art-Animationsordner und legen Sie ihn dann als Referenzebene fest, indem Sie auf das Leuchtturm-Symbol klicken.

 

Ich sperre die Ebene auch, indem ich auf das Vorhängeschloss-Symbol klicke, um zu verhindern, dass ich versehentlich darauf male.

Im Farb-Animationsordner fülle ich die Farben basierend auf den Zeichnungen im Line Art-Animationsordner darüber aus.

 

 

Heben Sie die Einstellung des Lineart-Animationsordners als Referenzebene auf, indem Sie erneut auf das Leuchtturm-Symbol klicken.

Anpassen für Herauszoomen und Unschärfe

Nachdem ich alles koloriert habe, ist es an der Zeit, sie anzupassen, damit sie zoomen und unscharf werden, wenn das Originalvideo dies auch tut.

 

Dazu kann ich einfach die Unschärfe- und Transformationsfunktionen in CSP verwenden, aber es gibt ein Problem… Ich muss den Inhalt sowohl der Line Art- als auch der Farb-Animationszellen gleichzeitig unscharf machen oder transformieren.

 

Daher müsste ich beide Animationsordner zusammenführen, bevor ich die restlichen Bearbeitungen vornehmen kann. Leider hat CSP EX dafür keine offizielle Funktion, also müsste ich es manuell tun.

Obwohl ich sicher bin, dass es mehrere Möglichkeiten gibt, dies in CSP zu tun, wobei einige Methoden idealer sind als andere, habe ich diese Methode gewählt, weil sie sehr intuitiv ist und ich sie nur für 27 Zellen durchführen muss.

 

Nämlich die Zellen 68 bis 95, wo das Herauszoomen und Verwischen stattfindet. Das sind insgesamt 27 Zellen. Es beginnt bei Frame 135 bis Frame 190, aber es ist auf Zweiern.

 

Für diese Methode erstelle ich eine neue Ebene ganz oben in der Ebenen-Palette, ausschließlich um mich bei diesem Prozess zu unterstützen.

Ich gehe zum Line Art-Animationsordner.

 

Dann ziehe ich Ebene (Zelle) 68 aus dem Line Art-Animationsordner und platziere sie außerhalb über der leeren Ebene in der Ebenen-Palette.

Dann ziehe ich auch Ebene (Zelle) 68 aus dem Farb-Animationsordner und platziere sie über der leeren Ebene, ABER unterhalb der anderen Ebene 68.

Ich klicke auf die obere, die aus dem Line Art-Animationsordner stammt, und dann auf das Symbol 'Mit der darunter liegenden Ebene zusammenführen' oben in der Ebenen-Palette.

Nach dem Zusammenführen ziehe ich sie wieder an ihre Position, aber in den Farb-Animationsordner. Daher gibt es keine Ebene 68 mehr im Line Art-Animationsordner.

Ich mache dies für alle anderen Ebenen/Zellen bis zur letzten bei Ebene/Zelle 95. Danach sollte der Line Art-Animationsordner keine Ebenen/Zellen von Nummer 68 bis 95 mehr enthalten. Dies ist von Frame 135 bis Frame 190.

 

Wenn ich fertig bin, kann ich diese zufällige Ebene, die ich oben erstellt habe, löschen.

Nachdem die Zellen nun im Farb-Animationsordner miteinander verschmolzen sind, kann ich sie jetzt für das Zoomen und die Unschärfe anpassen.

 

Klicken Sie auf die Umriss-Ebene und gehen Sie dann zum Menü Ebene> Auswahl aus Ebene> Auswahl erstellen.

 

 

Ich blende dann die Umriss-Ebene aus, um mich nicht zu verwirren.

Dann, während die Auswahl noch aktiv ist, gehe ich zu den zusammengeführten Zellen im Farb-Animationsordner und fülle den Umriss der Zitrone darauf aus, indem ich auf das Füllsymbol unter der Auswahl klicke. Tun Sie dies für alle zusammengeführten Zellen.

 

 

Wenn ich fertig bin, drücke ich das Abwählen-Symbol, um die Auswahl aufzuheben.

Mit dem Umriss der Zitrone auf den Zellen gehe ich zum Menü Bearbeiten> Transformieren> Skalieren, um die Zeichnungen auf der Zelle zu verkleinern, bis der Umriss der Zitrone darauf mit dem verkleinerten Bild der Zitrone im Video darunter übereinstimmt.

Ich mache dies für alle Zellen, in denen die Zitrone schrumpft. Wenn ich fertig bin, gehe ich zurück und lösche den Umriss der Zitrone von den Zellen.

Danach weichzeichne ich diejenigen, die erscheinen, wo die Zitrone im Video unscharf wird.

Dies tue ich, indem ich zum Menü Filter> Weichzeichnen> Gaußsche Unschärfe gehe.

 

 

Dann gehe ich die gesamte Animation durch und lösche Teile der Zeichnungen, die mit der Hand überlappen.

Schlaf-Zs

Das Letzte, was noch hinzugefügt werden muss, sind die Schlaf-Zs. Dies ist mit Hilfe von Keyframes sehr einfach hinzuzufügen.

 

Zuerst habe ich eine neue Rasterebene erstellt und sie Zs genannt. Ihre Position in der Ebenen-Palette spielt keine Rolle.

 

Auf dieser Ebene zeichne ich einen großen Buchstaben Z.

Während ich mich noch auf dieser Ebene befinde, gehe ich zur Zeitleisten-Palette und klicke auf das Symbol Keyframe auf dieser Ebene aktivieren.

Dann klicke ich auf den ersten Frame in der Zeitleiste und füge hier einen Keyframe hinzu, indem ich auf das Keyframe hinzufügen-Symbol klicke.

Ich klicke auf den Keyframe und dann auf das Operations-Werkzeug> Objekt-Werkzeug.

 

Ich verkleinere dann das Z und bewege es näher zur Zitrone.

 

 

Ich gehe dann zur Werkzeugeigenschaften-Palette und senke die Ebenendeckkraft.

Dann habe ich einen weiteren Keyframe zwischen Frame 10 und 11 erstellt. Ich passe ihn ähnlich wie den ersten an. Ich erweitere ihn und ziehe ihn von der Leinwand, wohin er sich bewegen soll. Die Ebenendeckkraft habe ich jedoch bei 100 belassen.

 

 

Ich dupliziere diese Ebene zweimal und ziehe sie an verschiedene Positionen in der Zeitleiste. Dies ermöglicht es, dass zwei weitere Zs erscheinen, aber zu späteren Zeitpunkten als das erste.

Exportieren

Nachdem ich fertig bin, muss ich es exportieren.

 

Dazu gehe ich zum Menü Datei> Animation exportieren> Film (oder Animiertes GIF).

Denken Sie daran, die Bildrate auf 12 einzustellen.

 

 

Dies ist ein GIF des Endergebnisses.

Dies ist das Ende des Tutorials, vielen Dank fürs Lesen. Ich weiß, dass dieses Tutorial nicht perfekt ist, aber ich hoffe, es gibt Ihnen einige Ideen, falls jemand so etwas ausprobieren möchte, bis bald.

Und wenn Sie schon dabei sind, schauen Sie sich meinen Comic auf Webtoons an. Er ist derzeit in der Pause, aber ich versuche gerade, einige Dinge aus dem Weg zu räumen, bevor ich ihn fortsetze. Er heißt Acid Tears. Danke ❤️.