Seriengrafiken mit Photoshop-Datenvariablen und CSV-Datei erstellen

Montagvormittag, die Produktaktion startet am Nachmittag: Für zwölf Produkte fehlen noch Motive in mehreren Sprachversionen, jeweils mit anderem Bild, Preis und Claim. Das Grundlayout steht zwar, doch nun jede Datei zu duplizieren und Textfelder einzeln anzupassen, kostet Zeit und produziert leicht Fehler. Photoshop-Datenvariablen bieten für genau solche Aufgaben einen strukturierten Weg: Du baust ein Masterlayout, hinterlegst wechselnde Inhalte in einer CSV-Datei und erzeugst daraus Datensätze für alle Varianten.

Das Verfahren eignet sich besonders für Marketing-Teams, die wiederkehrende Formate produzieren: Produktaktionen, regionale Kampagnen, Preislisten, Social-Media-Motive, Filialkommunikation oder Anzeigen mit unterschiedlichen Angebotsdaten. Wichtig ist dabei eine realistische Erwartung: Datenvariablen automatisieren den Austausch klar definierter Inhalte. Sie ersetzen keine durchdachte Gestaltung und prüfen nicht, ob ein langer Produktname im Layout noch gut aussieht.

Was Photoshop-Datenvariablen leisten

In Photoshop kannst du Ebenen als variabel definieren. Drei Arten stehen im Mittelpunkt:

• Textvariable: Ersetzt den Inhalt einer Textebene, etwa Produktname, Preis, Claim oder Ortsname.
• Pixelersetzungsvariable: Tauscht den Bildinhalt einer dafür vorbereiteten Pixelebene aus, etwa ein Produktfoto.
• Sichtbarkeitsvariable: Blendet Ebenen je nach Datensatz ein oder aus, etwa Sprachhinweise, Aktionsstörer oder Produktmerkmale.

Ein Datensatz bündelt die konkreten Werte einer Variante. Ein Beispiel: Datensatz „München_DE_Produkt_01“ enthält den deutschen Produktnamen, den Preis, den passenden Claim und den Pfad zum Produktbild. Der nächste Datensatz liefert die Werte für Produkt 02 oder eine andere Region.

Der Vorteil liegt nicht nur in der Geschwindigkeit. Alle Varianten basieren auf derselben PSD und folgen damit denselben Regeln für Schrift, Abstände, Farben und Ausgabegröße. Das reduziert Abweichungen, die bei vielen manuell angelegten Dateien fast zwangsläufig entstehen.

Für Kampagnen mit unterschiedlichen Seitenverhältnissen kombinierst du diesen Ansatz sinnvoll mit Zeichenflächen für LinkedIn, Instagram und Display-Banner. Plane aber im Vorfeld, ob du pro Format eine eigene Masterdatei pflegst oder ob dein Layout bewusst für ein einheitliches Verhältnis angelegt ist.

Das Masterlayout sorgfältig vorbereiten

Bevor du eine CSV-Datei anlegst, muss deine PSD sauber strukturiert sein. Das ist der entscheidende Teil der Arbeit. Datenvariablen funktionieren zuverlässig, wenn Ebenen eindeutig benannt und ihre Aufgaben klar getrennt sind.

Lege für jeden dynamischen Inhalt eine eigene Ebene an. Für ein typisches Angebotsmotiv könnten das diese Ebenen sein:

• Produktbild
• Produktname
• Preis
• Aktionsclaim
• Standort oder Sprache
• optionaler Aktionsstörer
• optionales rechtliches Zusatzfeld

Gib diesen Ebenen verständliche Namen wie „txt_produktname“, „txt_preis“ oder „img_produkt“. Vermeide Namen wie „Ebene 23 Kopie“, denn spätestens bei der Übergabe im Team verliert sonst jemand den Überblick. Wie du auch umfangreiche Dateien handhabbar hältst, zeigen wir im Beitrag Große Dateien organisieren: Ebenen, Gruppen, Benennung.

Statische Gestaltungselemente wie Hintergrund, Logo, Farbflächen oder feste Icons bleiben unverändert. Sie gehören ebenfalls in logisch benannte Gruppen, werden aber nicht als Variablen angelegt. So bleibt klar erkennbar, was sich pro Datensatz ändert und was unverrückbarer Bestandteil des Templates ist.

