Mit Clip Studio ist es ganz einfach, Grafiken für eine Reihe verschiedener Projekte zu erstellen.

 

Insbesondere für viele Spieleentwicklungsstudios mit kleinen Teams oder Soloentwicklern ist diese Art von Flexibilität ein Muss, und mit Clip Studio können wir Spielressourcen, Benutzeroberflächen, Werbegrafiken und sogar Logos in ein und demselben Programm erstellen.

 

In dieser Anleitung zeige ich Ihnen die Schritte, die ich beim Erstellen von Logos für meine Indie-Spieleprojekte durchführe!

 

Ich werde mich zwar auf Logos für Spiele konzentrieren, aber diese Anleitung funktioniert auch, wenn Sie versuchen, ein Markenlogo für soziale Medien oder andere Online-Präsenzen zu erstellen.

 

Lassen Sie uns loslegen und versuchen, ein Logo zu erstellen!

 

Hier sind die Schritte, die wir durchlaufen werden:

1. Einige grobe Entwürfe erstellen

2. Mit dem Textwerkzeug aufräumen

3. Mit den Figurenwerkzeugen und freihändig Farben und Formen hinzufügen

4. Letzter Schliff und Export

 

Zur Veranschaulichung dieser Schritte werde ich ein Logo für ein erfundenes Spiel namens „Pop! Love! Puzzle!“ erstellen. Fangen wir an!

---

1. Machen Sie einige Entwürfe

Um herauszufinden, in welche Richtung Sie mit Ihrem Design gehen möchten, sammeln Sie zunächst Informationen über das Spiel und schreiben Sie diese auf. Stellen Sie sich folgende Fragen: Welches Genre hat Ihr Spiel? Action, Puzzle, gemütlich? Wer ist die Zielgruppe? Erwachsene, Gelegenheitsspieler, familienfreundlich? Welche Stimmung hat Ihr Spiel? Gruselig, spritzig, düster? Welchem bestehenden Spiel ähnelt es?

 

Nehmen wir für unser erfundenes Spiel an, wir haben ein Arcade-Puzzlespiel mit farbenfrohen Elementen und niedlichen Figuren sowie Blumen- und Herzakzenten. Wir zielen auf ein Gelegenheitspublikum ab, das niedliche Dinge mag, mit fröhlichen, energiegeladenen Designs im ganzen Spiel.

 

Sehen Sie sich die Logos anderer Spiele in Ihrem Genre an und stöbern Sie online nach vorhandenen Logos, um Inspiration zu sammeln und Ideen zu bekommen, wie ein „gutes“ Logo aussieht.

 

Jetzt, da Sie eine ungefähre Vorstellung davon haben, wie es aussehen soll, beginnen Sie mit dem Skizzieren! Machen Sie mindestens 3 sehr grobe Skizzen und fügen Sie Farbe hinzu. Fügen Sie jedoch nicht zu viele Details hinzu; Sie möchten nur eine allgemeine Vorstellung davon, wie es von weitem aussieht.

 

Das ist das Ergebnis.

Wenn Sie Zweifel haben, bitten Sie Freunde, Familie oder Kollegen, zwischen Ihren Varianten zu wählen. Notieren Sie ihre Meinungen und Vorschläge und erstellen Sie entsprechend neue Skizzen, bis Sie die bestmögliche Option gefunden haben!

---

2. Aufräumen mit dem Textwerkzeug

Jetzt, da Sie eine gute Skizze haben, ist es an der Zeit, sie zu bereinigen!

 

Das Wichtigste zuerst: Wählen Sie eine Schriftart für Ihre Textelemente. Stellen Sie unbedingt sicher, dass die Schriftart, die Sie verwenden, für die kommerzielle Nutzung frei ist, da Sie Ihr Spiel oder Produkt öffentlich vertreiben werden.

 

Nehmen Sie Ihre zusammengeführte Skizze, vergrößern Sie sie auf eine große Größe und wählen Sie eine helle Zeichenfarbe. Ich empfehle Hellblau, Orange oder Pink, damit Sie die Elemente darunter sehen, aber darüber zeichnen können, ohne durcheinander zu kommen.

