z6c - personal blog about topics

Christian Müller – Letzte Änderung: 09.03.2014 10:14 Uhr

Photoshop Bild Assets: automatischer Exchtzeit Export von Webgrafiken

Wie unter anderem im Kulturbanause Blog beschrieben, bietet Photoshop CC bereits seit einiger Zeit die Funktion des Echtzeitexports von Webgrafiken aus der PSD Datei heraus.

Sehr praktisch, ausgestattet mit allen wünschenswerten Funktionen (Fileformatwahl, Größe, Mehrfachexport z.B. für Retina Grafiken oder Thumbnails, …), ist diese Funktion nicht nur ein enormer Workflow Optimizer sondern auch noch einfach zu bedienen.

Aktivierung

Datei -> Generieren -> Bild-Assets

Anschliessend wird in dem Ordner der .PSD ein Ordner „DATEINAMEDERPSD-assets“ erstellt, in dem sich die Echtzeitgenerierten Grafiken sammeln.

Nutzung

Die zu exportierende Ebene oder Gruppe(!) einfach umbenennen:

logo.jpg

erstellt eine JPEG Datei mit 80% Qualität

logo.jpg6

erstellt eine JPEG Datei mit 60% Qualität (1-10 wählbar)

logo.jpg58%

erstellt eine JPEG Datei mit 58% Qualität (1-100% wählbar)

logo.gif

erstellt eine GIF Datei

logo.png

erstellt eine PNG32 Datei

logo.png8

erstellt eine PNG8 Datei

logo.png24

erstellt eine PNG24 Datei

200% logo@2x.png

erstellt eine PNG32 Datei in 200% Größe

30x40 logo.png

erstellt eine 30x30 Pixel große Datei (falls nötig verzerrt)

30x40 logo_thumb.png, logo.png, 200% logo@2x.png

erstellt ein 30x40 px Thumbnail, einmal die PNG in Originalgröße sowie einmal die Retina Version als PNG

Dank an

Jonas Hellwig

Kommentare für diesen Artikel noch nicht freigeschaltet.

Bitte eine Email an kommentare@zentonic.org mit Betreff "Kommentare für Post 72"