Erstellen eines Retro-3D-Logos mit dem Perspektivlineal

1.904

LizStaley

LizStaley

Hallo! Mein Name ist Liz Staley und ich verwende CLIP STUDIO PAINT seit langem (ich habe angefangen, das Programm zu verwenden, als es noch unter dem Namen Manga Studio 4 bekannt war!). Ich war Betatester für das Manga Studio 5-Programm und für Clip Studio Paint und habe drei Bücher und mehrere Videokurse über das Programm geschrieben. Viele von Ihnen kennen wahrscheinlich meinen Namen aus diesen Büchern. Ich schreibe wöchentliche Beiträge auf Graphixly.com und auf CSP-Tipps, also kommen Sie jede Woche wieder, um mehr Clip Studio-Tipps und Tricks von mir zu erfahren!

 

Es gibt unzählige Tutorials für die Lineale der CSP-Perspektive (was wahrscheinlich meine Lieblingsfunktion von Clip Studio ist!), Aber die meisten von ihnen zeigen, wie man Gebäude und Stadtlandschaften zeichnet. Aber die Perspektivlineale können bei so viel mehr helfen als nur bei Hintergründen und Umgebungen. In diesem Artikel kombinieren wir Textfunktionen, Perspektivlineale sowie Zeichnen und Malen, um ein Logo im 3D- und Retro-Look zu erstellen.

 

In diesem Artikel werden wir die folgenden Themen behandeln:

Erstellen des Logotextes

Perspektive schaffen

 

Lassen Sie uns gleich eintauchen!

 

Erstellen des Logotextes

Um dieses Projekt zu starten, musste ich zuerst eine Schriftart finden, die das Aussehen hatte, das ich für meinen Text wollte. Ich wusste, dass ich ein „Retro“-Logo erstellen wollte, also ging ich, nachdem ich mich für die Wörter für mein Logo entschieden hatte (die für die Zwecke dieses Tutorials von einem zufälligen Wortgenerator stammten), zu meiner bevorzugten Website für kostenlose Schriftarten. Nachdem ich einige Kandidaten heruntergeladen hatte, von denen ich dachte, dass sie für den Text funktionieren könnten, installierte ich die Schriftarten auf meinem Computer und ging zu Clip Studio Paint.

 

Wenn Sie sich nicht sicher sind, wie Sie Schriftarten installieren, können Sie im Internet nach Anweisungen für Ihr Betriebssystem suchen. Jedes ist anders, daher wäre es für mich unmöglich, in diesem Artikel Anweisungen für jedes Betriebssystem zu behandeln.

 

Erstellen Sie eine neue Leinwand in Clip Studio Paint und verwenden Sie dann das Textwerkzeug, um die Wörter, die Sie in ein 3D-Logo umwandeln möchten, auf der Leinwand hinzuzufügen. Ich habe die Wörter „Dynamic Bubble“ von einem zufälligen Wortgenerator bekommen und dachte, sie wären ein niedlicher falscher Name für etwas, also werde ich das für dieses Beispiel verwenden.

 

Markieren Sie die Wörter und suchen Sie dann im Fenster Werkzeugeigenschaften das Dropdown-Menü Schriftart. Hier können wir die Schriftart in eines der auf unserem Computer installierten Designs ändern.

 

Standardmäßig zeigt die Schriftartenliste den Namen jeder Schriftart im Stil dieser Schriftart an. Suchen Sie die Schriftart, die Ihnen gefällt, und wählen Sie sie aus, um die hervorgehobenen Wörter in diese Schriftart zu ändern.

Ich mag diese Schriftart für meinen Text, aber ich bin mit einigen Proportionen und Abständen zwischen den Buchstaben und den Linien nicht zufrieden. Aber das ist okay, wir können all diese Probleme beheben!

 

Klicken Sie in der unteren rechten Ecke des Werkzeugeigenschaften-Fensters für das Textwerkzeug auf das Symbol, das wie ein kleiner Schraubenschlüssel aussieht. Dadurch wird das Fenster Sub Tool Detail geöffnet, das alle Optionen für das aktuelle Subtool anzeigt. (Das Werkzeugeigenschaften-Fenster zeigt standardmäßig nur die gebräuchlichsten Optionen)

 

Klicken Sie auf der linken Seite des Unterwerkzeug-Detailfensters auf die Kategorie Zeilenabstand/-ausrichtung. Suchen Sie dann den Schieberegler für den Zeilenabstand. Mit diesem Schieberegler kann der Abstand zwischen ausgewählten Textzeilen vergrößert oder verkleinert werden, indem Sie entweder auf den Schieberegler klicken und ihn ziehen oder die Auf- und Abwärtspfeile rechts neben dem Schieberegler verwenden.

 