Für Produktbilder solltest du ausreichend Platz einplanen. Unterschiedliche Bildmotive haben unterschiedliche Ausschnitte, Perspektiven und Freistellungsränder. Ein Hochformat einer Flasche verhält sich im Layout anders als eine breite Verpackung. Pixelersetzung tauscht zwar das Bild aus, sie trifft aber keine gestalterische Entscheidung über den perfekten Ausschnitt. Teste daher schon mit mehreren repräsentativen Motiven.

Variablen in Photoshop definieren

Öffne in Photoshop den Dialog für Variablen über „Bild“ und „Variablen“ und wähle „Definieren“. Dort legst du für die jeweils aktive Ebene fest, ob sie einen variablen Inhalt erhält.

Bei Textebenen aktivierst du die Textvariable und vergibst einen eindeutigen Variablennamen, beispielsweise „produktname“, „preis“ oder „claim“. Dieser Name muss später exakt zur Spaltenüberschrift deiner CSV-Datei passen. Groß- und Kleinschreibung, Leerzeichen und Sonderzeichen sind unnötige Fehlerquellen. Wir empfehlen kurze, technisch eindeutige Namen mit Kleinbuchstaben und Unterstrichen.

Für ein austauschbares Produktbild verwendest du die Pixelersetzung. Die Bildebene sollte dafür passend vorbereitet sein. Achte darauf, dass das Motiv im Masterlayout sinnvoll positioniert ist und der Bildbereich den vorgesehenen Ausschnitt vorgibt. Gerade bei freigestellten Objekten lohnt es sich, die gelieferten Dateien vorab zu prüfen: Transparenz, Schatten und Ränder müssen über alle Bilder hinweg vergleichbar sein.

Eine Sichtbarkeitsvariable ist hilfreich, wenn bestimmte Elemente nur in einigen Varianten vorkommen. Denkbar sind etwa ein Badge „Neu“, ein Hinweis auf eine regionale Aktion oder ein englischer Zusatztext. Lege dafür nicht mehrere fast identische PSD-Dateien an. Eine klar definierte Sichtbarkeitsregel im Datensatz ist meist robuster.

Die CSV-Datei richtig aufbauen

Die CSV-Datei ist die Datengrundlage deiner Seriengrafiken. Jede Zeile entspricht einem Datensatz, jede Spalte einer Variable. Zusätzlich kannst du die erste Spalte zur Benennung der Datensätze verwenden. Beim Import wählst du dann die passende Option, damit Photoshop diese erste Spalte als Datensatznamen interpretiert.

Ein vereinfachter Aufbau sieht so aus:

Datensatz	produktname	preis	claim	produktbild
produkt_01_de	Trinkflasche Grün	19,90 €	Für unterwegs	bilder/trinkflasche_gruen.png
produkt_02_de	Lunchbox Blau	14,90 €	Praktisch verpackt	bilder/lunchbox_blau.png
produkt_01_en	Bottle Green	€19.90	Ready to go	bilder/trinkflasche_gruen.png

Die Spaltenüberschriften müssen den in Photoshop definierten Variablennamen entsprechen. Die Datensatzspalte dient dagegen nur zur eindeutigen Identifikation, sofern du sie beim Import entsprechend festlegst.

Achte auf diese Punkte:

• Speichere die Datei als CSV mit UTF-8-Kodierung, damit Umlaute, €-Zeichen und Sonderzeichen korrekt übernommen werden.
• Verwende ein einheitliches Trennzeichen und teste den Import mit wenigen Zeilen, bevor du alle Daten einspielst.
• Setze Text mit Kommas oder Anführungszeichen sauber in Anführungszeichen, damit Spalten nicht versehentlich verschoben werden.
• Prüfe Bildpfade besonders sorgfältig. Verschobene Ordner oder abweichende Dateinamen führen zu fehlenden Motiven.
• Lass keine ungewollten Leerzeichen vor oder nach Preisen, Namen und Claims stehen.

In der Praxis entstehen viele Probleme nicht in Photoshop, sondern bereits in der Tabellenpflege. Wenn mehrere Personen Inhalte zuliefern, sollte eindeutig geregelt sein, wer Produktnamen freigibt, wer Preise prüft und wer Bilddateien bereitstellt. Für wiederkehrende Produktionsabläufe helfen verbindliche Regeln, wie wir sie auch in unserem Beitrag Bildbearbeitung im Team: Standards und Vorlagen beschreiben.

