Um auf einem Mac mehrere maskierte Bilder aus einem Affinity-Dokument zu exportieren, erstellen Sie für jedes vollständige maskierte Objekt einen ebenenbasierten Slice und exportieren anschließend die aktivierten Slices als PNGs. Entscheidend ist, das Bild zusammen mit seiner Maske auszuwählen, anstatt Exportrechtecke darum zu zeichnen.

Diese Anleitung behandelt die aktuelle Affinity-Desktopoberfläche und das Erstellen separater, wiederverwendbarer Bilder mit ihrem maskierten Erscheinungsbild. In der aktuellen Dokumentation wird der Exportarbeitsbereich Slice Studio genannt. Damit lassen sich Ebenen, Gruppen, Objekte und Zeichenflächen in mehreren Formaten und Größen exportieren. Mit Slice Studio exportieren

Was sollte jedes exportierte Objekt enthalten?

Ermitteln Sie zunächst die vollständige Ebenenstruktur, die jedes fertige Bild erzeugt. Affinity-Masken können an eine bestimmte Ebene, Gruppe oder ein Objekt angehängt sein; eine unabhängige übergeordnete Maske kann sich außerdem auf darunterliegende Ebenen auswirken. Wenn Sie nur eine Maske auswählen, ist daher nicht unbedingt auch das von ihr gesteuerte Bild ausgewählt. Ebenenmaskierung

Behandeln Sie in diesem Arbeitsablauf ein fertiges Objekt als ein Exportziel: ein Bild mit angehängter Maske oder eine Gruppe, die die für das Objekt erforderlichen Komponenten enthält. Wirkt sich eine Maske derzeit auf mehrere separate Objekte aus, passen Sie diese Struktur vor dem Erstellen der Slices an. Andernfalls fehlt beim Export eines einzelnen untergeordneten Elements möglicherweise eine Komponente auf übergeordneter Ebene, die zu seinem Erscheinungsbild beiträgt.

Die folgende Entscheidungshilfe fasst das dokumentierte Masken- und Slice-Verhalten von Affinity zusammen:

Struktur Ihres Dokuments Vorzubereitendes Exportziel
Ein Bild mit angehängter Maske Der übergeordnete Eintrag des Bildes einschließlich der angehängten Maske
Mehrere Ebenen bilden eine maskierte Grafik Eine Gruppe mit der vollständigen Grafik und ihrer Maske
Eine maskierte Gruppe enthält mehrere vorgesehene Objekte Vor dem Export separate vollständige Ziele für die einzelnen Objekte vorbereiten
Mehrere Grafiken sind bereits zu einem Bild reduziert Zuerst einzelne maskierte Ebenen oder Gruppen vorbereiten; rechteckige Slices allein isolieren überlappende Grafiken nicht

Diese Unterscheidung ist wichtig, weil Affinity zwei verschiedene Slice-Verhaltensweisen dokumentiert: Ein Slice, der über einen Eintrag unter Ebenen exportieren erstellt wird, enthält nur den Inhalt dieser Ebene. Ein mit dem Slice-Werkzeug gezeichneter Slice umfasst hingegen alle sichtbaren Ebenen innerhalb seines Rechtecks. Verwenden Sie über Ebenen erstellte Slices, wenn Sie unabhängige maskierte Objekte ohne benachbarte Grafiken exportieren möchten. Mit Slice Studio exportieren

Diese Exporte geben das fertige maskierte Erscheinungsbild wieder. Sie dienen nicht dazu, eine unveränderte Originalbilddatei wiederherzustellen oder eine bearbeitbare Maske in einer PNG-Datei bereitzustellen. Bewahren Sie eine bearbeitbare Affinity-Masterdatei auf: Beim Speichern bleiben die Projektinformationen erhalten, während beim Export ein Format zum Teilen erstellt wird. Speichern

Ein vollständiges Ziel für jedes maskierte Bild vorbereiten