Ich habe den Abstand zwischen meinen beiden Textzeilen verkleinert, um die Wörter näher zusammenzubringen.

 

Ich habe auch bemerkt, dass sich in dieser Schriftart einige der Buchstaben berühren, während andere viel Platz zwischen sich haben (hauptsächlich das „bb“ in „Bubble“), also möchte ich das auch beheben, indem ich die Buchstaben näher zusammenbringe.

 

Um den Abstand zwischen Buchstaben zu ändern, klicken Sie auf die Kategorie „Schrift“ auf der linken Seite des Fensters „Unterwerkzeugdetails“ und suchen Sie dann den Schieberegler „Zeichenabstand“. Dies funktioniert auf die gleiche Weise wie der Schieberegler Zeilenabstand, den wir gerade verwendet haben. Im folgenden Beispiel habe ich die Abstände aller Zeichen näher zusammengebracht.

 

Allerdings war ich immer noch nicht glücklich mit dem ganzen Abstand. Indem Sie nur bestimmte Zeichen hervorheben, können Sie den Schieberegler für den Zeichenabstand so einschränken, dass nur diese Zeichen angepasst werden. Zum Beispiel habe ich im Screenshot unten das „Bu“ hervorgehoben und den Abstand angepasst, um sie wieder etwas weiter auseinander zu bringen.

Nachdem ich den Abstand zwischen einigen der anderen Buchstaben angepasst hatte, war dies das Ergebnis für mein endgültiges „Logo“.

Jetzt, wo wir unseren Text haben, können wir daran arbeiten, dass sie wie 3D aussehen!

Perspektive schaffen

Beginnen wir jetzt mit dem 3D-Effekt. Bevor ich anfing, habe ich eine Kopie meiner ursprünglichen Textebene erstellt und die ursprüngliche Ebene ausgeblendet. Ich werde mit den Kopierebenen arbeiten und das Original bewahren, falls etwas passiert und ich zum Original zurückkehren muss.

 

Im folgenden Screenshot zeigt die Ebenenpalette die ursprüngliche Textebene unter einer Kopierebene. Die ursprüngliche Textebene wird ausgeblendet. Ich habe auch die Kopierebene gerastert, aber das ist optional.

 

Geben Sie dem Text die gewünschte Größe und positionieren Sie ihn dort auf Ihrer Leinwand, wo Sie ihn haben möchten. Ich wollte, dass der 3D-Effekt von unten kommt und nach links oben verläuft, also habe ich meinen Text oben links auf meiner Leinwand positioniert.

 

Jetzt müssen wir ein Perspektivlineal einrichten. Dieses Unterwerkzeug befindet sich unter dem Lineal-Werkzeug. Wir verwenden das Perspektivlineal, um uns beim Zeichnen der Linien unserer 3D-Buchstaben zu helfen. Stellen Sie sicher, dass das Dropdown-Menü „Prozess“ im Fenster „Werkzeugeigenschaften“ auf „Fluchtpunkt hinzufügen“ eingestellt ist. Wählen Sie dann eine Stelle auf einem Ihrer Buchstaben aus, von der Sie eine Anleitung zeichnen möchten. Klicken Sie auf diese Stelle und ziehen Sie, um eine Hilfslinie zu erstellen. Im Screenshot unten habe ich den Punkt am Ende des „c“ als meine erste Orientierungshilfe ausgewählt, weil es der Punkt am weitesten rechts in meinem Text ist.

 

Um einen Fluchtpunkt zu haben, müssen wir mindestens einen weiteren Führer hinzufügen. Ich habe einen Punkt auf der linken Seite des „B“ ausgewählt, dann geklickt und gezogen, um eine Linie zu erstellen, die sich mit der ersten Linie schneidet. Der Schnittpunkt ist der Fluchtpunkt für unser Perspektivlineal.

Nachdem zwei Hilfslinien angelegt und ein Fluchtpunkt erstellt wurde, erstellt CLIP STUDIO PAINT auch eine Horizontlinie und eine vertikale Linie als Teil des Perspektivlineals. Diese Linien sind in anderen Anwendungen dieses Linealwerkzeugs sehr praktisch, aber wir werden uns heute nicht darum kümmern. Sie können die Horizontlinie sehen, die im folgenden Screenshot hinzugefügt wurde.

Wenn Sie möchten, dass alle Linien zu einem einzelnen Punkt weit in der Ferne zusammenlaufen, können Sie jetzt damit beginnen, Linien zu zeichnen, die zum Fluchtpunkt zurückgehen. Ich möchte jedoch, dass das Logo nur ein wenig zurückgeht und dann aufhört, daher ist etwas mehr Vorbereitung erforderlich.

 

