10 Killer Adobe Photoshop-Tipps für Designer

Ob Sie es glauben oder nicht, wenn Sie Photoshop zum Gestalten einer Website verwenden, sind Sie auf dem richtigen Weg, ein erfolgreicher Webdesigner zu werden. Dies liegt ganz einfach daran, dass Photoshop eines der fortschrittlichsten Tools in der Designbranche ist, das Ihrer kreativen Fantasie mit seiner Fülle professioneller Tools gerecht wird, die gleichzeitig Ihre Produktivität steigern.

Aber wie gut kennen Sie Photoshop? Manchmal fragen wir uns, warum bestimmte Webdesigner innerhalb von fünf Tagen ein Website-Layout mit extrem schweren Grafiken entwerfen können, während wir für die Fertigstellung dieser Art rund 10 Tage benötigen. Es geht wahrscheinlich nicht darum, wie schnell Sie klicken können. Es geht darum, wie gut Sie Photoshop kennen und wie Sie sein volles Potenzial zur Steigerung Ihrer Produktivität nutzen können.

Wir möchten, dass Sie wissen, wie Sie sein volles Potenzial entfalten können. Ja, deshalb haben wir diesen Beitrag erstellt, um Ihnen 10 äußerst nützliche Photoshop-Tipps zur Verfügung zu stellen, um Ihre Konstruktionsgeschwindigkeit zu steigern. Es kann Verknüpfungen, Funktionen oder Einstellungen geben, von denen Sie nichts wissen, aber nicht mehr. Mit diesem Artikel lernen Sie sie alle und entwerfen schneller und schneller.

Hinweis: In diesem Artikel erwähnte Tastenkombinationen haben das Windows Photoshop-Format. Wenn Sie einen Mac verwenden, stellen Sie sicher, dass Strg = Befehl (Befehl) und Alt = Opt (Option).

10. Rückgängig machen, mehr Rückgängig machen

Ich bin der festen Überzeugung, dass wir Designer sehr süchtig machen, um etwas rückgängig zu machen, selbst wenn wir beim Skizzieren einen Fehler gemacht haben, neigen wir dazu, es rückgängig zu machen.

Wie Sie vielleicht wissen, können Sie durch Drücken von Strg + Z in Photoshop die vorherige Aktion rückgängig machen. Wenn Sie jedoch dieselbe Tastenkombination erneut drücken, wird die vorherige Aktion erneut ausgeführt. Dies ist ziemlich unnatürlich und mühsam, da Sie immer mehrmals rückgängig machen müssen, um den gewünschten Status zu erreichen.

Ob Sie es glauben oder nicht, Photoshop verfügt über eine bestimmte Schaltfläche zum mehrfachen Rückgängigmachen. Dies ist Alt + Strg + Z. Ja. Mit dieser Tastenkombination können Sie je nach den unter Bearbeiten> Voreinstellungen> festgelegten Werte der Verlaufszustände mehrmals rückgängig machen Performance.

Wenn Sie mit der üblichen Undo-Tastenkombination Strg + Z vertraut sind, können Sie einfach die Tastenkombination Strg + Umschalt + Alt + K drücken, um das Tastaturkürzel-Bedienfeld aufzurufen und die Undo-Tastenkombination im Bereich Bearbeiten in Strg + Z zu ändern.

9. Farbe der Probenahme überall!

Sie sind auf eine schön gestaltete Website gestoßen und haben sich gefragt, welche Farben genau verwendet werden. Dies passiert sehr oft, wenn ich Inspiration während der Zeit suche, wenn ich in Photoshop das Layout der Website durchführe. Ich werde einen Farbwähler starten, die Farbe auswählen und die Hex-Nummer abrufen, dann in Photoshop auf die Farbpalette klicken, dann die Hex-Nummer eingeben und dann die Farbe erhalten, ziemlich ärgerlich, nicht wahr?

Nun, Sie müssen nicht wirklich so leiden, Sie können einfach auf das Pipettenwerkzeug klicken oder auf I drücken, um es zu aktivieren. Klicken Sie dann auf den Arbeitsbildschirm von Photoshop und ziehen Sie das Pipettensymbol an eine beliebige Stelle auf dem Bildschirm, um die gewünschte Farbe zu erhalten wollen. Ja, es ist wirklich so einfach.

8. Flexibler Leitfaden