Erstellen Sie mit Datei > Speichern unter eine Arbeitskopie, bevor Sie ein vorhandenes Dokument umstrukturieren. Aktuelle Affinity-Dokumente verwenden die Erweiterung .af. Wenn Sie ein neues Dokument speichern, bleibt die zuvor gespeicherte Version erhalten. Speichern

Klappen Sie im Ebenenbedienfeld den Eintrag des ersten Objekts auf und ermitteln Sie Bild, Maske und unterstützende Komponenten. Vergewissern Sie sich, dass die Maske aktiviert ist und das Ziel das gewünschte Ergebnis anzeigt. Eine deaktivierte Maske erkennen Sie an einer diagonalen roten Linie über dem eingeklappten Vorschaubild; aufgeklappte Masken haben eine eigene Sichtbarkeitssteuerung. Ebenenmaskierung

Wenn mehrere Objekte ein Objekt bilden, wählen Sie diese aus und klicken Sie auf Ebene > Gruppieren. Auf eine Gruppe angewendete Masken und Anpassungen wirken sich auf deren Inhalt aus. Bewahren Sie beim Gruppieren die vorhandene Beziehung zwischen Bild und Maske. Das Gruppieren nicht zusammengehöriger Objekte stellt für sich genommen nicht die gewünschte Maskenanordnung her. Gruppieren

Geben Sie jedem Ziel einen eigenen aussagekräftigen Namen. Eine beispielhafte, synthetische Komposition könnte drei Objekte mit den Namen circle-grid, rounded-stripes und hexagon-dots enthalten. Um eine Gruppe umzubenennen, doppelklicken Sie im Ebenenbedienfeld auf ihren Namen, geben den neuen Namen ein und drücken die Eingabetaste. Gruppieren

Prüfen Sie jedes Ziel in der Ebenenhierarchie einzeln, bevor Sie fortfahren. Entscheidend ist, ob dieser Eintrag alles enthält, was zum Darstellen des Objekts erforderlich ist. Diese Prüfung ist besonders hilfreich, wenn die Komposition eine gemeinsame Maske oder Anpassungen über mehreren Gruppen verwendet.

Ebenenbasierte Slices erstellen und exportieren

1. Slice Studio und seine Bedienfelder aktivieren

Öffnen Sie den Studio-Manager, aktivieren Sie Slice Studio und wechseln Sie dorthin. Laut aktueller Hilfe ist dieses Studio standardmäßig ausgeblendet. Wenn es also nicht in der Liste der sichtbaren Arbeitsbereiche erscheint, bedeutet das nicht, dass die Funktion nicht verfügbar ist. Slice Studio

Blenden Sie die erforderlichen Bedienfelder über das Mac-Menü ein:

  • Fenster > Allgemein > Ebenen exportieren
  • Fenster > Allgemein > Exportoptionen
  • Fenster > Allgemein > Slices

Dies sind die in der Dokumentation angegebenen Positionen der Desktop-Bedienfelder. Bedienfeld „Ebenen exportieren“ (Slice Studio), Bedienfeld „Exportoptionen“, Bedienfeld „Slices“

2. Standardeinstellungen festlegen und dann die Slices erstellen

Wählen Sie unter Exportoptionen die Option Standardeinstellungen, legen Sie die gewünschten PNG-Einstellungen fest und wechseln Sie anschließend zurück zu Auswahl. Die Standardeinstellungen gelten für die als Nächstes erstellten Slices. Slices exportieren

Wählen Sie unter Ebenen exportieren das erste vollständige maskierte Ziel aus und klicken Sie auf Slice erstellen. Wiederholen Sie diesen Schritt für die übrigen Ziele. Wählen Sie das Bild oder die vollständige Gruppe aus und lassen Sie die Maske angehängt, anstatt nur den Maskeneintrag auszuwählen. Das Bedienfeld unterstützt das Erstellen von Slices aus Ebenen, Gruppen, Objekten und Zeichenflächen. Bedienfeld „Ebenen exportieren“ (Slice Studio)

