Optimale Nutzung der Photoshop-Ebenen

Die Art und Weise, wie Webdesigner Photoshop verwenden, verändert sich. pixelgenaue Comps sind weniger relevant als noch vor einem oder zwei Jahren. Photoshop ist jedoch nach wie vor ein unschätzbares Entwurfswerkzeug. Die korrekte Verwendung seiner Funktionen ist nach wie vor wichtig. Die folgenden Tipps helfen Ihnen beim Umgang mit Ebenen.


Ein kurzes Wort zu Best Practices

Schichten sind ein klassischer Täter, wenn es um die Desorganisation von Projekten geht. Wenn Sie eine PSD an einen Kollegen übergeben, müssen Sie davon ausgehen, dass sie verstehen und mit dem arbeiten können, was Sie ihnen gegeben haben. Dies bedeutet gut verwaltete Schichten, Farbcodierung, korrekte Beschriftung, Gruppierung, effiziente und zerstörungsfreie Techniken, Aufräumen usw..

Diese Aspekte sind alle sehr wichtig, aber wir werden hier nicht weiter darauf eingehen. Stattdessen konzentrieren wir uns auf Techniken und Fähigkeiten, die Ihren persönlichen Workflow beschleunigen.


Ebene innerhalb eines anderen PSD-Dokuments duplizieren

Das Verlassen von Drag & Drop ist in der Regel die verlässlichste Methode, aber es gibt eine sauberere und zuverlässigere Methode. Um eine Kopie der aktuellen Ebene zu erstellen und sie in einem anderen Photoshop-Dokument genau an der richtigen Stelle anzuzeigen, klicken Sie mit der rechten Maustaste auf die zu kopierende Ebene und wählen Sie Ebene duplizieren. Wenn das Dialogfeld angezeigt wird, wählen Sie das Ziel aus der Dokumentliste aus und klicken Sie auf OK.

Ich habe zum Beispiel ein Dokument erstellt, das eine Ebene mit einem Logo enthält. Ich möchte dieses Logo in einem anderen Dokument kopieren.

Wenn Sie den obigen Schritten folgen, wird das Dialogfeld "Duplicate Layer" angezeigt.

Hier können Sie ein vorhandenes geöffnetes Dokument auswählen oder ein neues erstellen. In diesem Fall erstelle ich ein neues Dokument.

Das ist es! Diese Technik kann sehr hilfreich sein, wenn Sie mit mehreren Ebenen arbeiten, die Sie exportieren müssen (z. B. zum Erstellen von Sprite-Tabellen)..


Entfernen Sie die Standarderweiterung "copy"

Wenn Sie eine Ebene in Photoshop duplizieren, wird standardmäßig der Name mit "Kopieren" angehängt. Dies ist eine dieser Standardeinstellungen, die mich nervt, also ändere ich sie gerne. Um diese Standardeinstellung zu deaktivieren, klicken Sie auf das kleine Menüsymbol in der oberen rechten Ecke des Ebenenfensters und gehen Sie zu Panel-Optionen.

Deaktivieren Sie im daraufhin angezeigten Popup-Fenster Fügen Sie den kopierten Layern und Gruppen "copy" hinzu.

Es gibt auch ein paar andere nützliche Panel-Optionen…

Thumbnail Größe

Praktisch, wenn Sie visuell geneigt sind. Mit dieser Option können Sie die Größe der Miniaturansicht im Ebenenfenster ändern.

Inhalt der Miniaturansicht

Diese Option ist semi-bezogen auf die vorherige Option und hilft Ihnen, den Inhalt einer Ebene zu visualisieren. Angenommen, Sie haben beispielsweise eine große Leinwand und eine Ebene mit einem kleinen Symbol. Um den Inhalt dieser Ebene in der Miniaturansicht richtig zu sehen, können Sie die Einstellung auf ändern Schichtgrenzen.

Im folgenden Beispiel habe ich dies mit einer Leinwandgröße von 1600x1200 und einem einfachen Kreis simuliert. Siehe den Unterschied?

Standardmasken auf der Füllebene

Möchten Sie diese Ebenenmaske entfernen, wenn Sie eine Füllebene erstellen? Wenn ja, deaktivieren Sie das Kontrollkästchen Verwenden Sie Standardmasken für Füllschichten Möglichkeit.

Erweitern Sie Neue Effekte

Eine weitere Vorgabe, die es praktisch sein kann, sie zu überschreiben. Deaktivieren Sie diese Option, und wenn Sie das nächste Mal neue Ebenenstile anwenden, werden die Stile reduziert, wenn Sie fertig sind. Es kann ziemlich langweilig sein, erweiterte Stile bei jeder Erstellung zu reduzieren.


Ebenenstile trennen

Diese Technik wird manchmal als "Jailbreaking Layer Styles" bezeichnet und ermöglicht es Ihnen, jeden Ebenenstil einzeln zu bearbeiten. Wählen Sie eine Ebene (mit Stilen) aus und gehen Sie zu Ebene> Ebenenstile> Ebenen erstellen. Sie werden beobachten, wie Ihre Stile auf ihre eigenen Ebenen aufgeteilt werden.