Tipp # 8 ist eigentlich eine Kombination aus 2 Tipps. Ich hoffe, es stört Sie nicht, mehr Tipps zu bekommen. Als Webdesigner müssen wir uns viel mit dem Guide beschäftigen, um ein Element korrekt zu positionieren, dh pixelgenau.

Wie erstellst du einen Guide? Klicken Sie auf "Ansicht", "Neuer Leitfaden" und legen Sie die horizontale oder vertikale Führungslinie fest. Geben Sie die Position ein und klicken Sie auf "Eingeben". In Ordnung, Sie können diese Werke speichern, indem Sie einfach Strg + R drücken, um das Linealwerkzeug zu aktivieren. Klicken Sie auf das Werkzeug und ziehen Sie es nach unten, um eine horizontale Hilfslinie zu erstellen, oder umgekehrt.

Hier finden Sie neben der Erstellung von Kurzanleitungen noch einen weiteren nützlichen Tipp für Sie. Halten Sie beim Ziehen einer Hilfslinie mit dem Verschiebungswerkzeug, das mit der V-Taste aktiviert werden kann, die Alt-Taste gedrückt, um die horizontale Hilfslinie in eine vertikale Hilfslinie zu ändern oder umgekehrt. Jetzt können Sie sich wahrscheinlich als professionell im Umgang mit dem Guide bezeichnen.

7. Fun Layer Style Cloning

Ebenenstile sind sehr unterhaltsam, wenn Sie sie einfach anwenden, um ein Social Media-Symbol zu erzeugen, das ziemlich charmant und einzigartig erscheint. Es wird jedoch sehr anstrengend, wenn Sie auf alle in der Regel verwendeten Social Media-Symbole dieselben Ebenenstile anwenden möchten mehrere stücke.

Hast du jemals gemerkt, dass es eine gibt? fx Symbol neben Ihrer Ebene? Nun, alles existiert aus einem bestimmten Grund, wenn Sie die Alt-Taste drücken und die fx Wenn Sie das Symbol auf eine andere Ebene setzen, werden die Stile der ersten Ebene in die Ebene kopiert, auf die Sie die Maus gezogen haben?

Auch wenn Sie sich für die gemeinsame Verwendung interessieren fx Mit diesem Symbol können Sie die Stile einer Ebene in eine andere verschieben. Sie müssen das Symbol einfach auf eine andere Ebene ziehen, ohne die Alt-Taste zu drücken.

6. Elementzentrierung leicht gemacht

Um ein pixelgenaues Design zu erzielen, müssen wir das Element oft genau dort positionieren, wo es sein soll. Dies scheint einfach zu sein, da Sie nur einige Hilfslinien erstellen und das Element an diesen Hilfslinien ausrichten können. Es ist jedoch entmutigend, wenn Sie ein Element in einem bestimmten Bereich absolut zentrieren möchten, was viele Hilfslinien, Messungen und Fokus erfordert.

In der Tat haben Sie eine Möglichkeit, diesen gesamten Prozess viel einfacher zu gestalten. Klicken Sie auf die Ebene des Elements, die Sie absolut zentrieren möchten, und drücken Sie dann Strg + A, um das gesamte Dokument auszuwählen. Starten Sie anschließend das Verschieben-Werkzeug, und neben der Option Transformationssteuerelemente anzeigen werden einige Symbole angezeigt. Klicken Sie auf das 2. Symbol, um das Element vertikal zu zentrieren. Klicken Sie dann auf das 5. Symbol, um das Element horizontal zu zentrieren. Jetzt können Sie ein absolut zentriertes Element auswählen.

Sie können das Element nicht nur absolut im gesamten Dokumentbereich zentrieren, sondern auch in einem bestimmten Bereich absolut zentrieren. Angenommen, ich möchte ein Element im Fußzeilenbereich absolut zentrieren. Ich kann den Fußzeilenbereich einfach mit dem Auswahlwerkzeug auswählen, das durch Drücken der Taste M aktiviert werden kann, und dann das Element in diesem bestimmten Bereich absolut zentrieren.

Neben der Option "Transformationssteuerelemente anzeigen" können Sie weitere Ausrichtungsoptionen studieren. Sie sind sehr nützlich, um Ihre Elemente in einer Vielzahl von Situationen auszurichten.

5. Auswahl nacheinander anzeigen

Beim Entwerfen eines Layouts müssen Sie häufig überprüfen, wie ein Element durch seine eigenen Elemente oder durch wenige Elemente genau aussieht (z. B. im Website-Layout unten). Ich möchte die Schieberegler-Schaltflächen überprüfen, um zu bestätigen, dass sie nicht transparent sind, sodass sie mit dem Layout identisch aussehen oder ohne Bild des Schiebereglers.

