Spoon Graphics | Latest Blog Entry

How To Design a Print Ready Letterhead & Comp Slip

Posted: 07 Nov 2010 11:15 PM PST

Follow this step by step process of creating professional print ready design files for your letterhead and compliment slips stationery designs. We’ll build the design in Adobe Illustrator with the appropriate bleed and margin settings, then use a mix of Adobe Distiller and Adobe Acrobat to export and check over the final design files.

The letterhead and double sided comp slip designs for Jack’s are all tied together with the bright colour scheme and vertical stripes.

View the letterhead and comp slip designs

InDesign is often the application that springs to mind when people think of designing for print, but Illustrator actually has all the powerful print related tools you need to create simple print work. Seeing as I use Illustrator on a daily basis, I know my way around it much more than I do InDesign. Therefore I tend to use my own little rule that if a print project is just one or two pages I’ll use Illustrator, anything more like a booklet or brochure and I’ll make use of InDesign’s advanced paging tools.

If you’re considering using Photoshop. Stop right there! Although it’s quite possible to create print work entirely in Photoshop you really are better of laying up your design files in Illustrator or InDesign – These apps have built in support for setting up bleed, will render fonts much better and make it easy to export print ready PDF files. Use Photoshop for editing photos and making cool backgrounds but import these files as JPEGs into your print file.

Open up Adobe Illustrator and create a new document. This is where we’ll set up the file according to our print specifications. I’m working in ISO paper sizes and millimeters here as that’s what I’m used to, but I know US folk use Letter proportions and inches. Consult with the printer you’ll be using to check what dimensions and bleed are required. An A4 page is 210x297mm, and most printers require 3mm bleed on each side. Make sure the Color Mode is set to CMYK (‘cos we’re designing for print) and set the Raster Effects to 300ppi (we’re not using any Raster Effects today, but this will make sure your Drop Shadows etc come out nice and smooth).

You can see the A4 document size with the 3mm bleed margin in red. One other margin we’ll need is our ‘safe zone’, this ensures our page elements aren’t so close to the edge that they’re at risk of falling off and generally helps balance your design. Drag margins to each edge of the artboard. Select the left and bottom margins and hit Enter. Input 10mm in both fields, then select the top and right margins, hit Enter and input -10mm.

A nice colour scheme is crucial for any design. If you’re working on a stationery project chances are you’ll be using the company’s corporate colours. Here I’ve found a nice and bright palette from ColourLovers. In a new document draw a long rectangle.

Select the first colour from your palette and draw a series of randomly sized rectangles vertically across the larger rectangle.

Select the next colour from your palette and draw more random rectangles. Continue this process until the whole area is filled with lots of lines.

Select the background rectangle and make a copy (CMD+C), then group all the objects together. Paste in a duplicate of the rectangle using the Paste in Front command (CMD+F), clear out the fill then select this along with the group and click the Crop button from the Pathfinder palette. (Turn on tooltips in Preferences to see the icon names).

Paste a copy of the clipped series of rectangles into the Letterhead design file. Draw a thin rectangle within the bleed area across the top of the design, then use the Direct Selection Tool to move one of the corner points upwards to create a diagonal bottom edge.

Select this shape along with the grouped lines and click the Crop button from the Pathfinder palette to trim down the lines to the confines of the masking shape.

Use the Pen tool to place a point on the bottom left and bottom right edges to trace the angle of the diagonal line, then complete the shape to leave a thin angled rectangle.

Fill this thin rectangle with a black to transparent gradient, then use the Gradient adjustment tool to rotate the angle so the gradient flows exactly perpendicular to the bottom edge. This gradient adds a subtle shading effect which really enhances the design.

Paste in the company logo in the top left and align it to the safe margins. The Jack’s logo I’ve created is a simple circle filled with the darker pink from the colour palette with the name set out in the fun hand-written font of Freehand 575.

The company contact details are then laid out in Helvetica Condensed Light at 12pt with a large leading of 24pt to give a nice amount of breathing space around each line.

Copy and paste the series of lines from the top edge of the page, rotate them by 180 degrees and position them along the bottom edge. We don’t want the footer design to take up quite as much space, so align the diagonal line with the 10mm safety margin. Draw a rectangle to cover the lines up to the bottom bleed margin, then use this along with the Pathfinder palette to crop the footer to size.

That’s the letterhead complete! The design includes some creative additions but still leaves plenty of space for the actual page content.

Create a new document for the comp slip. The general size here in the UK is 1/3 of an A4 page (210x99mm). Our cool client from Jack’s has agreed to splash out and has allowed us to create a double sided comp slip design, so make sure change the settings to 2 artboards.

For the reverse side of the compliment slip we’ll fill the whole page with that cool lined design. Paste in the original graphic, then select the Rectangle tool and click on the artboard. Enter the dimensions of 216x105mm (basic comp slip size plus 3mm bleed on each edge).

Align the rectangle to the artboard using the Align palette (change the settings under the Align To icon), then to move it within the red bleed margin hit the Enter key and input -3mm and 3mm in the horizontal and vertical fields.

Use the Crop feature from the Pathfinder to trim the design to size. This background design needs to fit within the bleed area rather than the main artboard so no thin white edges of paper appear if the printed document shifts slightly when the document is guillotined to size.

Typically comp slips contain the same design as used on the letterhead, so paste in the objects from the letterhead file and move them into place on the document.

One everything is saved, approved and ready to send to the printer head to File > Print in your design files.

In the print dialogue box change the Printer drop down to Adobe Postscript File. Note: You can also print directly to PDF, see my other business card tutorials for the step by step.

Move down to Marks and Bleed in the options and check the Trim Marks and Registration Marks boxes.

Move back to the General options section and change the Media Size to Custom. In the preview window you should see the print area has expanded to include the print marks.

Save the file, then open up Adobe Distiller. Change the drop down setting to Press Quality then drag the postscript files into the Distiller window.

Distiller will save print ready PDF files into your folder. Open them up in Acrobat to check over the final details before sending them off to your printer. You’ll notice the double sided comp slip is all combined together into a two page PDF file.

Download the source file