Zum Beispiel habe ich hier eine Rechteckform mit einigen Ebenenstilen erstellt.

Nehmen wir an, ich möchte jeden Ebenenstil einzeln drehen. ich bewerbe Ebenen erstellen wie oben beschrieben.

Dies trennt dann alle Effekte, die noch mit meiner Ebene gekoppelt sind.

Ich kann jetzt jeden Effekt einzeln drehen.

Hinweis: Dies ist großartig, wenn Sie Photoshop verwenden, und Sie können ähnliche Effekte mit CSS-Transformationen im Browser simulieren.


Entwerfen Sie Beispiele durch Layer-Comps

Dieser Ansatz ist eine großartige Alternative zu den Feuerwerkszuständen. Die Verwendung von Layer-Comps ermöglicht es uns, verschiedene Layer-Anordnungen zu speichern, wodurch das Wechseln zwischen ihnen sehr einfach ist. Dies kann nicht nur Ihren eigenen Workflow beschleunigen, sondern auch die Darstellung einer PSD für Ihre Kunden erheblich verbessern.

Angenommen, ich muss drei Designbeispiele für eine einfache Schaltfläche erstellen. Mein Kunde interessiert sich für ein Muster mit einem Schatten, ein zweites mit einem inneren Schein und dann ein drittes mit einem Schlaganfall. Es wäre sehr unpraktisch, die verschiedenen Fülloptionen zu ändern und jedes Mal einige der Ebenenstile auszuschließen. Beim Speichern von Layer-Comps kann ich wie folgt zwischen Voreinstellungen wechseln:

Gehen Sie zu Window> Layer Comps, um das Ebenen-Comps-Fenster zu öffnen. Erstellen Sie eine Ebene mit einigen grundlegenden Stilen…

… Dann speichern Sie ein neues Dokument (das kleine Symbol "Neues Dokument" im Ebenenfenster "Comps"). Geben Sie einen Namen für den Comp ein, überprüfen Sie Sichtbarkeit und Erscheinungsbild und fügen Sie einen Kommentar als Referenz hinzu.

Um einen bestimmten Layer sichtbar zu machen, markieren Sie das Symbol links neben dem Comp-Symbol.


Ebenen an Auswahl ausrichten

Dies ist einer meiner Favoriten, wenn Sie mit mehreren Ebenen arbeiten und die Pixelperfektion wichtig ist.

Wenn ich zum Beispiel eine Ebene an einer bestimmten Position zentrieren möchte, aber nichts zur Ausrichtung habe, kann ich das Auswahlwerkzeug verwenden.

Erstellen Sie eine Auswahl mit dem Rechteck-Auswahlwerkzeug. Wählen Sie die Ebene aus, die Sie ausrichten möchten, wählen Sie Verschiebungswerkzeug (V) und verwenden Sie eine der Ausrichtungsoptionen in der oberen Symbolleiste.


Nützliche Abkürzungen

Photoshop bietet eine Vielzahl von Tastenkombinationen, um Ihren Arbeitsablauf zu beschleunigen. Wenn Sie sich diese fünf Beispiele merken, werden Sie beim Arbeiten mit Ebenen blitzschnell.

  • Neue Schicht: Befehl / Strg + Alt + Umschalttaste + N
  • Ebene duplizieren: Befehl / Strg + J
  • Gruppenebenen: Befehl / Strg + G
  • Schnittmaske erstellen / freigeben: Befehl / Strg + Wahltaste + G
  • Ebenen zusammenführen: Befehl / Strg + E

Schneller Tipp: Erstellen Sie Ihre eigene Verknüpfung

Um Ihre eigenen Verknüpfungen zu definieren, rufen Sie einfach Bearbeiten> Tastenkombinationen auf. Beachten Sie jedoch, dass Sie keine Standard-Verknüpfungen überschreiben.

Zum Beispiel möchte ich eine Verknüpfung für "Ebene umbenennen" erstellen und dazu die Kombination Cmd / Ctrl + Shift + R verwenden. Zuerst gehe ich zu Bearbeiten> Tastenkombination, dann unter Schicht Tab Ich klicke auf Ebene umbenennen Drücken Sie dann die Tastenkombination (Cmd / Ctrl + Shift + R) und klicken Sie auf Akzeptieren. Das ist es! Sie können beliebig viele benutzerdefinierte Verknüpfungen verwenden.


Fazit

Die korrekte und schnelle Bearbeitung von Ebenen ist für Photoshoppers eine grundlegende Fähigkeit. Es beschleunigt den Arbeitsablauf und verbessert den Kollaborationsprozess bei der Arbeit in einem Team. Wenn Sie weitere schichtbasierte Tipps kennen, würde ich sie gerne in den Kommentaren hören!


Weitere Ressourcen

  • Layer-Ausrichtung
  • Photoshop-Etikette
  • Weitere Photoshop-Verknüpfungen