So erstellen Sie ein Logo in Photoshop

So erstellen Sie ein Logo in Photoshop

Bevor wir mit dem Erstellen eines Logos in Photoshop beginnen, sollten wir den Elefanten im Raum ansprechen - Photoshop CC wurde nicht mit Blick auf das Logo-Design gebaut. Eine der grundlegenden Eigenschaften eines Logos besteht darin, dass es ohne Qualitätsverlust vergrößert und verkleinert werden kann. Aus diesem Grund ist vektorbasierte Software wie Illustrator die bevorzugte Option zum Erstellen von Logos, bei denen die Pixelbasis von Photoshop weniger geeignet ist. Weitere Informationen zum Entwerfen eines Logos mit Illustrator finden Sie unter diese praktische Anleitung , die Sie durch den Prozess vom Konzept bis zur Fertigstellung führen.

Aber was Photoshop an Anwendung fehlt, macht die Popularität mehr als wett, besonders im Vergleich zu Illustrator CC . Wenn Sie also wissen möchten, wie man ein herausragendes Logo erstellt, aber nicht für Software bezahlen möchten, die Sie nicht benötigen, ist dieses Tutorial genau das Richtige für Sie. Wir führen Sie durch das Entwerfen eines einfachen Logos in Photoshop mit einfachen Formwerkzeugen, Verläufen und Textoptionen. Wenn Sie diese Optionen kennenlernen, können Sie in kürzester Zeit Ihre eigenen Logos in Photoshop erstellen. Wir verwenden Photoshop CS6, aber der gleiche Vorgang gilt auch für andere Versionen.

Wenn Sie Ihr eigenes Logo entwerfen möchten, müssen Sie möglicherweise über Markenidentität und -stil nachdenken. Weitere Inspirationen finden Sie in unserem Pro-Guide zu Logo Design Hier erfahren Sie alles, was Sie über die Welt der Logos wissen müssen.



01. Erstellen Sie eine neue Leinwand

Design-Logo in Photoshop

Stellen Sie Ihre Gitterlinie alle 50 Pixel ein

Öffnen Sie Photoshop und erstellen Sie ein neues Dokument. Ich habe eine Leinwandgröße von 500 x 500 Pixel verwendet, aber größere Größen würden genauso gut funktionieren. Sie können die Leinwandgröße jederzeit ändern. Gehen Sie zu Photoshop> Einstellungen, um alle 50 Pixel eine Gitterlinie festzulegen. Schalten Sie dann die Gitter in der Leinwand durch Drücken ein cmd + ' oder Ansicht> In der Optionsleiste anzeigen. Stellen Sie sicher, dass unter 'Ansicht'> 'Am Raster ausrichten' die Option 'Am Raster ausrichten' aktiviert ist.

02. Zeichnen Sie eine Grundform

Design-Logo in Photoshop

Erstellen Sie eine Pfeilform

Wählen Sie das Stiftwerkzeug in der Symbolleiste oder durch Drücken P. und stellen Sie sicher, dass links in der Optionsleiste auf 'Form' und nicht auf 'Pfad' eingestellt ist. Verwenden Sie den Stift, um eine Pfeilspitzenform zu zeichnen, beginnend am Mittelpunkt der Leinwand und unter Verwendung von Schnittpunkten mit Gitterlinien für Ihre anderen Punkte. Das Benennen der Ebenen ist für dieses Projekt nicht erforderlich, kann jedoch in komplizierteren Dokumenten hilfreich sein, in denen es viele Ebenen gibt.

03. Dupliziere und bearbeite die Form

Design-Logo in Photoshop

beste Grafikkarte für Lightroom 2018
Dupliziere deine Ebene, damit du die Form bearbeiten kannst

Dupliziere die Ebene durch Drücken von cmd + J. und klicken Sie auf die neue Ebene, um sie auszuwählen. Verwenden Sie das Direktauswahl-Werkzeug, Verknüpfung ZU Klicken Sie auf den obersten Punkt der Pfeilspitze in der Mitte der Leinwand. Bewegen Sie diesen Punkt einige Gitterfelder nach unten und halten Sie die Umschalttaste gedrückt, um ihn auf der y-Achse zu fixieren.

