Zum Inhalt springen

Affinity-Arbeitsablauf

So exportierst du ein Logo aus Affinity für einen Kunden

Bereite die freigegebene Grafik vor, wähle passende native Exporte und liefere Dateien, die dein Kunde versteht.

Die kurze Antwort

Um ein kundenfertiges Logopaket aus Affinity zu exportieren, isoliere die freigegebenen Varianten, erstelle SVG- und Rasterdateien für Bildschirme, bereite die angeforderten Druckdateien vor und prüfe den Lieferordner. Affinity unterstützt bereits Stapelexporte in mehreren Formaten; ein separates Verpackungstool ist optional.

Vor dem Start: Prüfe deine Affinity-Version

Versionshinweis: Dieser Leitfaden unterscheidet die aktuelle vereinheitlichte Affinity-Desktop-App mit Slice Studio von Affinity Designer 2 mit Export Persona. Die Anweisungen wurden am 8. Oktober 2026 anhand offizieller Dokumentation geprüft, nicht durch einen praktischen App-Test.

1. Bereite eine Übergabekopie vor

Bewahre deine bearbeitbare Masterdatei auf. Trenne in einer Übergabekopie das freigegebene Hauptlogo, Symbol und die inverse Version in klar benannte Gruppen oder Zeichenflächen. Entferne verworfene Konzepte und Präsentationshintergründe aus den Exportbereichen.

Prüfe jede Begrenzung. Zu viel Leerraum kann das Logo zu klein wirken lassen, wenn ein Kunde es in eine Vorlage einfügt. Ein zu enger Zuschnitt kann Linien abschneiden. Entscheide, wie viel Innenabstand zum Asset gehört, und halte diese Entscheidung einheitlich.

Wandle Logoschrift in der Übergabekopie in Pfade um, wenn der Empfänger deine Schriften nicht benötigen soll. Behalte bearbeitbaren Text für Überarbeitungen in der Masterdatei. Vereinbare bearbeitbare Quelldateien separat; eine Reihe von Exporten ersetzt diese Übergabe nicht.

2. Exportiere und prüfe zuerst ein SVG

In der aktuellen Affinity-Desktop-App:

  1. Wähle das freigegebene Logo oder seine benannte Zeichenfläche.
  2. Wähle File > Export > Export.
  3. Wähle eine SVG-Vorgabe und prüfe Vorschau und Einstellungen.
  4. Setze Area auf die gewünschte Zeichenfläche oder Selection Only. Die separate Option Selection Area kann überlappende Objekte anderer Ebenen einschließen.
  5. Wähle Ask for Location, klicke auf Export und benenne und speichere die Datei.

Diese Einstellungen sind in Affinitys aktueller Anleitung zum Exportdialog dokumentiert.

Öffne das exportierte SVG im Browser und vergleiche Schrift, Punzen, Linien und Begrenzungen mit der freigegebenen Grafik. Prüfe Effekte und Transparenz besonders sorgfältig.

In Designer 2 enthalten die SVG-Einstellungen Export text as curves und Set viewBox. Die Einstellung Rasterise: Nothing kann nicht unterstützte Elemente weglassen; sie repariert keine inkompatiblen Grafiken. Prüfe das Ergebnis, statt anzunehmen, dass jedes SVG vollständig vektorbasiert bleibt. Siehe die Exporteinstellungen von Designer 2.

Weiterführende Artikel: aktuelle Anleitung zum Exportdialog · Exporteinstellungen von Designer 2

3. Stapelexport im aktuellen Affinity: Slice Studio

Verwende Slice Studio, wenn das Paket mehrere Formate oder Größen benötigt. Affinitys eigene Anleitung zur Logoübergabe beschreibt ausdrücklich den gemeinsamen Export von SVG, PNG in 1× und 2×, EPS und PDF. Plane für jede freigegebene Variante ein Slice und konfiguriere die zugehörigen Ausgaben. Affinity kann auch eine Exportdialog-Vorgabe zur Wiederverwendung in Slice Studio speichern.

Bei einer kleinen Lieferung sind einzelne Exporte möglicherweise leichter zu prüfen. Stapelexport wird nützlich, wenn sich die freigegebenen Entscheidungen wiederholen.

Weiterführende Artikel: Offizielle Affinity-Anleitung zur Logoübergabe · Affinity: Exportvorgaben speichern

Älteres Affinity Designer 2: Export Persona

Wechsle zu Export Persona. Wähle im Ebenenbereich eine Logogruppe und dann Create Slice. Klappe im Slices-Bereich das Slice auf, lege Exportformate und Größen fest, markiere die benötigten Slices und verwende Export Slices. Folge der Slice-Anleitung für Designer 2.

Ein aus einer Ebene erstelltes Slice exportiert deren Inhalt. Ein mit dem Slice Tool gezeichnetes Slice enthält sichtbare Inhalte innerhalb seines Bereichs, möglicherweise auch einen Präsentationshintergrund. Designer 2 unterstützt außerdem Ordnerpfade in Slice-Dateinamen. Laut Dokumentation wirken Skalierungsfaktoren mit den Dokument-DPI zusammen; prüfe daher die tatsächlichen Pixelmaße.

Weiterführende Artikel: Slice-Anleitung für Designer 2 · Überblick über Export Persona in Designer 2

