Photoshop – Data Driven Graphics

What is ‘Data Driven Graphics’?

Data-driven graphics make it possible to produce multiple versions of an image quickly and accurately for print or web projects. For example, you can produce 100 versions of a web banner with different text and images, all based on a template design.

In the following tutorial we are going to read data from a CSV file and automatically create a banner for every row contained in the below dataset.

Step 1

In our example, we have two layers named as ‘Christmas Tree’ and ‘Background’ acting together as a very simplistic postcard. Yes, it is very simple.

Capture

Step 2

If we open our sample dataset (the CSV Excel file), we can notice that our database is divided into four columns which are the “Name”, “Surname”, “Street” and “Country”. Do you agree that we need to link Photoshop with this database? Yes? Good. Let’s proceed to the next step.

Capture