04. Farbe mit Farbverlauf hinzufügen

Design-Logo in Photoshop

Farbverläufe liegen im Logo-Design immer noch im Trend. Fügen Sie Ihrem Logo einen hinzu

Erstellen Sie einen neuen Farbverlauf im Dropdown-Menü Füllen links neben der Optionsleiste. Doppelklicken Sie im Verlaufsfenster auf die unteren Schieberegler, um die RGB-Optionen aufzurufen, in denen Sie Ihre Farben auswählen können. Ich entschied mich für ein helles und dunkles Blau. Wenden Sie diesen Verlauf dann auf beide Objekte an und ändern Sie die Verlaufsrotation so, dass sie sich gegenüberliegen. Wenn die Fülloptionen nicht angezeigt werden, liegt dies möglicherweise daran, dass Sie das Verschieben-Werkzeug ausgewählt haben. Wechseln Sie daher zum Stift- oder Formwerkzeug.

05. Gruppieren und duplizieren Sie Ihre Ebenen

Design-Logo in Photoshop

MacBook Pro Hüllen mit Tastaturabdeckung
Räumen Sie auf, indem Sie Ihre Ebenen gruppieren

Gruppieren Sie die beiden Ebenen, indem Sie sie auswählen und auf die Gruppentaste klicken, die wie ein kleiner Ordner unten auf der Registerkarte Ebenen aussieht. Dies verhindert, dass die Registerkarte 'Ebenen' unübersichtlich wird, und erleichtert die gemeinsame Handhabung der beiden Ebenen.

Duplizieren Sie diese Gruppe und drehen Sie die neue Gruppe mit der Funktion 'Freie Transformation' um 90 Grad. Halten Sie die Umschalttaste gedrückt, um sie in Schritten von 15 Grad zu drehen. Sie können mit Free Transform auf zugreifen cmd + T. oder unter Bearbeiten> Freie Transformation. Bewegen Sie nun die zweite Gruppe nach oben, bis sie die ursprüngliche Form widerspiegelt, und verwenden Sie die Mitte der Leinwand als Symmetrielinie.

06. Transformiere die Formen

Design-Logo in Photoshop

X markiert die Stelle. Kann sein

Bewegen Sie jede Form mit der Umschalttaste + Cursortaste um ein Gitterquadrat vom Mittelpunkt weg nach oben oder unten.

07. Gruppieren, duplizieren, wiederholen

Design-Logo in Photoshop

Erstellen Sie eine aufwändigere Form, indem Sie die vorhandene Form duplizieren

Verwenden Sie dieselbe Methode aus Schritt 5, um die Ebenen zu gruppieren, duplizieren Sie die Gruppe und drehen Sie sie um neunzig Grad. Die neue Form sollte einer Art Fadenkreuz ähneln.

08. Zeichnen Sie mit dem Formwerkzeug einen Kreis

Design-Logo in Photoshop

Schnitzen Sie etwas Platz in Ihr Logo, indem Sie einen Kreis hinzufügen

Blättern Sie durch die Formwerkzeuge, bis Sie einen Kreis finden, indem Sie entweder auf das Symbol in der Symbolleiste klicken und es gedrückt halten oder Umschalt + drücken U. . Klicken Sie auf den Mittelpunkt der Leinwand und halten Sie die Alt-Taste gedrückt, um einen von der Mitte ausgehenden Kreis zu zeichnen, und die Umschalttaste, um die Breite und Höhe proportional zu halten. Wenn Sie einen Fehler machen, können Sie Ihre Form mit Free Transform rückgängig machen oder erneut bearbeiten.

09. Zeichnen Sie ein Rechteck und richten Sie es in der Mitte aus

Design-Logo in Photoshop

Machen Sie Platz für Text mit einem Rechteck

