Algonquin College Graphic Design Program Computer Graphics Course Curriculum Algonquin College Graphic Design Program Computer Graphics Course Curriculum

Data Merge Liberals

Apps Used: Adobe InDesign

We will produce business cards for a large number of individuals working for the same organization using data merge functionality in Adobe InDesign.

This is a formative assignment

That means that you'll be learning and practising new software skills. This assignment contributes to your final grade in the course. This work will be graded as either:

Complete Incomplete

If needed, I will provide written feedback on your performance.

Topics

Why Use Data Merge?

If your studio is approached by a client who needs many variations of one document created, a manual solution is not realistic. The time spent would be too long, thus too expensive. Also it’s too easy to make mistakes when dealing with so much data manually.

Using the Data Merge feature in InDesign may be a solution. The process requires a bit of setup the first time around, but it’s much easier to deal with repeat orders. All we need to do is edit a spreadsheet. Dealing with a spreadsheet is much easier than working in InDesign. It’s easier to sort content, spot duplicates or delete entries.

Types of Variable Data

The basic variable data is text. InDesign will go through a .csv file row by row and replace the content in the InDesign document with the content from the .csv file.

indesign-data-merge-types-of-variables

The second type of variable is an image swap. InDesign will go through the .csv file row by row and swap out images based on the path to a folder on images in the .csv.

InDesign File Setup

The InDesign file needs to be built with placeholder content. Create all the text and image frames you would usually create to design your business card. Use a Adobe Fonts sans serif in your design.

indesign-data-merge-document-setup

Create your whole design on a Parent Page. This will make it that if you need to edit after the fact, you can do your edits on the Parent. As you can see, rather than typing in the individual’s info, we’ve entered the column headers in their places. This makes it easier to identify things as we work.

indesign-data-merge-master-design

Consider that when the data is swapped, some text may be longer or shorter. Your design needs to accomodate longer or shorter text for each data point.

Make sure you create a Paragraph Style for each bit of text. This will make editing easier. If ever a piece of text is too long, you can make the text smaller in the style sheet to accomodate available space.

Perform a Save As… on the document. Name the new document Placeholders.indd. In this file, empty out the images from the frames.

indesign-data-merge-empty-document

.csv File Setup

In your .csv file, a column is a variable and a row is a record. That means that each column lists a specified type of data. It will either be text or an image. Each row is a set of related data.

Name the column headers carefully. It’s important to be able to recognize where the variable will end up on the page in InDesign.

indesign-data-merge-spreadsheet

Make sure you type an @ symbol before the name of a photo variable for InDesign to recognize it as an image swap variable. If you’re working in Excel, you’ll need to place a quote mark before the @ symbol, so “@photo. Or you could just not use Excel. There are many better alternatives, like Apple Numbers and Google Sheets.

indesign-data-merge-images-paths

When you save your .csv to your images folder, name it with a hyphen or an underscore before its name, like -data.csv. This will make it be at the top of the file list in Finder.

Since the list of images in the .csv file is actually a file path from the .csv to the images, it’s easiest to simply place the .csv right in the images folder. If you were to place the .csv outside the images folder, you would need to prepend the image list with “images/…” like you do when you’re building a web site.

Connect To Our .csv File

To connect to our .csv file, we need to use the Data Merge Panel. Window > Utilities > Data Merge

indesign-data-merge-panel-blank

Go to the panel menu, the choose Select Data Source… Open the .csv file. The list of variables will appear in the panel.

indesign-data-merge-panel-loaded

Highlight some text, then click on its variable in the panel. That will bind the variable to those characters. When it comes to an image, select the frame, then click on its variable in the panel.

indesign-data-merge-placeholders-template

All the variables are now wrapped like this « variable ».

Images

Click on a frame on the page which is a container for an image. Cick on its variable in the panel to attribute that variable to the frame. That’s it. Now the variable is bound to the image frame.

indesign-data-merge-image-frame-panel

Previewing Results

Now that everything is set up, InDesign allows us to preview the result. Use forward and back buttons at the bottom of the Data Merge Panel. You can spot errors, then fix them.

indesign-data-merge-panel-preview

The most common errors are overset text and character enconding errors. Look out for the + symbol, which is overset text. Make your text frame longer to resolve this.

If you get strange characters in your text in the pace of accented characters, this is an encoding error. You need to make sure your .csv file was save with macOS Roman encoding. Excel is not very good at this. I suggest you either use Apple Numbers or Google Sheets for this exercise.

Output the Document

At this point, we’ve completed the Data Merge process. The document is considered merged with the data file. Now we need to know the intent for the file. Are they business cards to be sent to press? Are they web banners to be output as .gif files? We output differently depending on the intent. In our case we can output an InDesign document with a record on each page. To do so, click on the button in the panel (or go Create Merged Document from the panel menu).

indesign-data-merge-create-merged-document

Once you click OK, InDesign creates a new document. If you look at the Pages Panel, you’ll see as many document pages as there were records in the .csv file.

indesign-data-merge-pages-panel-completed

Now that this is done, you can output this however you want. You can simply use the Package function to gather all related assets and produce a PDF file all at once.

Formative Activity

We’ll build the business cards for the Liberal party together.

Supplemental Links

What you'll submit:

Instructions

Make sure your InDesign document is named LastName-FirstName-#-Assignment-Name. # is your group number So,

Appleseed-Johnny-1-Data Merge Liberals.indd

Check your font usage to only include Adobe Fonts. To do so, go Type > Find Fonts . There should only be Adobe Fonts in the list.

Check your image usage in the Links panel. Make sure there are no warning icons in the panel.

Once this is done, save your document, then package it using File > Package . The resulting folder will already be named properly. Zip-compress the folder by right-clicking on it, then choosing Compress... .

Appleseed-Johnny-#-Data Merge Liberals.zip

Failure to submit your files as directed will incur a proportional loss of points. If your file/folder is not named with your name, you will earn a zero. Why?