Computer Arts Letterhead Tutorial

Page 1

| TUTORIAL

TIME NEEDED

2 hours SKILLS

• Type tool in InDesign • Swatches palette in InDesign INFO

Tom Sewell is a designer and art director at Red Design. He has worked for such clients as Emap, Sony and the fashion house Tanner Krolle. To find out more information see www. red-design.co.uk.

INDESIGN • ACROBAT • WORD

LETTERHEAD DESIGN Letterhead design is the bread and butter of any graphic designer’s work, but it’s not easy. We show you how to design a beautiful letterhead for output as conventional litho and use as a Word file by office staff Creating functional and beautiful letterheads requires a sympathetic balance of elements and a solid knowledge of the structure of grid systems. They can have a simple, restrained beauty that any design afficionado will enjoy, and exercise a designer’s core skills in typography, layout and colour. Additionally, if you’re designing for a large company, you need to ensure that your letterhead is adaptable for use by office staff and output from a laser printer. In this tutorial I show you how to lay out an A4 letterhead, choose type sympathetic to a company’s logo, and select paper stocks and print techniques. I will also demonstrate how easy it is to convert your design into a Word document for internal office use. Tutorial and photo by Tom Sewell

Collate your copy and work out what’s going to be appearing on your letterhead. The possibilities include contact details, a VAT number and, of course, the company’s logo. For this tutorial I’m designing Red’s own stationery so I need to incorporate our branding.

1

|

72 December 2007

ART143.tut_3 72

6/11/07 16:19:19


TUTORIAL |

Launch InDesign and create a document with pages that are A4sized. Of course, you could work at another size, but whatever you produce will have to be printed on by the end user, and A4 is far and away the standard size for office printers.

2

A good rule of thumb when deciding type sizes is to base them on multiples of two. So if your logotype is in 14pt, set supporting type (contact details for example) in 7pt. To keep your design really clean, try to never use more than two type sizes in one design.

6 7

3

Set your margins and grid. At Red we’ve worked out quite a strict grid based on seven columns and seven rows. Our left margin is 11mm, our right 17mm, bottom 16mm and top 33mm. These offset margins ensure that the layout is quite dynamic.

Experiment with the layout until the balance is right. Keep to the structure of your grid. You will want to give the logo priority while the contact details will probably be less important than the main content of the letter, which you should mock up with dummy text.

It’s best to work in black and white until your layout is perfected, but once that’s done colour can add great impact. Consider using really lightcoloured paper or even flooding the back with a flat colour for contrast. Your letterhead is a physical object, so print variations and make mock-ups.

8

4

Draw up your grid. Seven columns and seven rows should provide adequate structure while allowing for significant flexibility in your design. With this many grid areas, it’s good to use quite a thin gutter. In this case I’ve decided to have 3mm.

5

It’s important to choose a typeface that complements your logo. Red’s logo is in Akzidenz-Grotesk so I’m going to use the same font for my supporting type. A good option if you have a sans-serif logotype is to team it with a classic serif like Garamond.

9

Once you’ve chosen your colours you can make the most of a onecolour job by using a spot colour, which will look much better than CMYK. Use a Pantone swatch book so you know for sure what spot colours look like when they are printed.

December 2007

ART143.tut_3 73

| 73

6/11/07 16:19:24


| TUTORIAL

INDESIGN • ACROBAT • WORD

13

Choosing the right paper stock is vital. It’s inadvisable to go much lighter than 80gsm or much heavier than 150gsm. But think about the finish – coated or uncoated? Is it a coloured stock or even duplexed? At Red we use a stock with an uncoated front and a coated back.

10

To add your chosen colour to your document, choose New Colour Swatch from the flyout on the Swatches palette. For Colour Type choose Spot, for Colour Mode use the relevant Pantone set, then select your colour. Click OK to add it to your Swatches, then use it in your layout.

14

Ask your client how many letterheads they’re going to want (500 or 1,000 is a standard number) and get a couple of printers to quote on the job. This should save the client some money – it’s not unusual for printers’ prices to differ widely for the same job.

11

Go to File>Export and save your file as a PDF. Choose the Press setting and InDesign will automatically export your file as a printready PDF. It’s a good idea to add trim marks and, if you’re having anything bleeding off the edge, bleed marks. A bleed of 3mm should suffice.

BE GREEN If your client is a large business, the number of letterheads they use could have considerable environmental impact. Try to source your print through a printer with

If you have Adobe Acrobat you can double-check that your spot colour has been exported correctly. Open your PDF and go to Advanced>Print Production> Output Preview. This brings up a dialog that shows the colour values underneath wherever you put you cursor – a really useful feature.

12

74

|

ART143.tut_3 74

environmental accreditation. These are few and far between, but more and more printers are recognising the need for change.

To make your letterhead work in Word, you have to place the elements as images. Open your high-res PDF in Photoshop. You can set the resolution you want in the dialog box that pops up. In this instance we want 300dpi.

15

December 2007

6/11/07 16:19:36


16

20

Convert your colour image to black and white by choosing Image> Mode>Grayscale. If your colours look a bit flat and washed out as grays, increase the contrast. Avoiding subtle grays or gradients will ensure a more faithful reproduction of your design when it is printed from an office printer.

Repeat these steps until all the desired elements have been inserted. Word is not really built for perfect page layout so you will have to move and resize things by eye in order to get your layout to match your InDesign document.

Use the Marquee tool to draw a horizontal strip containing one of the areas of your letterhead. Use Image/Crop, then save this area as an RGB JPEG – Word will not recognise CMYK images. Do this for all the areas of your letterhead.

17

GO FURTHER If you persuade your client to let you design address labels too, base them on the layout of the letterhead, use the same spot colour, and white the text out of it to create contrast. You could even custommake envelopes using a sympathetically coloured stock.

Create a Word document. Choose File>Page Setup and select A4. Now choose Format>Document and set the margins so they are the same as your InDesign file.

If you want to replicate your InDesign layout as closely as possible, print your InDesign document and keep printing your Word document as you make changes until the printouts match.

21

18

PAPER TIPS I’ve talked about using

19

With your text cursor at the top left, choose Insert>Picture> From File and choose the first of your elements to insert. To insert a text field use Insert>Text Box. Your box will automatically have a black border. To get rid of this click on it, choose Format>Text Box and select No Line.

a spot colour to enhance your printed letterhead, but a metallic-foil block can also add interest and tactility to your design. Contact your printer for some samples to get an idea of what’s possible. Alternatively, why not highlight the logotype on your letterhead by using a spot varnish?

Now you’ve got your finished letterhead in multiple formats, why not try talking to the client and extending the project across a full range of stationery, including address labels, envelopes, business cards, stickers and compliment slips.

22

December 2007

ART143.tut_3 75

| 75

6/11/07 16:19:44


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.