Erzeugen von·Bildelementen aus Ebenen

Wenn du Dateierweiterungen an Ebenennamen anhängst, löst das den Generator von Photoshop aus, der beim Speichern automatisch Grafikdateien erstellt.Das erspart dir sich wiederholende Exportschritte für Web-, App- und Multi-Device-Projekte, die mehrere Formate oder Größen erfordern.

Dieser Workflow funktioniert am besten, wenn du konsistente, wiederholbare Exporte über mehrere Formate oder Auflösungen hinweg benötigst – etwa um @1x-, @2x- und @3x-Versionen für responsive Designs zu erstellen.Für einmalige Exporte oder wenn du formatspezifische Steuerungen benötigst, verwende stattdessen Datei > Exportieren > Exportieren als.

Der Generator erstellt einen eigenen Ordner für deine Assets und aktualisiert Dateien automatisch, während du arbeitest.Du kannst mehrere Formate aus einer einzelnen Ebene generieren, Qualitätseinstellungen festlegen, Assets auf verschiedene Größen skalieren und Ausgaben in Unterordnern organisieren – alles über die Namenskonventionen für Ebenen.

• Photoshop-Dokument mit benannten Ebenen oder Ebenengruppen
• Dokument an einem bekannten Speicherort gespeichert (andernfalls werden die Assets auf dem Desktop angezeigt)
• Kenntnis der erforderlichen Ausgabeformate für dein Projekt

Generierung von Bild-Assets aktivieren

Photoshop erstellt die Grafikdatei in einem Unterordner neben deinem gespeicherten Dokument.Wenn dein Dokument noch nicht gespeichert wurde, werden die Assets in einem neuen Ordner auf deinem Desktop angezeigt.Der Generator bleibt aktiv – Änderungen an Ebenen, für die der Generator aktiviert ist, lösen automatische Aktualisierungen der entsprechenden Assets aus.

Mehrere Formate aus einer Ebene generieren

Eine einzelne Ebene kann gleichzeitig Assets in verschiedenen Formaten, Größen und Qualitätsstufen erzeugen.Trenne die einzelnen Asset-Angaben im Ebenennamen durch ein Komma oder ein Pluszeichen.

Photoshop generiert aus demselben Ebeneninhalt drei separate Dateien, sodass du die gleiche Grafik nicht mehr manuell in verschiedenen Formaten exportieren musst.

Qualität steuern und Assets für verschiedene Screens skalieren

Qualitäts-Suffixe steuern die Komprimierung für JPG-Dateien (1–100) und die Bittiefe für PNG-Dateien (8, 24 oder 32). Größenpräfixe akzeptieren Prozentangaben für relative Skalierung oder absolute Pixelabmessungen. Du kannst Einheiten kombinieren – zum Beispiel „10in x 5cm banner.jpg“ – und eine Abmessung weglassen, um proportional zu skalieren: „1080 x icon.png“ legt die Breite auf 1080 Pixel fest und behält dabei das Seitenverhältnis bei.

Beispiele für relative Skalierung:

200% logo.png verdoppelt die Asset-Größe

50% thumbnail.jpg verringert das Asset auf die halbe Größe

Beispiele für absolute Größenangaben:

300 x 200 hero.png erstellt ein 300 × 200 Pixel großes Bild

10in x 5cm banner.jpg kombiniert Einheiten (10 Zoll breit, 5 Zentimeter hoch)

1080 x icon.png legt die Breite auf 1080 Pixel fest, die Höhe wird proportional skaliert

Organisiere Assets in Unterordnern

Standardmäßig werden alle generierten Assets in einem einzigen Ordner neben deiner PSD-Datei gespeichert. Wenn du vor dem Dateinamen einen Unterordnernamen hinzufügst, erstellt und verwendet der Generator diesen Unterordner automatisch. So bleiben zusammengehörige Assets organisiert, ohne dass du die Ordner manuell verwalten musst.

Füge den Unterordnerpfad mit Schrägstrichen in den Ebenennamen ein: subfolder/filename.png oder icons/logo.svg. Du kannst mehrere Ebenen verschachteln: assets/icons/logo.png.

Assets in bestimmte Ordner exportieren

Photoshop erstellt die Ordnerstruktur automatisch und platziert jedes Asset am vorgesehenen Speicherort.Die Kombination von Unterordnern mit Größenpräfixen und Qualitätseinstellungen bietet dir die vollständige Kontrolle über die Organisation der Assets: mobile/200% button@2x.png, desktop/button.jpg90.

Dokumentweite Standardeinstellungen festlegen

Erstelle eine spezielle Ebene, um Baseline-Einstellungen festzulegen, die für alle generierten Assets gelten.Dadurch entfällt die wiederholte Angabe von Parametern in einzelnen Ebenennamen.

Erstelle eine leere Ebene und benenne sie, indem du mit „default“ beginnst, gefolgt von deinen bevorzugten Einstellungen.Gängige Konfigurationen sind beispielsweise „default 200%“, um alle Assets auf 200 % zu skalieren, „default assets/“, um alles in einem Unterordner „assets“ zu speichern, oder „default @2x“, um allen Dateinamen das Suffix @2x hinzuzufügen.

Du kannst mehrere Standardeinstellungen kombinieren: „default 200% retina/ @2x“ skaliert alle Assets auf 200 %, speichert sie in einem Unterordner „retina“ und fügt den Dateinamen das Suffix @2x hinzu.Einzelne Ebeneneinstellungen überschreiben die Dokumentstandards – wenn deine Standardeinstellung „default 200%“ angibt, ein Ebenenname aber „50% thumbnail.png“ enthält, wird diese Ebene mit 50 % generiert.

Arbeiten Sie mit Cloud-Dokumenten

Cloud-Dokumente speichern generierte Assets lokal und nicht direkt neben der PSD-Datei.Photoshop behält diese Trennung bei, um zwischen lokalen und mit der Cloud synchronisierten Inhalten zu unterscheiden.

Assets für Cloud-Dokumente werden an folgenden Speicherorten angezeigt:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Jedes Cloud-Dokument erstellt einen eigenen Unterordner in diesem Verzeichnis.Assets werden automatisch während der Arbeit generiert, bleiben jedoch auf deinem lokalen Computer, bis du sie explizit freigibst oder in Creative Cloud synchronisierst.

Asset-Generierung deaktivieren

Sobald die Bild-Asset-Generierung für ein Dokument aktiviert wurde, bleibt sie aktiv und über Sitzungen hinweg erhalten.Diese Funktion generiert Assets bei jedem Speichern automatisch neu, was bei komplexen Dokumenten die Leistung beeinträchtigen kann.

Um die Generierung für das aktuelle Dokument zu deaktivieren, deaktiviere Datei > Automatisieren > Generator-Plug-ins > Bild-Assets.Dadurch wird die automatische Asset-Erstellung gestoppt, aber vorhandene Assets und Ebenennamen bleiben erhalten.

Um den Generator global für alle Dokumente zu deaktivieren, wähle Bearbeiten > Voreinstellungen > Plug-Ins aus, deaktiviere Generator aktivieren und wähle OK aus. Dadurch wird die Generatorfunktionalität vollständig deaktiviert, bis du sie in den Voreinstellungen wieder aktivierst.