Neues von Photoshop CC für Web-Designer

Adobe erweitert Photoshop CC um neue Funktionen für Web- und Screen-Designer. Die Plattform Adobe Generator soll den Workflow vom Entwurf eines Web-Designs bis zur Ausgabe einzelner Grafikelemente erleichtern.

In Pocket speichern vorlesen Druckansicht 45 Kommentare lesen
Lesezeit: 2 Min.

Adobe erweitert Photoshop CC um neue Funktionen für Web- und Screen-Designer. Die Plattform Adobe Generator soll den Workflow vom Entwurf eines Designs, etwa für eine Web-Seite, bis zur Ausgabe einzelner Grafikelemente wie Schaltflächen erleichtern. Photoshop erhält mit dieser Erweiterung die Versionsnummer 14.1. Registrierte Nutzer bekommen das Update automatisch per Creative Cloud.

Durch Anhängen von Tags an Ebenennamen generiert Photoshop automatisch Bildelemente für Web- und Screen-Designs.

Ansichten für Webseiten und Apps entstehen häufig als Entwurf in Photoshop, der später in kleine Schnipsel zerschnitten werden muss. Außerdem müssen häufig in Handarbeit Versionen in mehreren Auflösungen für Mobilgeräte erstellt werden.

Die Photoshop-Erweiterung Adobe Generator soll Bildelemente bereitstellen können, ohne dass der Anwender sie umständlich extrahieren, beschneiden, skalieren und exportieren muss. Dazu vergibt er in den Namen für Bildebenen oder Ebenengruppen Tags, die dafür sorgen, dass deren Inhalt automatisch in einem spezifischen Format und in einer gewählten Auflösung auf der Festplatte landet.

Der Menübefehl Datei/Generieren/Bild-Assets aktiviert die Funktion. Als Formate stehen JPEG, GIF und PNG zu Wahl, die Speicher-Optionen umfassen Auflösung, beispielsweise auch für Retina-Displays und Kompression. Im einfachsten Fall hängt man einfach .png oder .jpg an den Ebenennamen an. Erweiterte Tags lauten etwa .png8 für PNG-Dateien in 8 Bit Farbtiefe oder .jpg10 für JPEG-Dateien in geringster Kompression beziehungsweise .jpg1 für maximal komprimierte JPEGs. Mit Zahlenangaben sowie dem Zusatz px oder % und der Absetzung per Komma lassen sich mehrere skalierte Versionen anlegen.

Designs tauscht Photoshop auf Wunsch mit dem Editor für responsive Webdesign Edge Reflow aus.

Außerdem schlägt die Generator-Erweiterung eine Brücke zu Edge Reflow, mit dem sich Web-Designs dynamisch an unterschiedliche Bildschirmauflösungen anpassen lassen. Per Mausklick soll Edge Reflow Designs aus Photoshop inklusive Bildern und Text übernehmen können. Reflow soll außerdem automatisch in Photoshop geöffnete und aktive Dateien akualisieren können.

Eine auf der Node.JS-Plattform aufsetzende JavaScript-API soll Anpassungen an der Generator-Software erleichtern. Außerdem hat Adobe die Software als Open Source freigegeben, um Nutzer zu animieren und zu befähigen, den eigenen Workflow mit Plug-ins für Generator anzupassen und zu erweitern.

Siehe dazu auch:

(akr)