Datensätze importieren und prüfen

Nach dem Definieren der Variablen öffnest du wieder den Variablen-Dialog und wechselst zu „Datensätze“. Dort importierst du die vorbereitete CSV-Datei. Photoshop ordnet die Spalten den Variablen anhand der Namen zu.

Importiere zunächst bewusst nur einen kleinen Testbestand oder arbeite mit einer Test-CSV. Prüfe danach mehrere Datensätze im Dialog:

• Sind alle Texte vollständig und korrekt?
• Werden Umlaute, Währungssymbole und Sonderzeichen richtig dargestellt?
• Lädt Photoshop die vorgesehenen Bilder?
• Passen Bildausschnitt und Skalierung?
• Ragen lange Namen oder Claims aus dem vorgesehenen Bereich?
• Werden optionale Ebenen richtig ein- und ausgeblendet?

Besonders bei Preisen lohnt sich die Kontrolle durch eine zweite Person. Photoshop übernimmt exakt den Inhalt aus der CSV-Datei. Ein fehlendes Komma, eine falsche Währung oder ein nicht aktualisierter Aktionspreis wird nicht automatisch erkannt.

Textvariablen passen die Schriftgröße nicht intelligent an den verfügbaren Raum an. Plane deshalb ausreichend Platz ein und lege im Team verbindliche Zeichengrenzen fest. Falls sehr lange Produktnamen unvermeidbar sind, brauchst du entweder eine zweite Layoutvariante oder einen bewusst dafür vorgesehenen kleineren Schriftschnitt. Für die schnelle manuelle Korrektur einzelner Ausnahmen sind solide Photoshop-Tastenkombinationen weiterhin nützlich.

Alle Varianten als Dateien ausgeben

Wenn die Datensätze geprüft sind, exportierst du sie über die Funktion „Datensätze als Dateien“. Lege einen eindeutigen Ausgabeordner fest und wähle ein passendes Dateiformat. Für die digitale Ausspielung sind JPEG oder PNG oft sinnvoll, für spätere Weiterverarbeitung kann zusätzlich eine PSD-Ausgabe sinnvoll sein.

Die Dateinamen sollten sich aus klaren Bestandteilen zusammensetzen, etwa Kampagnenname, Format, Sprache und Datensatzname. So findest du Varianten später wieder und kannst sie zuverlässig an Media, Vertrieb oder externe Partner übergeben.

Prüfe vor dem finalen Export zudem Farbprofil, Pixelmaße und Komprimierung. Eine korrekt erzeugte Serie nützt wenig, wenn die Dateien für den vorgesehenen Kanal zu groß, zu klein oder farblich ungeeignet sind. Die wichtigsten Grundlagen dazu findest du in unserem Beitrag Richtig exportieren: für Web und Druck.

Ein Workflow, der auch bei Änderungen stabil bleibt

Bewahre Master-PSD, CSV-Datei, Bildquellen und exportierte Ergebnisse in einer nachvollziehbaren Ordnerstruktur auf. Ändert sich ein Preis oder ein Claim, aktualisierst du die CSV-Datei, importierst die Datensätze erneut und exportierst die Serie kontrolliert. So vermeidest du, dass in einzelnen manuell bearbeiteten Dateien alte Informationen zurückbleiben.

Für umfangreiche Produktionen empfehlen wir bei uns außerdem eine kurze Freigabeschleife mit Kontaktbogen oder Stichproben. Kontrolliere nicht nur die erste und letzte Variante, sondern gezielt Sonderfälle: längste Texte, ungewöhnliche Bildformate, Fremdsprachen und Datensätze mit optionalen Elementen.

Photoshop-Datenvariablen sind keine Lösung für jede Gestaltungssituation. Wenn sich Layout, Bildausschnitt oder Textmenge von Variante zu Variante stark unterscheiden, ist ein anderes Template oder ein anderer Produktionsweg oft sinnvoller. Für klar wiederkehrende Motive sind sie jedoch ein sehr wirkungsvolles Werkzeug: weniger Routinearbeit, mehr Konsistenz und ein nachvollziehbarer Prozess für das gesamte Team.

Wenn du diesen Workflow mit eigenen Kampagnenvorlagen, Bildmaterial und realistischen Teamabläufen trainieren möchtest, findest du passende Seminare und Termine bei uns auf cmt.de.