In der Vergangenheit muss ich die Sichtbarkeit der Bildebene des Schiebereglers, des Hintergrunds des Schieberegler-Hintergrunds und sogar des Hintergrunds des Inhalts deaktivieren. Jetzt kann ich einfach die Alt-Taste gedrückt halten und dann auf das Augensymbol neben der Schaltflächengruppe klicken, um sie auszuschalten Sichtbarkeit aller Ebenen, sodass nur diese Schaltflächen angezeigt werden. Nachdem ich sie überprüft habe, kann ich den Trick noch einmal wiederholen, um die Sichtbarkeit aller Schichten wieder herzustellen.

Dieser Trick ist auch äußerst nützlich, wenn es um das Schneiden von Bildern geht. Sie möchten den Schieberegler des Schiebereglers ohne ein anderes Element wie das Schieberegler-Bild in Scheiben schneiden. Sie können diesen Trick verwenden, um die Sichtbarkeit aller Ebenen zu deaktivieren, um die Schaltfläche zu schneiden. Wiederholen Sie dann den Trick, um die Sichtbarkeit aller Ebenen wiederherzustellen Ein- und Ausschalten der Sichtbarkeit der Ebenen.

4. Passen Sie die Nachverfolgung von Schriftarten jederzeit an

Dieser spezielle Tipp zeigt Ihnen, wie Sie die Verfolgung der Schrift in bestimmten Teilen des Typs einfach erhöhen können. Sie kann daher nur für bestimmte Situationen wie das Erstellen von Logos oder Schaltflächen verwendet werden. Dies ist jedoch ein professioneller Tipp, mit dem Sie beim Suchen von Schriftarten viel Zeit sparen können passende Typografie für Ihre Logo- oder Button-Erstellung.

In Ordnung, sagen wir, ich möchte die Nachverfolgung des Typs "360" verringern, sodass der Typ meines Logos einzigartig aussieht und der Besucher sich leichter daran erinnert. Ich kann 'POLO360' mit dem Typ-Werkzeug auswählen, das durch Drücken der T-Taste aktiviert werden kann. Halten Sie die Alt-Taste gedrückt und drücken Sie die Taste, um die Verfolgung des Typs zu verringern. Dadurch wird das Ergebnis oben angezeigt.

Sie können diesen Trick verwenden, um das Problem der Nachverfolgung einiger künstlerischer Schriftarten zu lösen, sodass Sie beim nächsten Mal, wenn Sie grafische Schriftarten für Ihre Logoerstellung suchen möchten, keine Probleme damit haben!

3. Sofortige Layerauswahl = Win

Das Layoutdesign ist eine anstrengende Arbeit, da wir viele Probleme wie Typografie, Abstand und Grafik angehen müssen, aber es ist überwältigend, wenn wir aus Hunderten von Ebenen die Ebene eines bestimmten Elements ermitteln möchten.

Lassen Sie diesen Trick das Leben Ihres Designers leichter machen. Aktivieren Sie das Verschiebungswerkzeug mit der V-Taste und halten Sie die Strg-Taste gedrückt. Klicken Sie dann auf das Element, und Sie werden automatisch die Ebene des Elements auswählen. Es ist wirklich so einfach. Denken Sie jedoch daran, dass Sie, wenn Sie Elemente in eine Gruppe einfügen, mit demselben Trick den Ordner der Gruppe auswählen, der das Element enthält, auf das Sie geklickt haben, wie oben gezeigt.

2. Smart Object für Smart Designer

Genau wie sein Name macht Smart Object die Bearbeitung intelligenter, indem es zwei Hauptfunktionen ausführt: Nicht destruktive Transformationen durchführen und Filterung durchführen. Diese Funktion ist besonders praktisch, wenn Sie ein Website-Layout mit umfangreichen Grafiken wie z. B. Fotos, Social Media-Symbolen und UI-Kits erstellen. Klicken Sie dazu mit der rechten Maustaste auf eine Ebene und klicken Sie dann auf "In intelligentes Objekt konvertieren" genießen sie die vorteile.

