Wenn Sie Ihr Logo aufpeppen möchten, ist das Hinzufügen eines Umrisses in Photoshop eine großartige Möglichkeit, dies zu tun! Das Tolle am Umreißen von Grafiken ist, dass Sie Ihr Logo nur in einen Umriss verwandeln oder Ihrem vorhandenen Logo einen Rahmen hinzufügen können. Mit so vielen Stilen zur Auswahl finden Sie ganz einfach den perfekten Outline-Look für Ihr Logo. Obwohl wir nun einige technische Möglichkeiten zum Skizzieren eines Logos behandeln werden, ist dies der einfachste Weg, wenn Sie eine schnelle und einfache Methode wünschen.
Um ein Logo in Photoshop zu skizzieren, stellen Sie zunächst sicher, dass das Logo einen transparenten Hintergrund hat, und doppelklicken Sie dann auf die Logo-Ebene, um die Ebenenstile zu öffnen. Legen Sie in den Ebenenstilen den Stil auf Strich fest, stellen Sie die Strichfüllung auf „Volltonfarbe“ und passen Sie die Breite nach Bedarf an. Jetzt haben Sie Ihr Logo skizziert!
In diesem Tutorial erfahren Sie alles, was Sie über das Umreißen eines Logos in Photoshop wissen müssen. Von Volltonfarben, Nur-Umriss-Logos, Verlaufskonturen und vielem mehr wird Ihr Logo mit diesen Tipps stilvoller aussehen als je zuvor.
So skizzieren Sie ein Logo in Photoshop
Beginnen wir zunächst mit der grundlegendsten Art der Logo-Gliederung in Photoshop.
Schritt 1: Erstellen Sie eine Auswahl Ihres Logos
Wenn sich Ihr Logo auf derselben Ebene wie ein Bild befindet oder einen weißen Hintergrund hat, müssen Sie es entfernen, damit dies funktioniert. Es gibt viele Möglichkeiten, eine Auswahl Ihres Logos zu erstellen, aber die, die ich empfehle, ist das Zauberstab-Tool.
Um das Zauberstab-Werkzeug auszuwählen, drücken Sie W auf Ihrer Tastatur oder suchen Sie es in Ihrer Symbolleiste.
Sobald Sie aktiv sind, gehen Sie zur oberen Einstellungsleiste und stellen Sie die Stichprobengröße auf 5 mal 5 Durchschnitt, die Toleranz auf 25, und deaktivieren Sie Anti-Alias. Wenn Sie den Zweck hinter jeder dieser Einstellungen erfahren möchten, schauen Sie sich dieses Video-Tutorial an.
Stellen Sie mit Ihren Zauberstab-Einstellungen sicher, dass Ihre Logo-Ebene ausgewählt ist, und klicken Sie dann auf Ihr Logo in der Leinwand, um es auszuwählen. Das Zauberstab-Werkzeug wählt alle ähnlichen Farben wie Ihr Muster aus, in diesem Fall Ihr Logo.
Wenn Ihr Logo mehrere Farben hat, halten Sie die Umschalttaste gedrückt und klicken Sie auf die zusätzlichen Farben, die Sie Ihrer Auswahl hinzufügen möchten.
Jetzt haben Sie eine Auswahl rund um Ihr gesamtes Logo.
Schritt 2: Fügen Sie die Auswahl einer Ebenenmaske hinzu
Mit dieser aktiven Auswahl können Sie den Hintergrund Ihres Logos entfernen, indem Sie eine Ebenenmaske hinzufügen. Klicken Sie einfach auf das Ebenenmaskensymbol unten im Ebenenbedienfeld, während Ihre Logo-Ebene ausgewählt ist.
Jetzt hat Ihr Logo einen transparenten Hintergrund.
Schritt 3: Ebenenstile öffnen
Doppelklicken Sie anschließend auf Ihre Logo-Ebene, um die Ebenenstile zu öffnen. In diesem Bereich befinden sich alle Optionen für das Ebenendesign, z. B. das Erstellen einer Gliederung (auch bekannt als Strich).
Schritt 4: Setzen Sie den Stil auf „Strich“
Um Ihrem Logo eine Kontur hinzuzufügen, klicken Sie in den Stiloptionen auf der linken Seite des Dialogfelds auf „Strich“.
Schritt 5: Stellen Sie die Strichfüllung auf Volltonfarbe ein
Stellen Sie die Füllung in den Stricheinstellungen auf „Volltonfarbe“, damit Ihre Kontur mit Farbe gefüllt wird. Sie können Ihre Konturen auch mit Verläufen oder Mustern füllen, aber ich werde später darauf eingehen.
Wenn die Volltonfarboption ausgewählt ist, können Sie auf das Farbfeld klicken, um eine Farbe für Ihren Umriss auszuwählen.
Schritt 6: Stellen Sie die Strichposition auf „Mitte“
Ändern Sie nun die Position Ihres Strichs in Mitte. Dadurch wird eine Kontur gleichmäßig an den Rändern Ihres Logos und nicht nur an der inneren oder äußeren Kante hinzugefügt. Obwohl die Einstellung „Outside“ für Outline-Personen besser funktioniert, bietet die Option center bessere Ergebnisse für Logos.
Schritt 7: Passen Sie Ihre zusätzlichen Stricheinstellungen nach Bedarf an
Gehen Sie alle Ihre Haupteinstellungen in der richtigen Reihenfolge durch und passen Sie die Umrissgröße und den Mischmodus nach Bedarf an. In den meisten Situationen sollten Sie den Mischmodus auf Normal setzen lassen. Was die Umrissbreite betrifft, erhöhen Sie einfach den Größenwert für einen dickeren Umriss Ihres Logos.
Sobald Sie zufrieden sind, klicken Sie auf OK, um die Ebenenstile zu beenden.
Das Ergebnis
Jetzt haben Sie Ihrem Logo mithilfe von Ebenenstilen in Photoshop einen einfarbigen Umriss hinzugefügt. Das Schöne an Ebenenstilen ist, dass Sie sie jetzt bei Bedarf später bearbeiten können. Wenn Sie sich Ihre Logo-Ebene ansehen, doppelklicken Sie einfach auf Ihren Ebenen-FX, um die Ebenenstile erneut zu öffnen und Ihre Stricheinstellungen zu bearbeiten. Auf diese Weise können Sie die Farbe oder Größe Ihrer Kontur später in Ihrem Workflow problemlos anpassen!
So verwandeln Sie ein Logo in Photoshop in einen Umriss
In diesem nächsten Beispiel erfahren Sie, wie Sie die Farbe Ihres Logos entfernen und nur einen farbigen Umriss hinterlassen.
Schritt 1: Wählen Sie Ihr Logo mit dem Zauberstab-Werkzeug aus
Wählen Sie nach ähnlichen Schritten wie im letzten Abschnitt das Zauberstab-Werkzeug erneut aus, indem Sie W drücken, oder suchen Sie es in Ihrer Symbolleiste.
Wenn das Werkzeug aktiv ist, gehen Sie zu Ihrer oberen Einstellungsleiste und stellen Sie die Stichprobengröße auf 5 mal 5 Durchschnitt, die Toleranz auf 25, und deaktivieren Sie Anti-Alias.
Klicken Sie dann auf Ihr Logo, um die Farbe zu probieren und eine neue Auswahl zu erstellen. Wenn Ihr Logo mehrere Farben enthält, halten Sie die Umschalttaste gedrückt und klicken Sie auf die Farben, die Sie Ihrer Auswahl hinzufügen möchten.
Wenn das Zauberstab-Werkzeug Teile Ihres Bildes auswählt, die nicht ausgewählt werden sollen, halten Sie die Alt- oder Wahltaste gedrückt und klicken Sie auf die Auswahl, um diese Farben zu entfernen.
Jetzt haben Sie eine aktive Auswahl um Ihr Logo, mit der Sie Ihre Kontur erstellen können.
Schritt 2: Erstellen Sie eine neue Ebene über Ihrem Logo
Damit dieser Effekt funktioniert, müssen Sie Ihren Strich auf einer separaten Ebene von Ihrem Logo erstellen. Um eine neue Ebene zu erstellen, klicken Sie unten im Ebenenbedienfeld auf das Symbol Neue Ebene. Stellen Sie sicher, dass es sich über Ihrer Logo-Ebene im Ebenenstapel befindet.
Schritt 3: Gehen Sie zu Bearbeiten > Strich
Wenn Ihre Auswahl aktiv und Ihre neue Ebene ausgewählt ist, gehen Sie zu Bearbeiten > Strich, um Ihre Auswahl zu streichen.
Schritt 4: Stellen Sie die Umrissbreite und -farbe ein
Im angezeigten Dialogfeld können Sie das Aussehen Ihrer Kontur anpassen. Wählen Sie zunächst eine Breite für Ihren Strich. Je höher diese Zahl, desto dicker wird Ihr umrissenes Logo aussehen.
Klicken Sie anschließend auf die Option Farbe und wählen Sie eine Farbe für den Umriss Ihres Logos.
Setzen Sie dann die Position auf „Mitte“, damit sich Ihre Kontur gleichmäßig am äußeren und inneren Rand Ihrer Auswahl erstreckt.
Wenn Sie zufrieden sind, klicken Sie auf OK, um den Strich auf Ihre Auswahl anzuwenden.
Schritt 5: Drücken Sie Befehlstaste / Strg + D, um das Logo zu deaktivieren
Jetzt wurde eine Kontur um Ihr Logo erstellt, aber die Auswahl ist noch aktiv. Drücken Sie Befehlstaste + D (Mac) oder Strg + D (PC) auf Ihrer Tastatur, um die Auswahl aufzuheben.
Schritt 6: Blenden Sie Ihre Logo-Ebene aus
Um den Effekt abzuschließen, klicken Sie auf das Augapfelsymbol neben Ihrer Logo-Ebene, um sie unsichtbar zu machen. Jetzt bleibt nur noch die Ebene mit Ihrem Umriss übrig, wodurch ein Logo nur für Umrisse erstellt wird.
Das Ergebnis
Mit diesen einfachen Schritten können Sie die Volltonfarbe Ihres Logos entfernen und durch einen Umriss ersetzen. Dies ist eine einfache Möglichkeit, Ihrem Logo ein anderes Aussehen zu verleihen und Ihr Branding aufzupeppen!
Wie man einen Umriss von den Rändern eines Logos entfernt
In den letzten beiden Beispielen haben Sie gelernt, wie Sie einen Umriss um die genauen Ränder Ihres Logos erstellen, aber was ist, wenn Sie den Umriss weiter weg verschieben möchten? Mit einer leichten Variation zu dem, was Sie bisher gelernt haben, können Sie genau das leicht tun.
Auch hier müssen Sie zunächst Ihr Logo auswählen. Wenn das Logo bereits ausgeschnitten ist, drücken Sie einfach Befehl oder Strg und klicken Sie auf die Miniaturansicht der Logo-Ebene. Dadurch wird Ihr Logo in eine aktive Auswahl basierend auf den sichtbaren Pixeln in der Ebene umgewandelt.
Wenn Ihr Logo noch nicht ausgeschnitten wurde, können Sie hier lernen, wie Sie dies schnell tun können.
Wenn Ihre Auswahl aktiv ist, gehen Sie zu Select > Modify > Expand.
Legen Sie im angezeigten Dialogfeld eine Anzahl von Pixeln fest, um anzugeben, wie weit Ihre Kontur vom Logo entfernt sein soll. In diesem Beispiel werde ich 50px für moderate Abstände festlegen.
Jetzt wird die aktive Auswahl um den Betrag, den Sie im vorherigen Dialogfeld angegeben haben, nach außen gedrückt. Erstellen Sie nun eine neue Ebene und platzieren Sie sie über Ihrer Logo-Ebene, damit Sie sie zerstörungsfrei bearbeiten können.
Wenn die neue Ebene ausgewählt ist, fügen Sie der Auswahl einen Strich hinzu, indem Sie zu Bearbeiten > Strich gehen. Legen Sie im angezeigten Dialogfeld die Breite, Farbe und Position Ihrer Gliederung fest. Da ich möchte, dass mein Strich so weit wie möglich vom Logo entfernt angezeigt wird, setze ich die Position auf „Außerhalb.“ Jetzt erscheint der Strich nur noch am äußeren Rand der aktiven Auswahl.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf OK, um den Strich Ihrer Auswahl hinzuzufügen. Drücken Sie dann Befehlstaste + D (Mac) oder Strg + D (PC), um die aktive Auswahl aufzuheben.
Da Sie die Auswahl von Ihrem Logo weg erweitert haben, wird der Strich von der Kante weg erstellt, um ein einzigartigeres Aussehen zu erzielen.
Sie können sogar versuchen, die Kontur für einen haloed Look zu verwenden, indem Sie die Umrissebene auswählen und mit dem Verschieben-Werkzeug (V) neu positionieren.
So fügen Sie einem Logo in Photoshop einen Verlaufsumriss hinzu
Um einen Verlaufsumriss zu erstellen, stellen Sie sicher, dass Ihr Logo einen transparenten Hintergrund hat, und doppelklicken Sie dann auf die Logo-Ebene, um die Ebenenstile zu öffnen. Wählen Sie als Nächstes den Strichstil aus und legen Sie die Füllung auf Verlauf fest. Sie können die Verlaufskontur weiter anpassen, indem Sie eine Voreinstellung im Verlaufseditor auswählen.
Lassen Sie uns das genauer aufschlüsseln.
Stellen Sie mit den Methoden, die Sie zuvor in diesem Beitrag gelernt haben, sicher, dass Ihr Logo einen transparenten Hintergrund hat. Ich empfehle immer, das Zauberstab-Werkzeug für diese Art der Auswahl zu verwenden.
Sobald das Logo einen transparenten Hintergrund hat, doppelklicken Sie auf Ihre Logo-Ebene, um die Ebenenstile zu öffnen. Wählen Sie wie zuvor den Strichstil aus, stellen Sie jetzt jedoch die Füllung auf Verlauf ein.
Um Ihre Verlaufskontur anzupassen, klicken Sie auf den Verlaufseditor und wählen Sie einen der voreingestellten Verläufe aus.
Wenn Sie lieber Ihre eigenen Farben erstellen möchten, doppelklicken Sie auf die Farbfelder unter der Verlaufsvorschau, um sie zu bearbeiten. Weitere Informationen zum Anpassen von Verläufen finden Sie in diesem Lernprogramm.
Wenn das Aussehen Ihres Verlaufs in Ordnung ist, können Sie zusätzliche Einstellungen wie Winkel, Stil und Skalierung des Verlaufs anpassen. Für die meisten Logo-Konturen funktioniert der lineare Verlaufsstil am besten, aber Sie können gerne experimentieren. Die Winkeloption ändert, in welche Richtung Ihr Farbverlauf geht. Schließlich zoomt die Skala auf Ihren Farbverlauf und ändert das Aussehen des Farbübergangs.
Wenn Sie mit den zusätzlichen Stricheinstellungen zufrieden sind, klicken Sie auf OK, um die Ebenenstile zu beenden. Jetzt haben Sie eine fantastische Verlaufskontur um Ihr Logo!
So fügen Sie einem Logo in Photoshop einen gemusterten Umriss hinzu
Um einem Logo in Photoshop einen gemusterten Umriss hinzuzufügen, müssen Sie lediglich die Option Musterfüllung in den Ebenenstilen auswählen. Stellen Sie wie zuvor sicher, dass Ihr Logo einen transparenten Hintergrund hat, und doppelklicken Sie darauf, um auf die Ebenenstile zuzugreifen.
Wenn Sie auf den Strichstil klicken, ändern Sie den Fülltyp in „Muster.“
Durch Klicken auf die Mustervorschau können Sie zwischen verschiedenen Standardmustern in Photoshop wählen. Wenn Sie die Dinge aufpeppen möchten, können Sie kostenlos neue Muster von Brusheezy erhalten.
Von dort aus können Sie den Maßstab und den Winkel Ihres Musters nach Bedarf an Ihren Stil anpassen.
Gehen Sie dann durch und passen Sie den Rest Ihrer Stricheinstellungen an, um den gemusterten Umriss des Logos zu verfeinern. Klicken Sie nach Abschluss auf OK.
Jetzt haben Sie ein cooles Muster um Ihr Logo und keine einfarbige Kontur!
So füllen Sie einen Logo-Umriss mit einem Bild
Der endgültige Logo-Umrisseffekt in Photoshop besteht darin, den Umriss mit einem Bild zu füllen. Mit Hilfe einer Schnittmaske kann dies sehr schnell erfolgen, ohne jemals die Ebenenstile zu verwenden!
Nachdem Sie den Hintergrund vom Logo entfernt haben, drücken Sie Befehl oder Strg und klicken Sie auf die Miniaturansicht der Logo-Ebene, um eine Auswahl zu erstellen.
Erstellen Sie nun eine neue Ebene und platzieren Sie sie über der Logo-Ebene, damit Sie die Kontur unabhängig vom Logo bearbeiten können.
Wenn Ihre neue Ebene ausgewählt und die Auswahl aktiv ist, gehen Sie zu Bearbeiten > Strich, um Ihre Auswahl zu skizzieren. Wählen Sie im angezeigten Dialogfeld eine Breite aus, die Sie für die Gliederung wünschen. Die Farbe spielt keine Rolle, da sie im folgenden Schritt von einem Bild abgedeckt wird. Klicken Sie abschließend auf OK, um den Strich auf Ihre Auswahl anzuwenden.
Drücken Sie dann Befehl oder Strg + D, um die aktive Auswahl aufzuheben.
Öffnen Sie nun die Bildebene, mit der Sie Ihre Kontur füllen möchten, und platzieren Sie sie über der Umrissebene. Sobald das Bild platziert ist, klicken Sie mit der rechten Maustaste darauf und wählen Sie Schnittmaske erstellen. Dadurch wird Ihre Bildebene nur innerhalb der Parameter der Ebene sichtbar, auf die sie zugeschnitten ist.
Sie können dann die Position und Größe Ihres Bildes in der Gliederung anpassen, indem Sie auf das Verschieben-Werkzeug (V) zugreifen, auf Ihre Bildebene klicken und dann auf das Transformationsfeld klicken und ziehen, um es anzupassen.
Und jetzt haben Sie einen Umriss um Ihr Logo mit einem Bild gefüllt!
Wie Sie sehen, gibt es eine Vielzahl großartiger Möglichkeiten, ein Logo in Photoshop zu skizzieren. Egal, ob Sie einen einfachen farbigen Umriss, einen Verlaufsumriss, einen Bildumriss und mehr wünschen, Sie haben jetzt alle Fähigkeiten dazu! Um Ihnen zu helfen, das Aussehen Ihres Logos weiter anzupassen, lesen Sie dieses nächste Tutorial, in dem Sie erfahren, wie Sie die Farbe eines Logos in Photoshop ändern!
Viel Spaß beim Skizzieren,
Brendan 🙂