Videoversion:
Dieses Tutorial richtet sich an Benutzer, die bereits über grundlegende Kenntnisse zu Vektor- und Textebenen, Masken, dem Füllen einer Auswahl usw. verfügen.
Textversion:
Hallo!
Ich bin .avi. Ich arbeite als professioneller Spieleillustrator und das Erstellen von Comics und Webtoons ist mein Hobby.
Da ich in meinem Job oft Spielelogos aller Art entwerfe, möchte ich Ihnen einige Tipps geben, die Sie beim Erstellen Ihres Logos beachten sollten, damit es einprägsam und leicht lesbar ist, sowie praktische Tricks, um Ihre Arbeit in Clip Studio Paint zu beschleunigen.
Das Logo, das ich als Beispiel verwende, ist eigentlich das Logo meines Webtoons, aber die Prinzipien sind auf alle Arten von Produkten anwendbar.
1. Kennen Sie Ihr Spiel
Fassen Sie die Hauptmerkmale und Themen des Spiels oder Comics zusammen und wählen Sie Elemente aus, die Sie in das Logo aufnehmen möchten.
Es ist hilfreich, ein Moodboard zu erstellen. In meinem Fall ist das Auto das Hauptelement. Ich wollte auch auf die Kulisse in den schneebedeckten Bergen hinweisen und eines der Tiere hinzufügen, um es aufzupeppen. Ich habe die Ente ausgewählt, weil sie am seltsamsten war.
Machen Sie einige Konzepte, indem Sie einfach kritzeln. Da der Webtoon hauptsächlich eine Komödie ist, zielte ich auf ein lebendiges, etwas verrücktes Cartoon-Logo ab, das vage an Retro-Reiseaufklebern basiert.
2. Nehmen Sie sich Zeit bei der Auswahl der richtigen Schriftarten
Ich verbringe oft bis zu einem ganzen Tag damit, für jedes Logo, das ich erstelle, nach den richtigen Schriftarten zu suchen. Durchsuchen Sie Websites wie Dafont und laden Sie alles herunter, was Ihnen ins Auge fällt.
So können Sie sicher sein, dass Sie die bestmöglichen Schriftarten für Ihr Logo ausgewählt haben!
💡 Kurztipp Nr. 1: Schriftarten hinzufügen 💡
Sie können Schriftarten, die Sie heruntergeladen haben, ganz einfach in CSP hinzufügen, ohne sie zu installieren, indem Sie die Schriftartenliste öffnen und auf Aus Dateien hinzufügen klicken.
Das Entfernen von Schriftarten erfolgt unter Datei > Schriftarten verwalten (wo Sie auch Schriftarten hinzufügen können).
💡 Kurztipp Nr. 2: Schriftkategorien 💡
CSP ermöglicht Ihnen, Schriftarten in Kategorien zu organisieren, indem Sie in der Schriftartenliste auf das Zahnradsymbol klicken. Auf diese Weise müssen Sie nicht alle Schriftarten durchgehen, wenn Sie einen bestimmten Typ möchten.
Durch Auswählen einer Kategorie aus dem Dropdown-Menü wird nur die angegebene Schriftartengruppe in der Schriftartenliste angezeigt.
💡 Kurztipp Nr. 3: Durch Schriftarten scrollen 💡
Sie können die Schriftartenliste schnell durchgehen, indem Sie den Cursor über das Schriftartenauswahlmenü bewegen und scrollen.
3. Schriftarten kombinieren
Wenn Ihr Logo aus zwei oder mehr Wörtern besteht, bleiben Sie nicht bei einer Schriftart – ein Logo ist optisch viel interessanter, wenn Sie zwei Schriftarten kombinieren!
Und verwenden Sie nicht nur Schriftarten, sondern versuchen Sie, für jedes Wort Groß- und Kleinbuchstaben zu kombinieren.
Versuchen Sie, zwei Schriftarten mit ähnlichen Proportionen zu finden.
Wenn das nicht gelingt, können Sie eine der Schriftarten „reparieren“, indem Sie zum Operation Object-Tool wechseln und Fettdruck, Kursivdruck, Abstandsänderung hinzufügen oder den Text mit Skalierung und Schrägstellung transformieren!
Variieren Sie die Größe jedes Teils des Logos, um interessante Kompositionen zu erstellen und dabei die Gesamtform so kompakt wie möglich zu halten.
Das Hauptwort sollte das größte sein, während Artikel und Präpositionen relativ klein sein können.
💡 Kurztipp Nr. 4: Text umwandeln 💡
Mit dem Operationswerkzeug können Sie Text nicht nur mit Griffen transformieren, sondern ihn auch in der Palette Unterwerkzeugdetails auf der Registerkarte Schriftart > Skalierung, Horizontales und Vertikales Verhältnis skalieren und Text auf der Registerkarte Transformationseinstellungen drehen und neigen.
💡 Quicktipp Nr. 5: Zirkulärer Text 💡
Durch Aktivieren von Kreisförmiger Text im gleichnamigen Reiter in der Palette Sub Tool Detail ändert sich die Grundlinie des Textes in einen Kreis. Mithilfe der Ziehpunkte können Sie die Größe des Kreises ändern und den Text darin verschieben.
Es ist perfekt für stempelähnliche Logos, Münzen oder jeden geschwungenen Text:
Offizielles Tutorial zu Texteinstellungen:
4. Dynamische Formen
Außer Drehen und Neigen können Sie verschiedene Verformungswerkzeuge verwenden, um Ihrem Text Dynamik zu verleihen, aber zuerst müssen Sie ihn rastern.
Da Artefakte zwangsläufig mit der Transformation einer Rasterebene einhergehen, empfehle ich, mit einer mindestens viermal größeren Leinwand als der geplanten Ausgabegröße zu arbeiten.
Auf diese Weise sind die Artefakte weniger auffällig und lassen sich leichter beheben.
Behalten Sie außerdem die ursprüngliche Textebene als Sicherung und rastern Sie ein Duplikat, auf das Sie die Transformationen anwenden.
💡 Kurztipp Nr. 6: Mit Vektor scharf bleiben 💡
Wenn Sie nur die freie Transformation verwenden, können Sie die Schärfe beibehalten, indem Sie ein schwarzes Duplikat der Ebene erstellen, zu Ebene > Ebene konvertieren gehen und unter Typ die Vektorebene auswählen.
Dadurch erhalten Sie Vektorumrisse, deren Kanten scharf bleiben, wenn Sie sie zusammen mit der Rasterfüllebene transformieren.
Dies funktioniert gut mit runden, sprudelnden Schriftarten, bei scharfen Formen können die Ecken abgerundet werden.
🪄 Verzerrungsfilter
Probieren Sie verschiedene Deformationsfilter unter Filter > Verzerrung aus, um dynamische Formen des Textes zu erzielen. Mit Ausnahme des Panoramafilters können alle Filter interessante Ergebnisse erzielen.
🪄Verflüssigungswerkzeug
Sie können den Text auch mit dem Verflüssigen-Werkzeug verzerren. Wenn Ihre Leinwand jedoch sehr groß ist, kann die Verarbeitung einige Zeit in Anspruch nehmen.
💡 Quick-Tipp #7: Glatte, gezackte Kanten 💡
Wenn Sie nach dem Verformen der Rasterebene gezackte Kanten erhalten, können Sie versuchen, diese zu glätten, indem Sie Gaußsche Unschärfe mit der Stärke anwenden, bei der Sie die Zackigkeit nicht mehr sehen:
… Gefolgt von Unscharf maskieren mit vergrößertem Radius.
Ich empfehle, für diesen Vorgang eine Automatische Aktion festzulegen.
5. Verleihen Sie dem Text ein 3D-Feeling
Indem Sie ein Rasterduplikat unter der Rastertextebene erstellen, es verkleinern und/oder verschieben, können Sie ganz einfach einen Schlagschatten unter dem Text hinzufügen:
Indem Sie Verbindungen zwischen den beiden Ebenen zeichnen, können Sie dem Text ein 3D-Aussehen verleihen!
🪄Unschärfefilter für 3D-Look
Eine weitere unterhaltsame Alternative besteht darin, mit den Bewegungs-, Radial- und Spin-Blur-Filtern herumzuspielen.
Probieren Sie verschiedene Einstellungen und Positionen der roten Mittelpunktmarkierung im Radial- und Spin-Blur aus.
Der Filter erzeugt eine transparente Ebene, aber keine Sorge! Duplizieren und fügen Sie die verschwommene Ebene einfach mehrmals zusammen, bis die transparenten Teile undurchsichtig werden.
6. Rand und Prägung
Es gibt mehrere Möglichkeiten, Ihrem Text Ränder sowie innere und äußere Prägungen hinzuzufügen.
🪄 Randeffekt
Sie können den Randeffekt in der Palette Ebeneneigenschaft verwenden:
🪄Prägen mit Auswahl erweitern oder verkleinern
… Oder durch Verwendung der Auswahl:
1. Klicken Sie bei gedrückter Strg-Taste auf das Ebenensymbol, um eine Auswahl zu treffen.
2. Klicken Sie auf Auswählen > Ausgewählten Bereich erweitern oder verkleinern und experimentieren Sie mit unterschiedlichen Werten.
3. Füllen Sie die geänderte Auswahl auf einer neuen Ebene.**
💡 Quicktipp Nr. 8: Automatische Aktionen 💡
Legen Sie automatische Aktionen fest zum Erweitern und Verkleinern von Auswahlen, um den Arbeitsablauf zu beschleunigen!
Offizielles Tutorial zu Auto-Aktionen:
Wenn Sie mit dieser Methode mehrere unterschiedliche Ebenen erstellen, können Sie diese leicht verschieben, um dem Text ein geprägtes 3D-Gefühl zu verleihen!
7. Verwenden Sie Schnittebenen und Masken
Sie können die Textformebenen zwar direkt einfärben, ich empfehle jedoch die Verwendung von auf den Formebenen zugeschnittenen Ebenen oder die Erstellung von Ebenengruppen mit Masken der Textformen.
Zeichnen Sie Farbverläufe, Muster und Ähnliches auf neuen Ebenen über die gesamte Leinwand, und die Zuschneideebene oder -maske behält die Form bei.
Offizielles Tutorial zum Zuschneiden von Ebenen:
Warum?
Was wäre, wenn der Kunde den Namen in A Random Digger-by geändert hätte?
Sie müssten den gesamten Driver-by-Text neu zeichnen…
Aber mit abgeschnittenen Ebenen können Sie einfach die Formebene ändern, auf die alle Farben zugeschnitten sind, und mit maskierten Gruppen die Maske, und es sollten nur geringfügige Anpassungen erforderlich sein.
8. Lesbarkeit des Textes immer zuerst
Wenn Sie einen coolen, metallisch glänzenden Text erstellen, die Wörter jedoch unleserlich bleiben, kann dieser nicht als Logo funktionieren …
Sie können die Lesbarkeit sowie die Komposition weiterhin überprüfen, indem Sie ein neues Fenster des Dokuments öffnen und es verkleinern:
💡 Kurztipp Nr. 9: Fenster duplizieren 💡
Öffnen Sie ein dupliziertes Fenster Ihrer Leinwand unter Fenster > Leinwand > Neues Fenster.
💡 Tricks, um den Text lesbar zu halten 💡 (anwendbar auf das lateinische Alphabet)
Halten Sie Farbe und Form kompakt, Farbverläufe und Texturen sollten der Textzeile folgen.
🍊 Wissenswertes Nr. 1
Menschen lesen nicht nach Buchstaben, sondern indem sie die Formen von Wörtern erkennen.
Halten Sie bei Kleinbuchstaben die Teile der Buchstaben, die unter und über der Hauptzeile stehen, frei.
🍊 Wissenswertes Nr. 2
Das Auge folgt der Grundlinie, d. h. sowohl bei Klein- als auch bei Großbuchstaben ist die untere Hälfte der Buchstaben wichtiger als die obere.
Für uns bedeutet das, dass wir auch bei springenden Buchstaben ihre Grundlinie auf einer definierten Kurve halten müssen.
Außerdem ist es bei der Verwendung von Farbverläufen besser, den unteren Teil kontrastreicher zu gestalten. Beispielsweise sollte ein Text mit dunkler Umrandung den helleren Farbverlaufsteil unten haben.
9. Fügen Sie zusätzliche Elemente hinzu, aber halten Sie sie einfach
Ein Logo nur mit Text funktioniert auch, aber das Hinzufügen von relevanten Elementen bringt es auf eine neue Ebene!
In der ersten Version des Logos bin ich zu weit gegangen mit den Details, die ich in das Logo aufnehmen wollte, sodass es am Ende wie ein Reiseaufkleber aussah.
Ich habe es immer weiter vereinfacht, bis ich am Ende nur noch die Silhouetten des Autos hatte, gefolgt von der Ente und dem Eichhörnchen, die vor dem Vollmond vorbeifahren (ich schätze, jeder versteht die Anspielung :D ). Die schneebedeckten Berge wurden auf ein paar vereinfachte Schneeflocken reduziert. Die verrückte Stimmung wird durch die komischen Speedlines und 4-zackigen Sterne aufrechterhalten.
10. Verwenden Sie nach Möglichkeit Vektor- oder Ballonebenen und Ebeneneffekte
Das Logo muss später möglicherweise angepasst oder sogar hochskaliert werden. Sie können Zeit sparen, indem Sie Vektoren verwenden, wo immer es möglich ist. Während es unmöglich ist, den Text nach der Verformung editierbar zu halten, können Sie Vektoren für andere Elemente verwenden.
🪄 Vektorebenen für Lineart
Zeichnen Sie Lineart auf Vektorebenen:
🪄 Ballonwerkzeug für Vektorformen mit Füllung
Für Formen können Sie das Sprechblasen-Werkzeug verwenden, das sowohl Ränder als auch Füllungen haben kann. Ich habe es für die Form des Mondes verwendet.
Offizielles Tutorial zu den Ballon-Werkzeugen, aber es kann grundsätzlich so verwendet werden, wie Sie es von Inkscape oder Illustrator kennen (vordefinierte Formen und gekrümmte Pfade):
🪄 Randeffekt für Umrisse von Ballon- oder Rasterebenen
Ebenso können Sie den Rahmeneffekt in der Palette Ebeneneigenschaft verwenden, um Umrisse von Elementen hinzuzufügen:
11. Stellen Sie sicher, dass das Logo auf allen Arten von Hintergründen funktioniert
Wenn Sie ein helles Logo erstellen und es letztendlich auf einem weißen Hintergrund verwendet wird, verliert es seine Wirkung …
Erstellen Sie zusätzliche Hintergrundebenen, beispielsweise in Schwarz, Weiß und Grau, um darauf die Lesbarkeit des Logos zu testen:
Eine gute Möglichkeit, Ihr Logo universell zu gestalten, besteht darin, einen hellen Text mit dunkler Umrandung oder auf einem dunklen Element wie einem Holzbrett oder Stein zu erstellen, und umgekehrt.
In meinem Logo habe ich ein blaugrünes Leuchten um die hellen Teile verwendet, um sicherzustellen, dass sie auch auf weißem Hintergrund leuchten:
Abschluss
Danke fürs Lesen und viel Spaß beim Erstellen von Logos für Ihre Arbeiten oder Produkte!
🌟 ⭐ ✨ Wenn Ihnen dieser Tipp gefallen hat, würde ich mich über ein „Gefällt mir“ freuen, damit ich weiß, dass ich alles richtig mache. Hinterlassen Sie eventuell einen Kommentar, wo ich mich verbessern könnte :) ✨ ⭐ 🌟
Dieser Beitrag gefällt
Kommentar