Wahrscheinlich hat jeder Webdesigner seine eigenenTricks Photoshop-Favoriten im Ärmel. Aus gutem Grund. Das leistungsstarke Bildbearbeitungstool von Adobe ist aus der Welt des Webdesigns nicht mehr wegzudenken. Nur sehr wenige Programme da draußen können mit dieser hervorragenden Software und ihrem breiten Funktionsumfang mithalten.
Während die meisten Webdesigner bereits viel über PhotoShop wissen, können Sie immer mehr lernen. Schließlich ist das Programm nicht nur leistungsfähig, sondern auch komplex. Darüber hinaus werden regelmäßig neue Dinge durch Updates hinzugefügt.
Aus diesem Grund ist es eine gute Idee, Ihr Lieblingstool weiter zu erkunden. Um Ihnen dabei zu helfen, sehen wir uns in diesem Tutorial einige der besten Photoshop-Tricks an. Des Tricks die Ihren Arbeitsablauf verbessern, die Arbeit und das Leben erleichtern, Zeit sparen und Ihnen helfen können, die bestmöglichen Websites zu entwerfen.
Möchten Sie mehr über Photoshop erfahren? Das werden wir im Folgenden sehen.
1 - Optimieren Sie Ihren Arbeitsbereich
Beginnen wir mit den Grundlagen. Um Ihren Workflow zu verbessern, müssen Sie zunächst Photoshop so einrichten, dass es mit Ihrer Verwendung kompatibel ist. Schließlich wird die Arbeit mit einem saubereren Werkzeug einfacher.
Aus diesem Grund ist unsere erste Station „Window > Workspace > Graphic and Web > Essentials“. Wenn Sie diese Option wählen, ändert sich die outils verfügbar für das, was Sie am ehesten für das Webdesign verwenden.
Gehen Sie dann zu "Bearbeiten> Einstellungen". Hier sind die Einheiten und die Regeln eine der wichtigsten Stationen. Unabhängig davon, welche Messung Sie hier auswählen (wahrscheinlich Pixel), ist dies die Standardeinstellung für alle zukünftigen Dokumente.
(Kurztipp: Um die Regeln für einzelne Dokumente zu ändern, klicken Sie einfach mit der rechten Maustaste darauf und wählen Sie die gewünschte Maßeinheit.)
Gehen Sie dann zu "Einstellungen> Leistung> Verlauf und Cache" und klicken Sie auf "Web / UI-Design".
Dadurch werden die Cache-Einstellungen so geändert, dass kleinere Dateien mit vielen Ebenen bevorzugt werden, mit denen Sie am häufigsten arbeiten.
Am selben Ort können Sie auch die Anzahl der historischen Zustände auswählen. Dies ist die Anzahl der Schritte, zu denen Sie zurückkehren können, wenn Sie etwas rückgängig machen möchten.
2 - Lernen Sie die Tastaturkürzel
Für jedes Programm, das Sie regelmäßig verwenden, ist es normalerweise eine gute Sache, Tastenkombinationen zu erlernen.
Zum Beispiel verwende ich beim Schreiben dieses Beitrags Strg + Alt + 2/3, um die h2- und h3-Header zu erstellen. Es ist viel schneller als die Verwendung der Symbolleisteoutils des Editors, weil ich die Tastatur nicht verlassen muss.
Gleiches gilt für Photoshop. Das Durchführen einer Aktion mit einzelnen Tasten ist unendlich schneller als das Klicken auf die Menüs.
In diesem Artikel werden einige Tastenkombinationen erwähnt. Ich empfehle diesen Spickzettel jedoch auch, um die Verknüpfungen zu den gängigsten Photoshop-Vorgängen zu erlernen. Darüber hinaus ist es eine gute Idee, sich daran zu gewöhnen, Tastaturkürzel nach Dingen zu durchsuchen, die Sie immer wieder tun.
3 - Gruppieren Sie Ebenen und benennen Sie sie
Bei der Arbeit mit Photoshop arbeiten Sie mit Ebenen. Die meisten Elemente befinden sich nicht nur auf separaten Ebenen, sondern Änderungen wie Helligkeit / Kontrast werden auch als Ebene hinzugefügt.
Aus diesem Grund kann alles sehr schnell verwirrt werden. Glücklicherweise gibt es viele Möglichkeiten, weniger zu tun. Zwei davon sind die Möglichkeit, Ebenen zu gruppieren und zu benennen.
Zunächst können Sie durch Doppelklicken auf eine beliebige Ebene den Namen nach Belieben ändern.
Auf diese Weise können Sie leicht verstehen, ob eine Ebene das Hintergrundbild, das Menü oder die Seitenleiste enthält.
Alternativ können Sie auch mehrere Ebenen gleichzeitig auswählen, indem Sie entweder die Strg-Taste gedrückt halten, um einzelne Ebenen auszuwählen, oder die Umschalttaste, um einen Bereich benachbarter Ebenen zu markieren. Strg + G macht sie zu einer Gruppe.
4 - Durchführen von Ebenensuchen
Das Benennen und Gruppieren von Ebenen ist ein guter Anfang. Wenn Sie jedoch mit Dutzenden oder sogar Hunderten von ihnen arbeiten, können Sie sich dennoch leicht verlaufen.
In diesen Fällen haben Sie auch die Möglichkeit, Ihre Ebenen zu filtern. Verwenden Sie dazu einfach das Menü oben im Menü „Ebenen“, um nach Typ, Name, Effekt, Farbe und mehr zu filtern.
Andernfalls klicken Sie mit der rechten Maustaste auf die Ebenen und wählen Sie dort die Gruppenoption. In jedem Fall sind Ihre Ebenen viel besser organisiert. Darüber hinaus können Sie auch die Ebenengruppen benennen.
Andernfalls wählen Sie eine Ebene direkt mit dem Verschieben-Werkzeug aus, halten Sie die Strg-Taste gedrückt und klicken Sie auf eine Ebene oder ein Objekt.
5 - Erstellen Sie ein Raster
Das Raster ist eines der wichtigsten Prinzipien im Webdesign. Es bringt die Reihenfolge zum Entwerfen und hilft Ihnen beim Platzieren Ihrer Objekte. Aus diesem Grund ist es nur sinnvoll, in Photoshop ein Raster zu erstellen.
Verwenden Sie dazu "Ansicht> Neue Markierung". Alternativ können Sie horizontale und vertikale Hilfslinien erstellen, indem Sie auf ein Lineal klicken und in das Dokument ziehen. Verwenden Sie Strg, um vorhandene Zeilen zu verschieben.
6 - Farbmuster importieren
Sie können Farbfelder aus HTML-, CSS- oder SVG-Dateien direkt in Photoshop laden. Auf diese Weise haben Sie einen guten Ausgangspunkt für Ihr Farbschema, wenn Sie vorhandene Dateien verwenden, z Logo.
Um diesen Photoshop-Hinweis zu nutzen, öffnen Sie das Farbfeldbedienfeld, klicken Sie auf das Dropdown-Menü in der oberen rechten Ecke und wählen Sie " Last Swatches “. Navigieren Sie nun zu der Datei und öffnen Sie sie, um Ihre neuen Farbmuster zu importieren.
7 - Speichern Sie benutzerdefinierte Formen
Insbesondere wenn Sie mehrere Seiten für dieselbe Site oder Websites mit einem ähnlichen Design entwerfen, werden Sie dieselben Objekte und Formen mehrmals verwenden. Aus diesem Grund ist es sinnvoll, sie in einer benutzerdefinierten Form für eine schnelle Wiederverwendung zu speichern.
Klicken Sie dazu mit dem Pfadauswahl-Werkzeug mit der rechten Maustaste auf die betreffende Form (der schwarze Pfeil). Dann wählen Sie Definieren Sie die benutzerdefinierte Form ". Sobald Sie dies getan haben, können Sie über die Optionen in der oberen Leiste des Werkzeugs "Benutzerdefinierte Form" auf diese Form zugreifen. Klicken Sie einfach auf das Dropdown-Menü mit der Aufschrift " Form Und wählen Sie Ihr gespeichertes Formular.
8 - Wechseln Sie zwischen den Hintergrund- und Vordergrundfarben
Um die Hintergrundfarbe und die Vordergrundfarbe umzuschalten, ohne auf das Symbol zu klicken, drücken Sie einfach "X" auf Ihrer Tastatur. Wenn Sie möchten, dass die Farben wieder in normales Schwarzweiß umgewandelt werden, können Sie dies auch durch Drücken von "D" tun.
9 - Ändern Sie die Deckkraft über die Tastatur
Eine weitere Tastenkombination: Für jedes Werkzeug, das die Deckkraft ändern kann, können Sie dies einfach über die Tastatur tun. Die Zahlen 1 bis 0 legen die Deckkraft für alles zwischen 10% und 100% fest. Gleiches gilt auch für die Deckkraft der Ebenen.
10 - Zeichnen Sie gerade Linien
Um mit einem beliebigen Werkzeug eine gerade Linie zu zeichnen, halten Sie einfach die Umschalttaste gedrückt. Dann können Sie eine Linie zeichnen (horizontale und vertikale), die automatisch als Nagel verknüpft werden. Andernfalls klicken Sie auf zwei verschiedene Punkte, um eine gerade Linie zwischen ihnen zu erstellen.
Das ist alles für diese Photoshop-Tipps. Ich hoffe, sie helfen Ihnen beim besseren Gestalten in Photoshop.