Blättern Sie erneut durch die Formwerkzeuge, bis Sie das Rechteckwerkzeug finden. Zeichnen Sie ein weißes Feld über die Grafik über den anderen Ebenen, um genügend Platz für Text zu schaffen. Sie können dies an der Mitte der Leinwand ausrichten, indem Sie auf die Rechteckebene und die untere Ebene (die ein weißes Quadrat mit der gleichen Größe wie die Leinwand sein sollte) klicken und Ausrichtungswerkzeuge verwenden, die sich entweder unter Ebenen> Ausrichten in der Menüleiste befinden oder die Ausrichtungsschaltflächen in der Optionsleiste.

Fortgeschrittene Benutzer können dieses Rechteck verwenden, um mithilfe von Ebene> Formen kombinieren von den folgenden Formen zu subtrahieren. Im Moment bleiben wir jedoch bei der Verwendung als weißer Block.

Disney Black Logo Disney Firmenlogo

10. Fügen Sie Ihren Text hinzu

Design-Logo in Photoshop

Wir werden unser Logo 'Schneeflocke' nennen. Sei nicht beleidigt

Zeichnen Sie ein Textfeld über das Rechteck, indem Sie auf das T-Symbol in der Symbolleiste klicken oder drücken T. und dann über die Leinwand ziehen. Geben Sie Ihren Text in das Feld ein und zentrieren Sie ihn mithilfe der Schaltflächen auf der Registerkarte Zeichen. Verwenden Sie das Ausrichtungswerkzeug erneut, um dies auf der Leinwand zu zentrieren.

11. Wählen Sie eine geeignete Schriftart

Design-Logo in Photoshop

Die richtige Schrift für Ihre Marke zu finden, ist der Schlüssel

Wählen Sie eine Schriftart, die zu Ihrer Marke passt. Es gibt viele kostenlose Schriftarten, aber es ist wichtig, eine auszuwählen, für die Sie die Berechtigung haben - siehe unsere kostenlose Schriftarten Zusammenfassung für einige Ideen, um Ihnen den Einstieg zu erleichtern. Da dieses Logo möglicherweise in vielen Ihrer Assets angezeigt wird, wäre es eine schlechte Nachricht, eine illegal heruntergeladene Schrift zu verwenden. Spielen Sie mit Größe und Farbe, bis Ihnen gefällt, was Sie sehen.

12. Passen Sie Ihren Kerning an

Design-Logo in Photoshop

Vergessen Sie nicht, Ihren Text zu kern

Kern den Text. Dies bedeutet, dass der horizontale Abstand zwischen einzelnen Buchstaben angepasst wird, um die Lesbarkeit des Wortes zu maximieren. Sie können dies auf der Registerkarte Typ tun, die mit V | markiert ist A oder durch Klicken zwischen den Buchstaben und Drücken alles + links oder alles + richtig. Weitere Informationen zum Kerning finden Sie in unserem Beitrag unter wie man Typ kern .

13. Fügen Sie die letzten Details hinzu und exportieren Sie sie

Design-Logo in Photoshop

Vergessen Sie nicht, als psd-Datei zu speichern, damit Sie Ihr Logo später bearbeiten können

Nehmen Sie die letzten Anpassungen vor, die Sie benötigen, um ihm das gewisse Etwas zu verleihen. Für das Hauptbild oben auf dieser Seite habe ich zwei kleinere Balken über und unter dem Text hinzugefügt, die mit demselben Farbverlauf gefärbt sind. Ich habe auch einen Hintergrund, einen Schatten und eine Reflexion hinzugefügt, wobei ich ähnliche Techniken wie in den anderen Schritten verwendet habe und Ebenenmasken verwendet habe, um Überblendung hinzuzufügen.

Super Bowl Logos im Laufe der Jahre

Wenn Sie zufrieden sind, speichern Sie das Bild in dem von Ihnen gewünschten Format. Ich habe hier RGB-JPG für das Webformat verwendet, es aber auch als PSD gespeichert, damit ich zurückgehen und Änderungen vornehmen kann.

Weiterlesen: