Kurztipps, Photoshop / Design

Kurztipp: In wenigen Sekunden Grafiken pixelgenau ausschneiden

WordPress Entwickler und Webdesigner

Pixelgenau ausschneiden mit Photoshop

Es gibt kaum etwas nervigeres als eine Photoshopdatei auszuscheiden. Zum Glück gibt es ein paar Shortcuts, die den Prozess weniger nervenaufreibend machen. Die folgende Methode ist nicht nur super schnell, sondern schneidet Elemente pixelgenau aus.

Hinweis: Das hier ist eine kleiner Trick zum Zeitsparen. Wenn Du ein Photoshopdesign in Html/CSS umsetzen musst guck Dir auf Jedenfall auch diesen Podcast an: Adobe Project Parfait (Beta) – PSD-Dateien online in valides CSS umwandeln (PSD CSS-Extractor) 

Anzeige:

Bootstrap 4 Kurs

In 5 Schritten zur pixelgenau ausgeschnittenen Grafik

1. Wähle die Ebene des Objekts aus, dass Du ausscheiden möchtest.

alt gedrückt halten + Mausklick auf das Auge neben der Ebene
alt gedrückt halten + Mausklick auf das Auge neben der Ebene

2. Halte alt gedrückt und klicke mit der Maus auf das Auge neben der Ebene. Es werden alle anderen Ebenen ausgeblendet.

Am Ende bleibt nur der Inhalt der Ebene sichtbar
Am Ende bleibt nur der Inhalt der Ebene sichtbar

3. Drücke cmd (strg) + A. Das Element ist nun markiert.

4. Drücke cmd (strg) + shift + c. 5. Gehe auf Datei-Neu. Es wird automatisch eine neue Datei erstellt, die exakt die maßen des Elements aufweist.

5. Kopiere das Element mit cmd (strg) + c in die neue Datei und fertig.

Ich hoffe der kleine Tipp hilft in Zukunft etwas Zeit zu sparen 😉

 

Schlagworte zu diesem Artikel: , , , ,

Veröffentlicht von Leon

Leon ist seit über zehn Jahren als Webdesigner tätig und konzentriert sich hauptsächlich auf das Gestalten von WordPress Themes.

Webseite:

Kommentar verfassen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden .

Der Benachrichtigungs-Dienst wird von WordPress.com (Automattic Inc., USA ) bereitgestellt. Mit der Anmeldung akzeptierst du die Datenschutzerklärung. Die Abmeldung / Abo-Verwaltung ist jederzeit über diesen Link möglich.