Über Ebenen erstellte Slices passen sich automatisch an die Ausdehnung des ausgewählten Elements an. Prüfen Sie die angezeigte Begrenzung, statt anzunehmen, dass sie exakt den sichtbaren, nicht transparenten Pixeln entspricht: In der Dokumentation ist die Größe nach der Ausdehnung des Elements beschrieben, nicht ein automatisches Beschneiden entlang jeder Maskenkante zugesichert. Mit Slice Studio exportieren

3. Ausgaben konfigurieren und einen kurzen Test durchführen

Klappen Sie jeden Eintrag unter Slices auf und prüfen Sie Dateiname, Format und Größe. Jeder Slice kann mehrere Exportformate und jedes Format mehrere Größen enthalten. Beginnen Sie für die drei oben genannten synthetischen Objekte mit einer PNG-Ausgabe pro Slice, damit sich das erste Ergebnis leicht prüfen lässt. Bedienfeld „Slices“

Exportieren Sie einen Slice über die dazugehörige individuelle Exportsteuerung. Öffnen Sie das Ergebnis und prüfen Sie die maskierte Kontur, Transparenz, Pixelmaße sowie das Fehlen benachbarter Grafiken. Wenn Sie zuerst ein Objekt testen, lassen sich ein falsches Exportziel oder ungeeignete Formateinstellungen leichter erkennen.

Aktivieren Sie nach dem Test die gewünschten Slice-Einträge und deaktivieren Sie alle Einträge für die ganze Seite oder andere unerwünschte Einträge. Klicken Sie auf Slices exportieren (n), wählen Sie den Zielordner aus und klicken Sie auf Exportieren. Dadurch werden die konfigurierten Formate und Größen der aktivierten Slices exportiert. Der Exportordner wird nur für die aktuelle Bearbeitungssitzung gespeichert. Slices exportieren

Für übereinstimmende Ausgaben bietet das Bedienfeld „Slices“ die Optionen Exporteinstellungen in die Zwischenablage kopieren und Exporteinstellungen aus der Zwischenablage ersetzen. Konfigurieren Sie einen Slice, kopieren Sie seine Einstellungen und ersetzen Sie damit die Einstellungen eines anderen Ziel-Slices. Prüfen Sie anschließend den Ziel-Slice, da sich durch das Ersetzen seine Exportkonfiguration ändert. Bedienfeld „Slices“

Welche Format- und Größeneinstellungen erhalten das gewünschte Ergebnis?

PNG eignet sich als Ausgangsformat für maskierte Rasterobjekte, da Affinity die Unterstützung von Transparenz ausdrücklich dokumentiert. Bewahren Sie die bearbeitbaren Masken in der .af-Masterdatei auf und verwenden Sie die PNGs als fertige Bildobjekte. Unterstützte Dateiformate, Speichern

Prüfen Sie die Einstellung Mattierung des Exports, wenn die Ausgabe einen unerwünschten Hintergrund hat: Affinity definiert „Mattierung“ als die Hintergrundfarbe des exportierten Bildes. Prüfen Sie außerdem, ob die Zielgruppe ein undurchsichtiges Hintergrundobjekt enthält, da beim Export der vollständigen Gruppe auch dieses Objekt eingeschlossen wird. Exporteinstellungen

Gehen Sie nicht davon aus, dass 1x immer den vorhandenen Pixelmaßen des Dokuments entspricht. Affinity verknüpft die Skalierung von Slices mit der Dokument-DPI. Im dokumentierten Beispiel wird ein Dokument mit 64 × 64 Pixeln bei 144 DPI für 1x mit 32 × 32 Pixeln und für 2x mit 64 × 64 Pixeln exportiert. Prüfen Sie vor dem Export der gesamten Gruppe die angezeigten Exportmaße. Mit Slice Studio exportieren

