Create a pop-up promo card

Create a pop-up promo card

Looking for a cheap and effective way to catch the attention of potential clients? Karen Lewis shows you how

  • Software InDesign CS6
  • Time needed Approx 1 hour
  • Skills
    • Master the basic pop-up formula
    • Use the Align panel in InDesign

When sending out promotional print mail to potential clients, you need to create something with impact that will leave a lasting impression and intrigue the recipient to find out more about you. A handmade pop-up card is a fun and light-hearted way to do this. Personal and innovative, it’s likely to help you stand out from the crowd.

In this tutorial I’ll explain how to make a pop-up card: we’ll bring type to life so that it jumps up and out of the page. Using InDesign CS6, we’ll create the template and add some simple effects to give the type impact. As well as explaining the basic pop-up formula, I’ll also cover some important tips for cutting and folding your card design.

The best thing about this process is that it’s not only effective, it’s also inexpensive and relatively quick to do – all you need is a printer, some basic tools and a steady hand.
 

01

01 To begin, first create a new document in InDesign. I’ve chosen to work with a standard A4 page so that the text won’t be too tricky to cut. Using the Pen tool, draw a dotted line horizontally through the centre to indicate where your page will fold in half. You can use the Align panel for this: select Align to Page, and click Vertical Centres to position the line accurately.
 

02

02 Next you need to decide what your pop-up text will say. If you keep it short and sweet with a simple introductory greeting like ‘Hi’, it will make your job easier, particularly if you are intending to send multiple cards. It’s also best to select a bold font as this makes a sturdier pop-up element. Create outlines of your text (Cmd/Ctrl+Shift+O), giving it a coloured stroke and a white fill, then separate your letters using the Direct Selection tool: select all the points of one letterform, copy and delete them, then paste them in place (Cmd/Ctrl+Opt/Alt+Shift+V).

03

03 To create a shadow effect, group, duplicate and offset your text (hold Cmd/Ctrl+Opt/Alt+Shift and drag it into position). Copy the original text, paste the copy in place and punch this through the offset text using the Subtract command in the Pathfinder panel. Set the fill colour of the punched shape, and use the Direct Selection tool to drag the corner points out to create a diagonal line and produce a 3D effect. Repeat this for all the necessary points.
 

04

04 To create the lined pattern I’ve used, draw a diagonal line with the Pen tool at your desired angle. Hold Cmd/Ctrl+Opt/Alt+Shift to duplicate the line, and drag the new one by the distance you want your lines to be spaced. Duplicate this action (Cmd/Ctrl+Opt/Alt+Shift) multiple times until the pattern fully covers your text. Select the lines, group and position them where you want them to go through the text. Then copy, delete and select your text, and paste it inside (Cmd/Ctrl+Opt/Alt+V). You can amend the style of your lines at any time by going to Object>Select>Content when your text is selected.
 

05

05 Next we need to position the type and add adjoining tabs that will enable the type to stand away from the page. Group your text elements, horizontally centring the group on the page. Drag it downwards (holding Shift) to the point you want it to pop out from. You then need to create tabs that are the same height measurement as this coming away from the top of your letters. I created boxes with a dashed stroke (weight 0.5pt and 10% black) to guide where to cut and fold. Now measure the distance between the stem of the ‘i’ and the tittle (the dot), and move the tittle, positioning it above the tab by the same measurement.

Computer Arts magazine subscriptions

Get our newsletter!

Sign up today to receive weekly design tips, as well as details of our latest issue the day it goes on sale!

CA Collection
Computer Arts Presents: The Design Studio Handbook

@computerarts

site stat collection