4. Erstelle Bildschirm- und Druckausgaben bewusst

Bereite für gewöhnliche Websites ein SVG und transparente PNGs in den erforderlichen Pixelmaßen vor. Verwende sRGB für allgemeine Webübergaben. Füge JPG nur hinzu, wenn das Zielsystem ein Bild mit deckendem Hintergrund benötigt. Erkläre, welche Version auf dunklen Hintergründen verwendet werden soll.

Affinity unterstützt CMYK und professionelle PDF-Ausgabe. Frage die Druckerei vor der Auswahl der Einstellungen nach Farbprofil, PDF-Standard und möglichen Sonderfarbvorgaben. Die aktuelle App enthält PDF/X-1a:2003-, PDF/X-3:2003- und PDF/X-4-Vorgaben mit unterschiedlichen Standards; der Name einer Vorgabe allein bestätigt keine Eignung.

Prüfe Farb- und Schriftbehandlung des exportierten PDFs anhand dieses Briefings. Ergänze Anschnitt und Druckmarken, wenn das tatsächliche Drucklayout sie erfordert. Ein eigenständiges Logo-Asset benötigt nicht automatisch Schnittmarken. Kennzeichne produktionsspezifische Dateien klar, damit ein Kunde sie nicht mit allgemeinen Web-Assets verwechselt.

Weiterführende Artikel: Vergleich der Affinity-PDF-Vorgaben

5. Praxisbeispiel: eine kleine Kundenübergabe

Hypothetisches Beispiel: Cedar Studio gibt ein horizontales Logo und eine weiße inverse Version frei. Der Entwickler möchte ein PNG mit 240 Pixeln Anzeigebreite und ein 480 Pixel breites Bild für eine 2×-Platzierung. Die Druckerei verlangt ein CMYK-PDF mit einem bereitgestellten Profil.

Exportiere die Bildschirmdateien, öffne sie erneut und bereite und prüfe das Druckerei-PDF separat. Nenne das Druckprofil und den Einsatzzweck im Leitfaden. Diese Größen und Dateinamen veranschaulichen dieses Briefing; es sind keine allgemeinen Logoanforderungen.

Wenn die Anforderungen deines Kunden unklarer sind, beginne mit „Welche Logodateien solltest du einem Kunden übergeben?“.

Eine gezielte Lieferung könnte Folgendes enthalten:

Hypothetisches Kundenpaket
Digital/Cedar_Primary_RGB.svg
Digital/Cedar_Primary_Transparent_240px.png
Digital/Cedar_Primary_Transparent_480px.png
Digital/Cedar_White_Transparent_480px.png
Print/Cedar_Primary_CMYK.pdf
Readme/Cedar_Logo_Guide.pdf

6. Optional: Das geprüfte SVG mit logopack.app verpacken

Du kannst die Lieferung mit Affinity-Exporten und eigenen Ordnern zusammenstellen. Wenn du einen browserbasierten Verpackungsschritt möchtest, lade das geprüfte SVG auf logopack.app hoch, prüfe Varianten und Farben und kontrolliere das resultierende Paket.

Pro ergänzt eigene PNG- und JPG-Größen, JPG-Hintergrundoptionen sowie einen PDF-Logo-Leitfaden. Dieser kann die Assets begleiten und ihre Verwendung erklären; prüfe ihn vor der Übergabe.

Die CMYK-PDF-Logoausgabe von Pro unterstützt deckende SVG-Vektorgrafiken. Verläufe, Rasterbilder und Masken liegen außerhalb dieses Ablaufs; bei nicht unterstützten Grafiken gibt es keinen RGB-Rückfall. Es werden weder ein druckereispezifisches Ausgabeprofil noch eine PDF/X-Zertifizierung geliefert. Der separate PDF-Logo-Leitfaden bleibt RGB. Verwende Affinity für Produktionsanforderungen außerhalb des unterstützten Exports und kläre die Eignung mit der Druckerei.

Weiterführende Artikel: logopack.app

7. Prüfe das Paket, das der Kunde erhält

Entpacke die endgültige Lieferung in einen neuen Ordner und prüfe:

  • Schrift und Formen entsprechen der freigegebenen Grafik
  • PNG-Maße und Innenabstände entsprechen dem Briefing
  • Transparente und weiße Versionen funktionieren auf passenden Hintergründen
  • PDF-Farb- und Produktionseinstellungen erfüllen die Vorgaben des Dienstleisters
  • Dateinamen unterscheiden Varianten und Einsatzzwecke
  • Der Leitfaden benennt ein Standardlogo und erklärt die wichtigsten Formate
  • Verworfene Versionen und veraltete Dateien fehlen

IN DIE PRAXIS UMSETZEN

Bereit, dein Paket vorzubereiten?

logopack.app verwandelt bestehende SVG-Grafiken in ein geordnetes Logo-Paket. Sieh dir deine Dateien an, wähle die verfügbaren Exportoptionen und prüfe das Ergebnis vor der Übergabe. Für den Export eigener Logo- oder Icon-Dateien ist Pro erforderlich.

Starte mit dem Logo-Paket-Generator, entdecke die Beispiel-ZIP oder vergleiche die aktuellen Tarife.

Generator öffnen
← Alle LeitfädenKorrektur vorschlagen