Geben Sie Ihr Logo ein. Da Ihr Text ein Vektor ist, können Sie das Transformationswerkzeug frei verwenden, um ihn auf die gewünschte Größe zu bringen, ohne die Qualität zu beeinträchtigen.

 

Überprüfen Sie unbedingt die Einstellungen der Werkzeugeigenschaften für „Zeichenabstand“ und „Zeilenabstand“. Passen Sie den Abstand zwischen den Zeichen nach Bedarf an, um ihn ansprechend zu gestalten, aber legen Sie vor allem Wert auf die Lesbarkeit.

Wählen Sie einzelne Buchstaben aus, um deren Größe oder Groß-/Kleinschreibung je nach Stil zu ändern.

Wenn Sie einen Untertitel haben, versuchen Sie, dessen Größe oder Stil zu ändern, um seine Priorität zu verringern und Kontrast hinzuzufügen.

Ich habe jedes Wort in verschiedene Textfelder aufgeteilt, damit ich sie einzeln drehen konnte.

Wenn Sie mit der Änderung Ihres Textes fertig sind, schneiden Sie eine Rasterebene darüber und fügen Sie etwas Farbe hinzu!

Airbrushes und Abstufungen funktionieren gut, wenn sie in Maßen verwendet werden. Stellen Sie sicher, dass genügend Kontrast vorhanden ist, damit Ihr Logo lesbar ist.

 

Hier können Sie die Rahmenfunktion mit großer Wirkung einsetzen!

 

Drücken Sie im Fenster „Ebeneneigenschaften“ auf den Kreis, um einen „Rahmeneffekt“ auf der aktuellen Ebene zu aktivieren. Ändern Sie die Größe, indem Sie den Schieberegler ziehen, und ändern Sie die Farbe, indem Sie auf das Farbband neben „Randfarbe“ klicken.

Denken Sie daran, dass das Logo Ihres Spiels an vielen Stellen erscheinen wird: in Geschäften, auf Werbebildern und allein. Ich verwende gerne starke Ränder, um sicherzustellen, dass alle Logos, die ich erstelle, vielseitig, aber lesbar sind.

 

Sie können Ränder auch einfach stapeln, um einen stilvollen Effekt zu erzielen, der Buchstaben hervorstechen lässt. Rastern Sie Ihre umrandete Ebene und drücken Sie dann erneut auf den Kreis, um einen zweiten Rand hinzuzufügen. Duplizieren Sie Ebenen nach Bedarf, um destruktive Änderungen an Ihrer ursprünglichen Textebene zu reduzieren.

Achten Sie dabei darauf, den Rahmen Ihrer Basisebene zu deaktivieren, da sonst die daran befestigten Ebenen über den Rahmen hinaus gezeichnet werden.

---

3. Fügen Sie Farben und Formen mit den Figurenwerkzeugen und freihändig hinzu

Jetzt ist der Grundtext Ihres Logos fertig. Als Nächstes können wir mit dem Hinzufügen von Farben, einem Hintergrund und Symbolen experimentieren.

 

Ich versuche, bei der Farbauswahl den Stil des Spiels beizubehalten, also habe ich mich zunächst für energetische Farben entschieden. Ich verwende eine Airbrush und Farbverläufe, um jedem Wort sanft Tiefe zu verleihen.

Das Stapeln abgeschnittener Ebenen auf der Basisebene jedes Wortes ist hilfreich, wenn Sie mit verschiedenen Farben experimentieren möchten, ohne destruktive Änderungen vorzunehmen!

Für den Hintergrund wollte ich einige einfache Formen hinter den Wörtern „Pop“ und „Love“ sowie eine große Wolkenform, um alles zusammenzufassen.

Solange der endgültige Effekt erreicht wird, können Sie diese Formen zeichnen, wie Sie möchten.

 

Das Figurenwerkzeug ist praktisch für Kreise, Rechtecke und Polygone. Sie können auch die Linien- und Kurvenwerkzeuge verwenden, um Ihre Form zu zeichnen. Vektoren funktionieren gut, wenn Sie ein sauberes Logo möchten, dessen Größe nach Bedarf geändert werden kann.

 

