Hot Stuff
CreativePro.com Podcast
Don't miss it! Updated every Monday.Win a Subscription to "InDesign Magazine"
5 Winners Selected.The Big Picture Magazine - FREE
Real-world solutions to design challenges
HerGeekness Says: Convert Custom Letterhead to Microsoft Word Templates
Is your client insisting on a Word version of your letterhead design? Follow these conversion guidelines to cut down on your pain and maximize your profit.
Written by Anne-Marie "HerGeekness" Concepcion on April 2, 2008
Related Articles
Related Reading
Few client requests make a designer cringe more than this one: "Can you convert the letterhead you designed for us into a Word template?"
All those hours you spent poring over paper samples, consulting with the printer to get just the right color output, experimenting with different typefaces... Oh, the humanity!
Well, face it. Who sends paper anymore? When was the last time you loaded your own letterhead stock into the printer to send a letter -- or even an invoice -- to someone? Okay, maybe it was just this morning. ;-) Some firms undoubtedly do appreciate the import of their custom stationary and use it often, especially if they're a design firm.
In less design-conscious businesses, though, ink-on-paper custom letterhead is used like Mom's good silver: It's only hauled out for special occasions. For everyday use, memos and reports stay electronic and get attached to e-mails or faxed from the desktop. Still, your clients deserve something a little fancier than a blank Word document and more professional than the homespun ones they could create on their own. (Can you say "Zapf Chancery"?)
To help you cut down on the cringing -- while making yourself some extra cash -- this article includes a process for re-creating your artwork and layout into something that Word understands and the general business client can use. Though I'll focus on a letterhead design (Figure 1), the techniques are applicable to any sort of custom Word template, including envelopes, labels, and postcards.
Figure 1. I'll use this InDesign letterhead design that came with the Adobe Creative Suite as an example throughout this article.
First Things First
Before you dive in, make sure both you and your client understand and can live with these limitations:
- Bleeds are problematic. Though you can bring artwork right up to the page edge in a Word document, and it looks great in Word's Page Layout view or exported to PDF, few clients (or recipients) will print to an oversize printer and trim it! Their office's letter-size printers will force a white non-printable area around all four sides (Figure 2).
- Even if your client has the same typeface you used in the letterhead artwork, people they send the Word files to likely do not. Any text that's part of the letterhead design will either need to be converted to outlines or rasterized in the template you'll create for their use. Neither end result will look as good as the commercially printed letterhead.
- Word converts to RGB any colors in the graphics you import into the Word file, and you have no control over the conversion. I'm sure you know that Word doesn't do CMYK or Pantone, but you need to make sure that your client understands this, especially if they're sticklers about the color used in their logo. "Close enough" color is the best you can expect in an electronic Word file.
Figure 2. You can position artwork in a Word document to the edge of the page (left), but the Quick Preview from the Print dialog box (right) shows the white border that will appear in the output from your client's (or their customers') letter-size printer.
If you and your client are still game, let's get to it!
Prepare the Artwork
Unless it's an extremely simple letterhead -- like a colored box with the company's name on top -- don't bother trying to re-create the design with Word's "drawing" tools. It's much easier to convert artwork from the actual file you used to design the letterhead (e.g., the InDesign or QuarkXPress file), then import that art into a Word document and position it to match the original.
Convert your art into either of the two high-quality image file formats that Microsoft Office programs understand best: PNG for rasters, and EMF (Enhanced Windows Metafile) for vectors. Formats you're more familiar with, such as PDF, EPS, and even TIFF, often cause problems, either with Word itself, or the RAM/RIPs (or lack of same) in end users' printers.
Luckily, there is one ubiquitous program around that can export artwork to both PNG and EMF: Adobe Illustrator. (Who knew?) Your first task, then, is to get your letterhead design into Illustrator. Of course, if you designed it in Illustrator originally, goodie for you! It's almost as easy if it's an InDesign file, because simply using the Selection tool to copy and paste objects from the layout file into an Illustrator document often does the job.
If you're starting with a QuarkXPress layout, or an InDesign file that won't copy/paste correctly, export the file to a PDF and open the PDF in Illustrator with your fingers crossed. The file might need some clean-up but at least it's a good start.
(By the way, if you designed the letterhead in CorelDraw, you've got all the tools you need; just use the Export for Office dialog box. Here's a great tutorial on the process. Adobe and Quark: Please read this page, too!)
Now prepare the Illustrator artwork for exporting. If the design has elements on more than one side (art across the top and art down the left, as in this article's sample letterhead), you'll need to copy/paste each side's artwork into individual Illustrator documents so you can export each side separately. (Where's the "Export Selection" option, Adobe? Huh? Huh?) You can skip this step if you're using Illustrator CS3, though, because its new Crop Area tool can isolate areas for separate exporting and printing within a single file.
Now you're ready to export. Look at the artwork you isolated and decide if it would look best rasterized (in which case, go to File > Export and choose the PNG format) or as resolution-independent vectors (choose the EMF format from the same Export dialog box). EMF files are simply exported; there are no options to set. Exporting as PNG, however, results in a PNG Options dialog box (Figure 3) where you can choose a resolution, background color, and other settings.
Figure 3. In Illustrator, choosing the PNG format from the File > Export dialog box gives you the PNG Options dialog box. The PNG format is similar to JPEG except that it can support transparency.
By the way, don't be tempted by Illustrator's "Save for Microsoft Office" command in the File menu; it exports everything to PNG at a resolution too low for our purposes.
Now that all the elements of the letterhead design are in PNG or EMF format, you're ready to put Humpty together again, so switch to Microsoft Word. My instructions are for Microsoft 2004 for Mac OS X. If you're using a different version or platform, some commands may be different.
Import the Artwork into Word
Create a new letter-size document in Word via File > New Blank Document, but don't jump immediately to the Insert > Picture > From File command, which would put the art at the same level as body text. Instead, you're going to import artwork into the closest equivalent to a Master Page Word's got, the Header/Footer area. Artwork placed in the Header/Footer is repeated on every page of the Word document, and is somewhat protected from users accidentally moving it out of position (Figure 4). This is important, because Word has no "Lock Position" toggle for placed artwork. If it's in a header or footer, users have to go through extra steps to accidentally mess it up.
Figure 4. Importing template artwork into Word's Header or Footer area (top) is a great way to protect it from users accidentally moving or deleting it, because in Page Layout mode (middle), the artwork is inaccessible. (Though content in the Header/Footer appears screened back in this view, it prints and exports to PDF at full opacity.) Like Master Pages, anything in a header or footer appears on every page of a Word document by default (bottom). Click on the image to see a larger version.
Does your letterhead design include two layouts, one for the first page and the other for continuation pages? If so, open the Format Document dialog box (Format > Document), go to the Layout tab and turn on Different First Page in the Headers and Footers section. I've done that for my example letterhead, as you'll see later in this article.
Now make the default page's Header/Footer area active by choosing View > Header and Footer. Your cursor should be blinking in the top Header area, indicated by the dashed rectangle (see Figure 4, top).
Import the first image, the one that goes across the top, into the header by selecting it in the Choose a File dialog box (Insert > Picture > From File). Before you click the Insert button, be sure that the Link to File checkbox (Figure 5) here is unchecked. You want the letterhead art to be embedded in the Word file itself, not linked to the original PNG or EMF, so the end user doesn't have to worry about losing the link to it.
Figure 5. Looking for Word's Place (or Get Picture) command? The equivalent is Insert > Picture > From File (left). In the resulting Choose Picture dialog box, make sure that the Link to File checkbox (right) is unchecked, so the artwork gets embedded in the file.
Word imports the image, and if it's larger than the default Header area, automatically scales it down to fit. (You can reset the image's scale back to 100% in the next step.) If the image is small enough to fit comfortably in the header, you may only need to adjust the horizontal alignment using the paragraph formatting controls. Just treat the image as an inline/anchored graphic, which it is, within the "text box" that is the header (or footer, when you're importing images into the bottom area).
Most likely, though, you'll want more control over the position and size of the artwork than what's possible with anchored graphic adjustments. For example, in my letterhead, the top image needs to be scaled up so that it bleeds on three sides. The way to override the default Header positioning and scaling is to use the controls in the Format Picture dialog box. Click on the image to select it and choose Format > Picture, or just double-click the image to open Format Picture dialog box directly (Figure 6).
Figure 6. To reset an image's scaling back to 100% (after Word shrinks it to fit in the Header or Footer area), use the Scale fields in the Format Picture dialog box.
The Format Picture dialog box is where Word stashes all the good stuff: Strokes and fills, Text Wrap/Runaround settings, Scale fields, Rotation controls -- you can even set a Crop amount. Note that one of the most critical controls, X/Y Position (which lets you override the default Header positioning) is well-hidden in the Advanced section of the dialog box's Layout panel (Figure 7). Alas, there is no Preview checkbox, so it may take a lot of clicking and tweaking to get the artwork exactly where you want it.
Figure 7. If you select "Behind text" as your image's wrapping style (top), you can add text in the Header area that will appear on top of the artwork -- like an automatic page number -- and won't affect the image's position. Click the Advanced button in this panel to open the Picture Position dialog box (bottom). Here, you can specify the X/Y position of the image on the page by entering a measure and choosing "Page" from both of the dropdown menus. Word honors your settings here, even if means the image will end up partially or completely outside of the default Header or Footer area.
To place artwork in the bottom area of the letterhead, click in the Footer area and go back to Insert > Picture > From File. Elements that go on the left or right sides can be imported into either the Header or Footer (you can have more than one image in either), and then scaled and moved into position using the Format Picture dialog controls. That's exactly what I did to get the top and left-side images into my letterhead template, as shown way back in Figure 1.
Now that you've imported and formatted all the elements for the first page of your letterhead design, you can get out of Header/Footer mode by clicking the Close button at the right of the Header/Footer toolbar, or by choosing View > Header and Footer again. If you're returned to Normal view, switch to Page Layout from the View menu; otherwise, you won't see any artwork. In Page Layout view, you'll see that header and footer elements appear, but they're screened back and can't be selected (see Figure 4 above). However, when you view the Quick Preview in the Print dialog box, or export the file to PDF, or of course, print the thing, you'll see them in all their 100% glory.
In fact, it's imperative that you run some test printouts. You might discover that Word is taking too long to print, which should send you back to the original artwork to simplify it a bit, or to try a different resolution setting for your PNGs, and so on. It's also a good idea to send an interim proof to your client to make sure they can print it themselves, should they choose to do so. We're not a paperless world yet.
Add a Second Page
Those of you who created a slightly different letterhead design for continuation pages have a little more work to do. Be sure you've turned on "Different first page" in the Format Document dialog box, as described earlier. Then enter a bunch of carriage returns on the first page until Word adds a second page. Note that on this page, instead of the default behavior of the same header and footer appearing, its header and footer are empty. That's what you want.
Choose View > Headers and Footers, click inside the second page's empty Header area, and bring in the continuation page's artwork, using the same techniques you employed earlier. When you're done, check that everything's working by adding enough carriage returns to force a third or fourth page, which should show the same artwork as the second page (Figure 8).
Figure 8. Here's my converted letterhead design, showing a different first page header than the rest of the document. (The top screenshot is in Header/Footer editing mode, the bottom one is in Page Layout mode.) Click on the image to see a larger version.
Everything working? Great. You can safely delete all the extra carriage returns, leaving you with one page; Word will remember to use the special continuation page elements if the end user writes enough to force additional pages.
Final Touches
Set up your margins (Format > Document) so that the text users enter is a safe distance from the artwork you placed. If you want body text to left-align with an element in the header, or top-align with something on the side, set that up now with your margins.
You might also want to create paragraph styles for date, salutation, body copy, and signature, and delete the default styles that are a part of every Word document. Be sure any styles you create call for typefaces that you know your clients have!
When you're done, save the file as a Word template (.dot), and send it on its way, along with a respectable invoice for all the hard work you did.
Anne-Marie, a design studio owner and busy software trainer, is the geek behind DesignGeek, a free monthly tips and tricks e-zine for digital designers that she's been publishing since 2003. She's also the co-host of the InDesignSecrets.com blog and podcast, with David Blatner.
Login
Login to post a comment. Not a member? Sign up here
Forgot your password?
May I have little more help, please?
Great article. It really helped me out with a past project.
Now, I would like to create a document for my client that shows them the graphic, but doesn't print the graphic since we have previously printed letterhead available. Any ideas? I've been searching and reading articles, but haven't found a solution yet.
Thanks,
jmed
word letterhead
oh so brilliant, thanks i really appreciate your insite it was easy to follow and got me outa some deep doodoo this week,
ta mucho
ang
thanks!
Dozza, great info from someone who's "been there." Thanks!
AM
Great reference, but incomplete..... Here's the completion
I've had to do this numerous times for clients and hate having to do it as I hate Word and always have to remember how I did it. I now have a bookmarked reference, so thanks Anne-Marie for this.
I have to generate stationery exactly like 'Windward-DG' , where letterhead and continuation differ in their header graphic AND their top margin depth. From reading the comments and Anne-Maries, it appears that her article does not cater for this scenario. Unfortunately it doesn't explain how to adjust your doc to allow the second page header AND margin to be different.
Using sections (Method #1) removes the 'natural' way, after enough carriage returns, a different header is added to continuation pages in Anne-Maries article and my clients like this. What I think Anne-Marie needed to clarify for her 'Method #2' was the following.
SOLUTION: If you want different headers on first and continuation AND different Margins on First and continuation, follow the article to a T, then set the whole documents top margin (Format>Document>Margins>Top and Apply to Whole document) to the size of the SMALLER top margin, which is usually the continuation top margin as the first page has address details etc. You then add additional carriage returns to the First page header only, to 'push' down the live text area to your desired start point.
Out of interest, I find the AI export to .EMF is not accurate and does something akin to a 'roughen' filter on closer inspection. I tend to export (save for web using max setting for JPG with ICC embedded) the page graphics from PShop at 144ppi, then place in Word and scale to 50% so it is effectively double the screen res, but the correct physical size. This is ample for most clients in-house inkjet/ laser jet printers and generates a filesize that is not prohibitive to it being sent regularly via email
http://www.pylondesign.co.uk
RE File sizes
I have not run into this problem... but I'm wondering if Word's Fast Save could be at fault? With the file sizes that are already big, ask the user to choose Save As and name it the same/save it in the same location as the original, to overwrite it, and see if that's any smaller.
And then ask them to go to their Preferences, choose the Save panel, and disable Fast Saves if it's on, see if that makes any difference.
AM
Re: Ballooning file size?
I have also been experiencing this problem. Any solutions yet?
Thanks for the great article. I always cringe when I have to "design" something in Word.
Cruddy topic, Fabulous Information
Thanks Anne-Marie!!! I get this request a lot. I've never been able to make it work very well. Unfortunately I will now be able to satisfy those requests. I really, really hate Word...but not quite as much as I hate Publisher!
Ballooning file size?
I've developed a letterhead for a client and they've just reported to me that after editing some text and re-saving, it balloons from <1 mb to 21 mb!
Anyone else experienced this? They're using Word 2003, Windows; I'm on Mac Word 2008 and no ballooning on my end.
Thanks to AM!
The article helped me immensely, too. (twice in the last week since I read the article!) I've used it to help our Marketing folks create somewhat "branded" documents. (User/technical manuals.) The info about having 2 different page styles (first page different) was PRICELESS. THANKS!
a little more
Man I wish we could edit these comments ...
In my long comment below, in the 3rd paragraph, I meant to say "(speaking to Windward here, too)" ... the commenter who can't get my instructions to work.
Also, Windward, don't take my comments to mean that I don't believe you ... ;-) I do, I do. I just can't replicate them over here. No matter what I try, what checkboxes are enabled when I place the images (linked/not linked, e.g.), I cannot *shake* the 2nd header art. It's always there, even after I delete the 2nd page and add it back in again.
Just to confirm ... you're not using Sections, are you? The method I described has nothing to do with Sections. If a section break is on page 2, and you delete the page, then I'm guessing you might lose any header/footer that belonged to section 2.
I just used the Different First Header method. It's important to turn this on BEFORE you add art to the first header, btw. Otherwise, as soon as you turn it on you lose the art in the first header -- it empties out, and you have to redo it.
AM
re: Digital Letterhead - Troubleshoting
Jeremy, you can embed a different first page header in a one-page document. But as explained in the article, you have to add a 2nd page temporarily in order to *see* the 2nd page header, so you can add the artwork there. Then you can delete the text or run of carriage returns you entered to force the 2nd page. You're left with a 1-page document. You can close it, email it, turn it into a template, whatever. As soon as you open it again and add enough text to force a second page, the 2nd page header reappears.
At least, that's how it works with Word 2004 on the Mac, the version I used for the article.
I *think* we're confusing margins/sections with headers here (speaking to Jeremy here, too). And there is some overlap between the two, so it's common to get discombobulated trying to figure it out.
Side Margins: The only way to set different side margins on a per-page (or even per-paragraph) basis is to use Section breaks. When you choose Insert > Break > Section Break (any of them, including Continuous); and you click your cursor below the break, you can go to Format > Document and change the margins (top/bottom and left/right). Note that by default the "Apply to:" dropdown menu is set to "This Section."
Top/Bottom Margins: There are 2 ways to get different top/bottom margins on different pages. Method #1 is to use Section Breaks as above. Method #2 is to insert live text (even empty placeholder carriage returns) into the header or footer to increase their depth. If you insert 20 lines of text in a header, it grows dynamically to fit. When you get out of Header/Footer mode, you'll see the top margin of the live page area is directly below the header, wherever it ends.
Since you can't have a different header/footer every page (unless you use Section breaks -- each section can have its own header/footer, a topic for another article!), you can only use Method #2 if you just want page 1's top/bottom margin to be different from any additional pages in the document. Of course you needed to turn on "Different First Page" in the Header area of Format > Document.
Now ... in my article, I recommended people place artwork into the header and then via Format > Picture, set its X/Y position to an Absolute value. When you do that, it's like adding a layer (background or foreground) to the page, and it pays no attention at all to the live area in the header. In other words it won't force the header area down, so it doesn't affect the top margin.
The moral of the story: If you use my method to add header art, AND you have a different first header, AND you need the top margin of page 1 to be different than the top margin of additional pages, I recommend you cheat with placeholder carriage returns in the headers. Add as many as necessary to force live text down to where it should start on the page.
AM
re: Digital Letterhead - Troubleshooting
not sure about 2007, but in Word 2003 you can insert a section break (Insert > Break > Next page) and then in Page Setup you can change the margins for each section (make sure This section is your choice under Apply to:).
As far as I know, there's no way to create the second page with different header/footer from a one page document. You'll need to create a one page version and a two page version.
hope this helps...
Digital Letterhead - Troubleshooting - cont.
I forgot to add that I am working in Word 2007. The margins on page one are 2.2" at the top of page 1 and need to be 1" on continuation pages.
The file works great so long as I keep the same margins on both pages. The trouble equation starts when I change the top margin on page 2. Is it that I can't have a Word letterhead with different margins? The graphics work great until then.
Digital Letterhead - Troubleshooting
Can someone please help me? Great article on converting custom letterhead to Microsoft Word templates. I have repeated Hergeekness's steps in new Word files umpteen times and cannot remove the second page without losing the first page logo header and footer.
The file I have created has a logo header and graphic footer. The second page has a blank header (no logo) and a modified version of the original graphic footer. The file looks great and functions as a two pager. However, I do not want page two to be present until needed for a longer letter. When I try to delete this page, the first page header and footer delete, too.
What am I doing wrong?
I work in a corporate
I work in a corporate communications office and quite often I have to create MS templates for use by our various facilities. For example, last week I created posters in Word with a textbox so they could put in the specific details for their location (time and place of a meeting). I created the poster in InDesign (photo and text), exported to pdf (high quality print), opened the pdf in Photoshop (150 pixels/inch) and then saved as a png. Then I set the Word margins to 0, inserted the picture, and inserted a text box on top of it.
Another method would be Format > Background > Fill Effects > Picture, but you'd have to experiment to get it sized correctly before you insert it (no way to resize it in Word).
Anyway, great article, I enjoyed it. I'd also be interested in an article that explains what Microsoft office actually does to an image that's inserted. How does Insert Image compare to copy and paste? When you resize an image in Word, is it changing the resolution? etc. Same with powerpoint?
thanks!
thanks
thanks everyone. I'm interested in hearing how the technique I outlined works out for you (e.g., were the colors better than jpegs?). I know it works for my clients, but I'm just one lone designer.
Also, if anyone knows any secret setting to get art in the header/footer to show up at 100% in Page Layout/Preview mode, I'd love to hear it. I mean it's nice that it *prints* at 100%, but it would be nicer if the artwork previewed at 100% while people were actually opening and reading the Word docs on their computers. I scoured the Internet and Word .mvp sites for hours looking for a solution but couldn't find one.
AM
Great information
I often create Word letterhead templates, but up until now I've been placing high-resolution JPGs. It will be interesting to see how well the colors in PNG and EMF files match those of InDesign printouts. It's been a real problem for me, but somehow the end user doesn't seem to mind or even notice the discrepancies. Stoopid end users! Oh, did I type that or think it?
___________________________________
Laura Foley
http://www.lauramfoley.com
http://culinarymom.blogspot.com
Thanks!
Working alone is never easy, but having Creative Pro send me valuable tips every week really makes my life much easier!
Her Geekness? I'll say!
Thank you for this REAL WORLD article! I'm an in-house designer and embrace my Microsoft side daily. I loved the article and just when I thought I knew what I was doing - you helped immensely! (Especially appreciated the “Zaph Chancery” reference!) Keep these kinds of articles coming!
Love your podcasts too! I listen while I’m working and so far you’ve trimmed many, many minutes of bad habits out of my everyday tasks.
Excellent Info!
About every two years, I get a Word or PowerPoint layout request that keeps me chasing my tail for a couple of days. I always have to perform a cryptic mix of Export/Insert of various graphic formats then test on a PC to see how much I screwed it up. Of course, the hardest part is telling the client that "yes, it does looks crappy on screen now, but wait until you see how good it looks when you print it. Er, you do have a postscript printer, don't you?"
Now I'll just refer to your great article. Thank you!