Zuerst habe ich mehrere weitere Hilfslinien an wichtigen Stellen entlang der Wörter angebracht, damit ich sicherstellen konnte, dass im nächsten Schritt alles ausgerichtet bleibt. Wir werden mit mehreren verschiedenen Ebenen arbeiten, daher ist es immer hilfreich zu überprüfen und sicherzustellen, dass das Perspektivlineal auf „In allen Ebenen anzeigen“ eingestellt ist. Dies kann erreicht werden, indem Sie die Ebene, auf der sich das Lineal befindet, zur aktiven Ebene machen, dann auf das Symbol „Linealbereich festlegen“ in der Ebenenpalette klicken und dann auf „In allen Ebenen anzeigen“ klicken.

 

Erstellen Sie als Nächstes eine zweite Kopie der Textebene. Wir verwenden dies als Referenz für die „Rückseite“ der Buchstaben (auch bekannt als die Kante, die am weitesten vom Betrachter entfernt ist). Wenn Ihr Text nur aus geraden Linien besteht, können Sie diesen Schritt weglassen, aber da meine Schriftart viele Kurven hat, wollte ich sicherstellen, dass die Buchstaben korrekt aussehen.

 

Verschieben Sie nun mithilfe der Hilfslinien und der Funktion „Skalieren/Drehen“ eine Kopie des Texts so, dass sie näher am Fluchtpunkt des Lineals liegt. Sie müssen den Maßstab der Textkopie so ändern, dass die Punkte auf der Kopie mit den Hilfslinien für dieselben Punkte auf dem Lineal übereinstimmen. Beachten Sie im folgenden Screenshot, dass die Kopie (in Burgund) verkleinert und verschoben wurde, sodass sie in die Linealführungen passt und alle die gleichen Stellen auf der Original- und der Kopierebene berühren.

 

Erstellen Sie als Nächstes eine Ebene zwischen der oberen und der unteren Kopie des Textes. Dies ist die Ebene, auf der wir unsere perspektivischen Linien zeichnen.

Beginnen Sie mit dem Zeichenwerkzeug Ihrer Wahl, die Linien für die Kanten Ihrer Buchstaben zu zeichnen. Ich fand es am einfachsten, zuerst mit dem untersten Wort zu beginnen, damit ich nicht verwirrt werde, da die Zeilen für die oberen Buchstaben nicht zu sehen sind, wo die unteren Buchstaben sie verdecken.

Gehen Sie bei diesem Schritt gründlich vor und achten Sie darauf, alle Kanten zu überprüfen, die Sie möglicherweise übersehen haben. Zum Beispiel fehlt im Screenshot unten der obere rechte Rand des B, ein Fehler, den ich erst in der Färbephase dieser Kreation bemerkt habe! Aber das ist in Ordnung, ich ging einfach zurück zur Linienebene und fügte sie hinzu, sobald ich sie bemerkte.

Die abgerundeten Kanten der Buchstaben wurden erstellt, indem ich die Stabilisierung meines Zeichenwerkzeugs erhöhte und dann die Kanten der Buchstaben auf der Kopierebene sorgfältig nachzeichnete, um den Raum zwischen den einzelnen perspektivischen Linien zu füllen.

 

Nachdem die Zeilen fertig waren, habe ich die Textkopieebene ausgeblendet. Dann habe ich mit zusätzlichen Ebenen Farbe und Schattierung zum 3D-Logo hinzugefügt. Für einen letzten Hauch von „Retro“-Look habe ich den Retro Tone by CSP User Pudding verwendet, um eine leichte Textur hinzuzufügen und das Aussehen eines alten gedruckten Artikels zu erhalten. (Sie können den gleichen Ton hier bekommen: https://assets.clip-studio.com/en-us/detail?id=1926070 )

Und fertig ist unser „Retro-3D-Logo“!

Fazit

Dies ist nicht die normale Sache, an die Sie wahrscheinlich denken, wenn Sie an das CSP-Perspektivenlineal denken, aber ich hoffe, wenn dies nicht der Fall ist, hat Ihnen dies eine andere Möglichkeit gezeigt, dieses unglaublich leistungsstarke Tool zu verwenden. Mit ein wenig Planung und Einfallsreichtum können Sie mit dem Perspektivlineal alle möglichen Dinge erstellen!

 

Weitere Informationen zu CLIP Studio Paint finden Sie unter https://www.clipstudio.net/en oder https://graphixly.com

 

Kommentar

Neu

Neu! Offizielle Tutorials