Auch beim Wechsel zu einem Vektorcontainer ist Vorsicht geboten. Bei PDF, SVG und EPS bestimmt Affinitys Einstellung Rastern, was mit nicht unterstützten Gestaltungselementen geschieht. Nichts lässt nicht unterstützte Elemente aus; Nicht unterstützte Eigenschaften rastert diese Elemente; Alles rastert das gesamte Design. Die Wahl von SVG garantiert daher keine vollständig vektorbasierte, bearbeitbare Version eines maskierten Bildes. Exporteinstellungen

Unterscheiden Sie bei bearbeitbaren Austauschformaten die Einschränkungen von PSD und TIFF von der Aufgabe, PNGs bereitzustellen. Laut Affinity-Dokumentation wird Text beim PSD-Export gerastert. Die TIFF-Option Affinity-Ebenen speichern erhält Ebenen, die sich nur beim erneuten Öffnen in Affinity lesen lassen. Beides garantiert nicht, dass eine andere Anwendung die gesamte bearbeitbare Dokumentstruktur reproduziert. Unterstützte Dateiformate, Exporteinstellungen

Was sollten Sie prüfen, wenn ein Export fehlerhaft ist?

Gehen Sie diese Diagnoseschritte durch, bevor Sie das Dokument neu aufbauen:

  1. Andere Grafiken sind zu sehen: Prüfen Sie, ob der Slice mit dem Slice-Werkzeug gezeichnet wurde. Erstellen Sie ihn über „Ebenen exportieren“ aus dem vollständigen Ziel, um dessen Inhalt zu isolieren.
  2. Das maskierte Erscheinungsbild fehlt: Prüfen Sie, ob Sie ein untergeordnetes Element unterhalb des maskentragenden übergeordneten Elements oder nur die Maske ausgewählt haben. Erstellen Sie den Slice erneut aus dem vollständigen Ziel.
  3. Die Datei ist leer: Prüfen Sie Element im Export sichtbar machen, auch die Einstellung des übergeordneten Elements. Die Exportsichtbarkeit ist von der normalen Element-Sichtbarkeit getrennt.
  4. Die Begrenzungen haben sich unerwartet geändert: Wenn Sie einen über Ebenen erstellten Slice manuell angepasst haben, wählen Sie ihn mit dem Slice-Werkzeug aus und klicken Sie auf Auf automatisch angepasste Größe zurücksetzen.
  5. Die Pixelmaße stimmen nicht: Prüfen Sie die Dokument-DPI und den Maßstab des Slice, bevor Sie das Design ändern.

Diese Prüfungen entsprechen den dokumentierten Slice-, Sichtbarkeits- und Größensteuerungen. Mit Slice Studio exportieren, Bedienfeld „Ebenen exportieren“ (Slice Studio), Slices exportieren

Als Diagnosealternative für ein einzelnes problematisches Objekt können Sie den Exportdialog verwenden: Wählen Sie das vollständige Ziel aus, klicken Sie auf Datei > Exportieren > Exportieren, wählen Sie PNG und legen Sie unter Bereich die Option Nur Auswahl fest. Auswahlbereich schließt überlappende, nicht ausgewählte Ebenen ein; Nur Auswahl schließt sie aus. Exportieren Sie das Objekt, prüfen Sie das Ergebnis und kehren Sie anschließend zur Slice-Einrichtung zurück, sobald das Ziel korrekt ist. Exportdialog

Ein zuverlässiger Arbeitsablauf zum Extrahieren beginnt mit vollständigen maskierten Zielen, weist jedem einen eigenen, über Ebenen erstellten Slice zu und prüft eine exportierte Datei, bevor die ganze Gruppe verarbeitet wird. Sobald Maske, Transparenz, Begrenzungen und Pixelmaße zu den gewünschten Objekten passen, exportieren Sie die aktivierten Slices und speichern die bearbeitbare Masterdatei für spätere Änderungen.

Quellen