Ich habe Figurenwerkzeuge für die Blumen verwendet und den Rest von Hand gezeichnet und nach Bedarf transformiert. Das menschliche Auge mag Ausgewogenheit und Symmetrie. Wenn Sie sich für etwas Asymmetrisches entscheiden, versuchen Sie, jede Hälfte optisch auszubalancieren. In diesem Sinne habe ich Pop und Love ein wenig verschoben, um alles auszugleichen.

 

Für die Farben habe ich weichere Töne gewählt, die nicht zu sehr mit dem Text um Aufmerksamkeit konkurrieren. Die Blumen sind so hell, dass sie auffallen, aber sie haben kontrastarme Details.

---

4. Letzte Handgriffe vornehmen und exportieren

Wir sind fast fertig! Jetzt ist es an der Zeit, alles, was wir bisher gemacht haben, für einen zweiten Durchgang zurückzubringen und einige zusätzliche Details für den Kontrast hinzuzufügen.

 

Je nachdem, welche Art von Logo Sie erstellen, können Sie bei Bedarf Details hinzufügen oder reduzieren. Lassen Sie sich also immer von den Logos inspirieren, die Sie als Inspiration ausgewählt haben, um auf dem Laufenden zu bleiben.

 

Für mein Logo habe ich ein paar weitere Farbverläufe und Halbtöne hinzugefügt, um dem Hintergrund mehr Tiefe zu verleihen. Ich habe der Wolkenform auch einige weiche Flecken in Lila und Blau hinzugefügt, um das Ganze interessanter zu gestalten. Um die Dinge noch mehr hervorzuheben, habe ich alle Ebenen mit Rändern verdoppelt und sie leicht verschoben, um einen 3D-Effekt zu erzielen.

 

Ich habe noch eine weitere Ebene über die Wörter gelegt, um große Glanzlichter freihändig zu zeichnen.

Damit sie nicht zu sehr die Show stehlen und den Blick des Betrachters nicht überall gleichzeitig hinziehen, haben Pop und Love farbige statt weiße Highlights.

Ich habe eine neue Korrekturebene erstellt und die Sättigung auf 0 reduziert. Beim Hinzufügen von Details habe ich diese Ebene ein- und ausgeschaltet, um sicherzustellen, dass der Kontrast erhalten bleibt und dort bleibt, wo ich ihn haben wollte: auf dem Text, um Ihre Aufmerksamkeit zu erregen und ihn lesbar zu halten.

 

Fügen Sie weiterhin Details hinzu und reduzieren Sie sie, machen Sie Pausen und überprüfen Sie Ihre Referenzlogos, um eine klare Vorstellung davon zu haben, wie Sie es haben möchten.

 

Es ist hilfreich, das Navigatorfenster zu öffnen und es regelmäßig zu überprüfen, um sicherzustellen, dass Ihr Logo auch aus der Ferne gut aussieht.

Damit ist mein Logo fertig! Dies ist das Endergebnis. Dank einer Ansammlung kleiner Änderungen sieht es im Vergleich zum letzten Schritt viel besser aus.

An diesem Punkt exportiere ich es in seiner größten Größe (mindestens 3000 Pixel lang). Ich speichere auch mehrere Kopien in verkleinerter Größe, damit ich sie in verschiedenen Materialien verwenden kann (Banner, Cover-Art usw.).

 

Ich empfehle auch, den Textteil des Logos separat zu speichern und dasselbe mit den Hintergrundfeldern zu tun, falls Sie einen der Teile separat benötigen.

 

 

Da ich mehrere Ebenen erstellt und zugeschnitten habe, kann ich auch alle zugeschnittenen Ebenen entfernen und eine vereinfachte Version des Logos speichern, die im Spiel verwendet werden kann. Hier sind alle Varianten, die ich erstellt habe!

Das war’s! Unser Logo ist nun bereit, überall dort eingesetzt zu werden, wo wir es brauchen.

Danke fürs Lesen!