Make a Quick’n'Dirty Letterhead in … MS Word!
Yes you read that title correctly! In this tutorial we are going to take the brand we created in Part 1 and make a letterhead for Microsoft Word to accompany the business cards we put together and printed in Part 2. While traditional letterheads are made by getting them printed at a printers and then running the letterhead paper through the printer, in my experience there are a great many clients who are either too cheap or too lazy to take that option. For all those types of clients (including me!) this is a really easy way of providing a letterhead at very little expense that still looks professional.
Step 1
So we begin in Illustrator where we create a new document sized to A4 (210mm x 297mm).
Step 2
Now just lay down your various details in a nicely presentable format. It’s important not to run any design that goes into the margins of the page however. The reason being that this needs to be printed on a normal office printer and those things are pretty awful and leave all sorts of weird spacing from the edges.
Additionally you may decide like I have here that this letterhead is going to be printed on a black and white printer in which case we can desaturate any colour and make it all black and white.
Step 3
Now just add a white rectangle behind the text which is exactly as wide as the canvas. We’re going to use this block to place everything in the following steps.
If you need to arrange items to go behind or in front, remember you just right click on the item and choose Arrange > Send to Back.
So select the white block and all the text together and go to Edit > Copy to copy it to the clipboard.
Step 4
Now switch over to Photoshop, and create a new document. Set the width to 21 cm (A4 width) and a height of about 7cm. The height is short because the letterhead I’ve used is only short, if you had a design that went over the whole page (like a faded out watermark) then you’d make it a full A4 size – I’m just taking a shortcut.
Don’t forget to make sure the resolution is 300dpi.
Step 5
Now hit CTRL-V to paste in the letterhead design. You’ll see the utility of having that white box now because you can really quickly align the edges to the edges of the canvas to get it exactly the same size as you had it in Illustrator.
Step 6
Now go to File > Save for Web & Devices and choose PNG-24 and create a .PNG file of your letterhead. We’re going to then import this into MS Word.
Step 7
Did you ever think you’d see the day where MS Word appeared on Psdtuts? Neither did I!
So go on, fire up that bad boy and let’s make awesome Microsoft letterheads!
Step 8
So once you have a document ready, go to View > Header and Footer.
Step 9
The header and footer in Word are a sort of template that once set isn’t editable from the main document (unless you go to View > Header and Footer of course!)
So once you’re in here, go to Insert > Picture > From File and find that PNG file we saved earlier.
Step 10
So there’s our letterhead. If you try to resize it though you’ll discover it won’t go to the edges. So you need to right click on the image and choose Format Picture.
Step 11
Then click on Layout and choose Behind Text and hit OK.
Step 12
Now you can resize it correctly so it sits nicely on the page. Then hit Close.
Step 13
And there you have your letterhead! You can now just adjust the margins on the document so any writing appears correctly lined up, so give it a test print then hit save and hand it over to your client!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Collis
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Really nice tutorial! Thanks Collis. I’m gonna try this later ;)
is it me or does that body font look like times new roman?
It’s just you. It’s Cambria.
Any particular reason to use ‘save for web’ to create the PNG? This tends to output at 72dpi, correct? Would it not be better to keep the 300dpi that was chosen as part of the document setup in step IV, by instead doing a Save As… to .png, to ensure crisper print?
Please disregard previous comment. Just caught my own error. ;p
excellent tutorial
Very cool that you did a Word tutorial. I can’t be the only one out there who knows every obscure Adobe app, but can barely get around in MS Office… can I?
Haha, seriously!
I was working on a business plan for a project I’m working on in Word — and couldn’t for the life of me get nested bullet lists to work properly. I finally said, eff this, I’m doing it the way I know — CSS/HTML.
Oh Man! So True eh!
Now I no longer have to look like an idiot when the office secretary can whip together a letterhead, but the professional graphic designer can’t! This will save me a lot of dignity!
Much thanks!
I just need this tutorial to do my letter heads for my business.
Thank you!
nice…
I think it’s a bit overkill there, converting that vector letterhead to a raster one using Photoshop. We can just export an vector image out of Illustrator and import it into to Word again — reducing some steps and preserving image quality at the same time.
After finishing your letterhead, just go to menu File > Document Setup… > Edit Artboards and re-size your artboard to the size of the letterhead. Then go to File > Export… and export the image as a Window Metafile (.WMF) or an Enhanced Metafile (.EMF). Then import it into Word like in Step 9. I tested and it works.
Noice.
I usually save to EPS files. Word accepts it, as long as you have installed the EPS import filter, that comes with MS Word (although i think it’s not activated to install as default, so you’d have to select it upon install).
But using .WMF or . EMF, like sugested by Hoang seems like a good idea. Have to try it one of these days…
Being I vector connaisseur I must say this is the way to go.
One can have the artwork scaled super-dooper small in Illustrator, throw a crop area immediately around it and go to file>export and select format .EMF [p.s. read up on this format newbies, two words awe some] and the you continue with Collis’ step7- selecting the file you created [yourfile.emf] and forget about Photoshop/Bitmap Graphics… for this occasion.
Selecting the perfect format can sometime be overlooked and in this case such is .EMF
Great tutorial Collis
Very basic tuts. Anyway, nice.
OH NO NOT WORD
i don’t and wont have microsoft!
Same sort of steps should apply to Open Office if that’s your flavour. Or anywhere else for that matter.
But, the sad truth of the matter is any clients you have most likely WILL have Microsoft. They’re not going to buy a new software app because the designer doesn’t like their standard.
Why is that the “sad truth of the matter”? I’m a Mac user but I prefer MS Office over Open Office, iWork, or Google Docs. MS Office is a really powerful set of apps and they run great on OS X.
Quite useful thanks
Nice tutorial, I made one for my dad’s company.
You should close the “Graphic Design Week” title in the end properly… the text below looks kinda HUGE in Chrome now. :)
Graphic Design Week
Really nice… thanks!
i would do that in InDesign. Is that wrong or why it’s better to use Word?^^
If your client uses InDesign, then there is no problem. But I’d guess at least 9 out of 10 clients most starting designers could get will be using Word, especially for managers and executives who may or may not have any idea what an InDesign is.
You cheated! I thought you were going to make the whole thing in Word ;-)
But it’s a cool post nonetheless. Thanks :-)
i wanna best tutorial from this web site of all adobe company
Great. I’m going to do this the first thing tomorrow :-)
I do alot of work for a local College and due to the recession they are unwilling to get letterheads etc printed professionally so techniques like this are becoming a MUST. Companies are no longer willing to spend unlimited amounts of money on Design and Print.
Just wanted to post an question :P
You should still use InDesign for making letterheads etc as long as they are going to be printed CMYK and a professional printers, but if you client does not want that expense and wants to print them out “inHouse” then use this Word technique.
Great tutorial Collis, its a good look to think of the Clients needs before your own design needs and accept that word is the best option for them…..(did I just say that?)
In my experience, it’s better to create the images using 600 dpi, saved as PNG. For some reason, MS Word prints slightly jaggy, even at 300 dpi. Better safe than sorry, I suppose.
Please see me my thoughts above RE: file size…
Nice tutorial. I’ll keep this in my bag of tricks.
Stumbled!
I find that PNG exports are pretty blurry on text in word. If you go to WMF ( Windows Meta File) right from Illustrator it keeps it in vector format and looks great. You do have to outline fonts of course but the result is much much better than PNG
Nice tut – but… :)
It’s not nescessary to open up Photoshop. Microsoft Word (2007 on pc & 2008 on mac) can work with EPS files from Illustrator (or other vector apps).
I’ve just did some templates for a catering company this way, and in keeping the vector information in the logo and letterhead, makes the print look crispier.
Quick… dirty… and awesome! Really simple and even so it looks pretty good! Excellent!
Nice. Thx
Unfortunately there are times when a client asks for something in word, or worse, Powerpoint!
I like word thanks….
This is great, we need more real world solutions like this because the fact is that clients are always going to want templates for Word and other Office applications. What else would the average office worker create their documents in these days? InDesign? Asking for that is just opening a bag of worms.
Creating nice templates for Word is a good way to get the average office secretary to start creating better looking documents.
Interesting, simple and useful tutorial thanks.
This is more like a tip than a real tut. Anyways for those who hate microsoft office I would like to say some nice things. Office is like bread and butter for academicians like me, we do a lot of paper, grant writing stuff. You can achieve the same thing with other software too but just like windows office is ubiquitous and everyone needs word files or powerpoint files. It would be nice someone wrote a tut on how to convert powerpoint files to flash format with animations
Why would you take it into PS when Illy has a File>SaveforMicrosoftOffice option which creates PNGs?
Nice tutorial. I have had to do a few of these myself for some clients (whom always seem to be non-Mac users). Glad to see someone else out there is doing it as well. :-)
Huuhh lol? Word….
BTW, how comes Word’s splash screen and logo is so much more wicked on Mac? I mean wtf, I though they’d make the worst possible software for Mac, being their enemies and all…Or atleast have the Windows version look cooler.
Check out the latest MS Office for Mac, you’ll be surprised (like I was). Really powerful software, 100% made for Mac.
nice one collis!!!! i think ima get my MS office copy out for a ride
I hate that question, “can you make this in word?” It makes me cringe every time. I mean its thing to know that once I’m finished with the design there’s no chance for repeat business, but creating it in word…come on!!
But if you have to, bringing in vectors is definitely the way to go.
I am so grateful for this, it’s taken a huge headache away! I HATE Word, but inevitably clients want their letterheads in Word, and I’ve always felt so STUPID. Great, now I know how and have just fired off 3 to my clients who have been waiting patiently. Great timing! Thanks.
I had no idea that it was even possible to do anything in MS Word except write and make bad word-art; I generally try to avoid it at all costs. Ha!
Collis MS Word is a bad boy to you? :(
Why?
OHHHH..this MS word vesion is 2008.i just have 2003…this tutorial is good…i will try it in MY Word 2003.i think it’s work
Yeah it will work…..
nice :)
Simple but nice. Thanks.
How to import stuff to word?
um.
wow this is possible? hahaha i didn’t know this, this is really cool
Im doing this right away! awesome tutorial I really appreciate it.
Meh. How about doing it without Illustrator.
But there DOES need to be more tuts on MS Office and how to make decent looking powerpoint presentations. I realize it might be out of the scope of the site, but I see TOO many nasty presentations around my office here and would love to share a tut on this subject with some of my workers.
That’s realy nice!
I would love to see something like this.
Thank You sooo much. I was trying to figure this out for a client and was pulling my hair out!!! The PNG format works!! I was trying eveything else but it looked like crap! I also couldn’t figure out how to import…Thanks!!!
Julie Collinge
Prosimian Design
http://www.prosimiandesign.blogspot.com
The save for web version will be 72dpi and be fuzzy on printout i’m pretty sure..
Also, if you export the .png straight from illustrator you get res options so you can choose 300dpi and the png will be amazingly smaller in filesize – i think it might utilise pngs ability to handle some sort of vector info, i’m not sure exactly, but it works.
I’ve had some good reults, but many garbled bodgy results using Window Metafile (.WMF) in Word. I steer clear now and e
Very useful! Thank you. :)