Die erste Funktion besagt, dass eine Ebene, nachdem sie in ein Smart-Objekt umgewandelt wurde, nach Belieben umgewandelt werden kann, ohne dass die ursprüngliche Qualität verloren geht. In unserem Fall möchten wir den Bildschieber kleiner machen, sodass die Ebenen des Bildschiebereglers in Smart Object konvertiert und in ein kleineres Objekt umgewandelt werden.

Autsch, es ist einfach zu klein, also entschied ich mich, es wieder zu ändern.

Sieht aus wie alles in Ordnung ist und nichts passiert ist richtig? Das folgende Ergebnis ist das Ergebnis, wenn Sie eine Rückwärtstransformation angewendet haben, ohne die Ebene in Smart Object zu konvertieren.

So können Sie wahrscheinlich den Unterschied hier sehen, insbesondere die Tasten des Schiebereglers. Durch die Rücktransformation ohne Smart-Objekt, die auf Ebenen angewendet wird, verlieren die Schaltflächen des Schiebereglers und der Schieberegler an Qualität. Wenn Sie also eine Ebene in ein Smart-Objekt konvertieren, können Sie sie in eine beliebige kleinere Größe umwandeln. Sobald Sie Ihre Entscheidung jedoch bereut haben, können Sie sie ohne Qualitätsverlust wieder ändern.

Ein weiterer Vorteil der Konvertierung eines Layers in ein Smart-Objekt besteht darin, dass nach dem Anwenden eines Filters auf ein Smart-Objekt ein Layer des Filters unter dem Layer des Smart-Objekts angezeigt wird. Sie können den Filter einfacher deaktivieren, indem Sie einfach die Sichtbarkeit des Layers des Filters deaktivieren. Dies wird als nicht destruktive Filterung bezeichnet , viel Zeit für Ihr Projekt.

1. Eine Momentaufnahme der schönen Vergangenheit

Jetzt haben Sie gelernt, wie Sie mehrmals rückgängig machen, Ebenenstile kopieren, die Ebenenauswahl beschleunigen und mithilfe von intelligenten Objekten diese großartigen zeitsparenden Tipps nutzen. Nun, dies sind wirklich praktische Fertigkeiten, die Ihre Produktivität erheblich steigern, aber wie wäre es, wenn Sie nach 2 Stunden Arbeit den Schnitt bereut und beschlossen haben, in der Mitte zu beginnen? Wiederholen ist völlig anstrengend und langweilig, selbst wenn Sie alle Killer-Tipps angewendet haben, die Sie zuvor gelernt haben. Snapshot tritt also ein.

Mit dem Schnappschuss können Sie eine temporäre Kopie eines beliebigen Bearbeitungszustands erstellen. Wenn Sie also Schwierigkeiten haben, Ihr Design zu verbessern und zurück zu kehren, klicken Sie einfach auf einen Schnappschuss, um den gewünschten Zustand wiederherzustellen. Um einen Schnappschuss aufzunehmen, müssen Sie lediglich die Verlaufspalette öffnen und auf das zweite Symbol unten in der Palette klicken.

Es gibt auch einige nützliche Funktionen für Schnappschüsse, z. B. mehrere Schnappschüsse, so dass Sie mehr Auswahlmöglichkeiten haben und Sie einen Namen haben können, um sich leichter an sie zu erinnern. Letztendlich können Sie diese Momentaufnahmen auch verwenden, um die verschiedenen Effekte zu vergleichen, die Sie für Ihr Design erstellt haben.

Denken Sie jedoch daran, dass Snapshots nach dem Schließen des Dokuments sofort gelöscht werden. Wenn Sie diesen Status beibehalten möchten, können Sie auf jedes Snapshot klicken und das Dokument als andere Datei speichern.

Reflexion

Sie sind am Ende des Artikels angelangt, großartige Arbeit. Zu diesem Zeitpunkt sollten Sie genügend zeitsparende Killer-Tipps erhalten, um Ihre Konstruktionsgeschwindigkeit zu steigern. Denken Sie jedoch immer daran, dass Lernen die beste Möglichkeit ist, mehr über Photoshop zu erfahren, wodurch Ihre Produktivität gesteigert wird. Lernen Sie also immer mehr und Sie werden zu einem wettbewerbsfähigeren Webdesigner aller Zeiten.

Nun, wir haben unser Bestes geteilt, wie wäre es mit dir? Wenn Sie nichts dagegen haben, teilen Sie uns bitte Ihre Photoshop-Killer-Tipps, um uns mitzuteilen, wie Sie Photoshop besser nutzen können. Vielen Dank für Ihre Großzügigkeit!