Designer müssen häufig eine große Anzahl an Dateien erstellen die sich zwar inhaltlich unterscheiden, vom verwendeten Raster oder der Gestaltung jedoch weitestgehend gleich bleiben sollen.
Als Beispiel sei hier eine Einladungskarte genannt, die über individuelle Namen und Anschriften verfügt. Alle Dateien einzeln in Photoshop zu erstellen ist ein zeitaufwändiger und langweiliger Arbeitsprozess den wir natürlich vermeiden wollen. Mit Microsoft Excel sowie der Möglichkeit in Photoshop Variablen zu verwenden lässt sich ein automatisierter Prozess starten der alle unliebsamen Aufgaben für uns erledigt.
Wie das im Handumdrehen funktioniert zeige ich Euch in diesem Screencast mit anschließender Checkliste zur Nachbereitung. Viel Spass mit Data Driven Images und einer weitestgehend unbekannten Funktion in Photoshop!

Screencast

In diesem Screencast werde ich Euch zeigen wie ich eine Reihe von Grafiken mit einem Excel-Datensatz erstelle. Als einigermaßen praxisnahes Beispiel habe ich mir folgendes ausgedacht: Ich möchte eine Auswahl von Websites aus meinem Portfolio präsentieren um diese später für Bewerbungen oder ähnliches weiterverwenden zu können. Es ändern sich jeweils der Name der Seite, der Screenshot, die Domain und eine individuelle Beschreibung der Seite - die Grundgestaltung bleibt hingegen immer gleich.

Checklist

Um Euch die Arbeit mit Data Driven Images, Photoshop und Excel in Zukunft zu erleichtern habe ich noch eine Checkliste erstellt die in Schnellform beschreibt in welcher Reihenfolge Ihr welche Punkte beachten solltet. Sollten dennoch Fragen auftauchen, so ist wie immer in den Kommentaren Platz dafür.

1. Photoshop-Datei erstellen
   Achtet darauf die Ebenen eindeutig zu benennen. Das erleichtert Euch anschließend die Zuordnung der Variablen.
2. Variablen Definieren
   "Bild → Variablen → Definieren..."
   Wählt zunächst "Define" aus und vergebt anschließend für alle Ebenen die über einen Datensatz geändert werden sollen eine Variable. Beachtet hier schon, dass die Variablen der ersten Zeile Eurer Excel-Tabelle entsprechen müssen damit die Zuordnung funktioniert. Den Namen passt Ihr entsprechend an und wählt aus welcher Variablen-Typ verwendet werden soll.
3. Excel-Tabelle erstellen
   In der ersten Zeile stehen die Namen der verschiedenen Variablen. Natürlich jeweils eine in jeder Zelle. Darunter füllt Ihre Eure Tabelle mit den gewünschten Daten. Achtet darauf, dass keine Felder leer bleiben.
4. CSV-Datei exportieren und bearbeiten
   Speichert die Tabelle als *.csv-Datei ab und öffnet sie anschließend mit einem Texteditor. Da Excel die verschiedenen Werte mit Semikolons trennt, Photoshop aber nur Kommata oder Tabulatoren als Trennzeichen erkennt müssen wir mit "Suchen und ersetzen" die Semikolons in Tabulatoren umwandeln.
5. Datensatz importieren
   "Datei → Importieren → Variablen-Datensätze".
   Wählt die abgespeicherte *.csv-Datei aus und wählt als Encoding-Option "Automatisch". Achtet darauf, dass die Checkbox "Erste Tabellenzeile als Datensatznamen verwenden" aktiviert ist.
6. Datensatz testen
   Wählt nun "Bild → Variablen → Datensätze" um Eure importierten Datensätze zu testen. Über die Vorschaufunktion könnt Ihr der Reihe nach die Verschiedenen Datensätze kontrollieren.
7. Datensatz exportieren
   Um einzelne Dateien zu generieren wählt Ihr nun "Datei → Exportieren → Datensatz als Dateien...". Im folgenden Dialog gebt Ihr nur noch einen Dateinamen und den Speicherort an. Leider erstellt Photoshop nur *.psd-Dateien. Um eine Liste anderen Formats zu erstellen müsste anschließen eine Stapelverarbeitung das Dateiformat umwandeln.

Deine Meinung ist wichtig!

Kanntet Ihr die hier beschriebene Möglichkeit Excel-Datensätze in Photoshop zu laden und werdet Ihr sie in Euren aktiven Workflow mit aufnehmen? Funktioniert etwas nicht so wie beschrieben oder geht es auch einfacher? Dann her mit Euren Tipps und Anregungen!

Besonders wichtig finde ich ob Ihr Screencasts dieser Art generell sehen wollt. Ich werde natürlich versuchen in Zukunft die Screencasts professioneller (vor allem in Bezug auf die Tonqualität/Sprache) zu gestalten.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Hier findet Ihr 17 von mir erstellte Page-Icons zum kostenlosen Download.
Das Icons-Set umfasst verschiedene Icons wie Upload, Download, PDF, Excel, Word, Kontakt, E-Mail etc. die Ihr sicherlich im ein oder anderen Projekt verwenden könnt.

Icon-Set herunterladen

Das Set unterliegt folgenden Lizenzbestimmungen: Creative Commons Namensnennung 3.0 Unported License

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.