Springe zum Hauptinhalt

10 Tipps zu Photoshop für Designer Wordpress

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Wahrscheinlich haben alle Webdesigner ihre eigenen Lieblings-Photoshop-Tipps im Ärmel. Aus gutem Grund. Das leistungsstarke Bildbearbeitungswerkzeug von Adobe ist ein fester Bestandteil der Webdesign-Welt. Nur sehr wenige Programme können mit dieser großartigen Software und ihren zahlreichen Funktionen 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 Lieblingswerkzeug weiter zu erkunden. Um Ihnen dabei zu helfen, schauen wir uns in diesem Tutorial einige der besten Dinge in Photoshop an. Tipps, die Ihren Workflow verbessern, Arbeit und Leben erleichtern, Zeit sparen und Ihnen helfen, 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 unser erster Stopp "Fenster> Arbeitsbereich> Grafik und Web> Das Wesentliche". Wenn Sie diese Option auswählen, werden die verfügbaren Tools auf das geändert, was Sie am wahrscheinlichsten für das Webdesign verwenden.

Wählen Sie einen WordPress-ArbeitsbereichGehen 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".

Photoshop-Lineale und EinheitenkonfigurationDadurch 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.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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 Strg + Alt + 2/3, um die h2- und h3-Header zu erstellen, während ich diesen Beitrag schreibe. Es ist viel schneller als die Verwendung der Editor-Symbolleiste, da 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.

Benennen Sie eine Ebene in WordPress umAuf diese Weise können Sie leicht verstehen, ob eine Ebene das Hintergrundbild, das Menü oder die Seitenleiste enthält.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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.

SuchebenenAndernfalls 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

Erstellen Sie ein Raster in PhotoshopDas 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 Farbmuster direkt aus HTML-, CSS- oder SVG-Dateien in Photoshop laden. Auf diese Weise haben Sie einen hervorragenden Ausgangspunkt für Ihr Farbsystem, wenn Sie vorhandene Dateien wie ein Logo verwenden.

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.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Definieren Sie eine benutzerdefinierte Form

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.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
5 Aktien
Aktie2
tweet
Registrieren3