Beach Weddings – Invitation Tutorial III

So far in our beach wedding invitation tutorials, we have made a funky 70s sunset invitation and a fun ocean floor invite, both in Illustrator. Today, we’re making a very simple and traditional invitation using Microsoft Word (you need Vista to be able to do one of the steps).

This is the invitation we’re making:

and here’s how to do it:

1. Download the shell illustration here. Just select PNG full size under the image, and then right click on it and do a Save Image As (you want it to be a PNG file) and put it somewhere on your computer where you can easily find it.

2. Open a new document in word and make sure you save it as a Word Document, not in any previous version. You need the Vista format in order to re-color the shell.

3. Go to Insert – Picture and find the shell. You’ll see that it’s upside down, so the first thing you need to do is select it, right click and go to Text Wrapping. Select In Front of text. Then go to Picture Tools – Format – Rotate and rotate it vertical.

4. To change the color of the shell, right click on it and go to Format Picture. A new window pops up, and you want to go to Picture (next to last in the menu on the left hand side). There, click on Recolor and you’ll get a drop down menu of color choices. I went with the blue in Light Variations, but you can make it any color you want of course.

5. Next, go to Insert – Shapes and select the rectangle tool. Draw a box, any size you want, and then right click on it and go to Format Auto Shape to change the size and look. I wanted to make my invitation a 5×7, so we need to make the border a little bit smaller than that. To do so, go to the Size tab and just type in your dimensions (make sure Absolute is selected for both values. I made mine 4.7 x 6.7.

6. To make the borders look nicer, go to the Colors and Lines tab. Make sure the Fill Color is set to No Color and change the Line Color to a matching blue. You also want to change the Style and Weight. I chose the next to last option in the Style drop down menu, and left the weight at the default, 4.5 pt.

7. Now we need to add the text. Go to Insert – Text Box and in the drop down menu select Draw Text Box. Draw one any size you want, we’re going to adjust it later anyway. Type in your text and change the fonts and colors. I used ACaslon RegularSC 12pt black for the text and ShelleyVolante BT 24pt Bold in a matching blue for the bride and groom. (If you want to use these fonts but don’t have them, read my How To Add Fonts To Your Computer post.)

8. Next, we need to make this mess look good. Right click on the text box and set the Fill and Line Colors to No Color. Drag the shell over to where you want it on the invitation and drag the handles to size it. Pull the text box to where you want it. If something disappears behind something else and you need it to show up, select it, right click, go to Order and select the appropriate option. Once you like the way it looks, you’re done!

I would print this on nice heavy cardstock and trim it to size. Or if you have bought printable 5×7 sheets, just change the size of your word document to 5×7 and print away.

Filed under Beach Wedding, Microsoft Word, Tutorial, Wedding Invitation | Comment (0)

Another DIY Engagement Announcement using Microsoft Word

This is part 2 in our series of DIY projects for those of you who recently got engaged. Just as in the last tutorial, we will be making engagement announcements using Microsoft Word (Windows Vista). Our previous one was pink, this one is brown and blue, and we will be using some different techniques and tools. To see larger versions of the screen shots, just click on them. They’ll open in a new window.

Engagement announcements are sent to friends and family to let them know your big news, just like baby announcements. In the coming weeks, I will also post tutorials on how to make announcements using Illustrator, as well as step by step instructions for making engagement party invitations in both Word and Illustrator.

A Note About Vista Word
When using Vista, in order to make some of the adjustments to the photo, make sure that the document you’re working in is saved in the current Vista format (you’ll see a .docx extension). I have set the defaults in my Word application to save everything as Word 97-2003 documents (.doc) since .docx isn’t compatible with earlier versions of Word, or Macs. Working in the 97-2003 format also has other advantages such as the option to select all the pictures and textboxes at the same time, great for aligning them, or moving the entire design around on the sheet. However, there are limited special effects available when working in 97-2003 mode, so in order to play with the photo (see step 5), you need to save your file as a .docx document.

Today’s announcement looks like this:

I have sized it to 4.5×6.25, which will fit perfectly in a standard A6 envelope (but you can obviously make it any size you want).

1. In Word, go to “file” (i.e. the Windows symbol that replaces the old “File” menu) – New and under Templates, click on Invitations. This brings up a new menu on the right hand side. Click on Other Invitations. You’ll see the same layout in 4 different colors. You can choose any one you want of course, but I went with the blue and brown one.

Click on the color you want, and click on Download. That will bring up a document that looks like this:

Click on the blue box on the right hand side and copy it (either by right clicking or pressing CNTRL+C). Open a new document (letter size is good) and paste the box here (by right clicking or pressing CNTRL+V). Right click on it, go to Text Wrapping and select In Front Of Text. Right click again and go to Size. Uncheck the Lock Aspect Ratio box, and in the height window, put in 6.25 and in the width 4.5. Click Close.

2. Now, let’s add the text. Go to Insert – Text Box – Draw Text Box and draw a box anywhere in your document. It will most likely be filled with white, but that’s fine, we’ll fix it later. Select the font you want under the Home menu (you can change it later) and type in your text. I used GeoSlab703 Lt BT, 22p Bold for the top box and 14p bold for the bottom one. (If you want to use that font but don’t have it on your computer, read this post about adding fonts.) Click outside the textbox and go back to Insert and draw another text box for the text below the picture. Type in your text and click outside the box to deselect it.

3. To format the text boxes, right click on one of them, and go to Format Text Box. Under Colors and Lines, you want to make sure to select No Color and No Line. Repeat for the second one.

I also made the text color brown, and to do that, you want to select the text (i.e. highlight it with your cursor), right click, click on the A with a color bar underneath, go to More Colors and select the one in the bottom left hand corner for a nice, deep brown.

4. Now, let’s add your photo (I used a clip art picture). Go to Insert – Picture and locate your photo on your computer. It will most likely end up behind the blue box, so right click on it (the photo), go to Text Wrapping and select In Front Of Text. Right click again and go to Size. This time, you want o make sure that the Lock Aspect Ratio box is checked, and put in the size you want in either the height or width (the other side will change proportionately), I set my photo to a height of 2.89″ (but this is obviously totally up to you, whatever looks good is good). Click Close.

5. Drag the photo to where you want it to be on the blue box and, if you want to, add some extra layout features to it. I added a frame with a reflection on the bottom. To to this, select the photo and go to Picture Tools Format (it’s in the menu on top of your page). There you’ll see a line of frames and if you click on the down arrow next to them, you’ll get a whole menu of different looks. Hover over each with your mouse, and you’ll see the effect on your photo. Select the one you like, and if you want to play with it even more, try all the different options on either side of the frames. There is an endless variety of shapes and special effects to choose from.

6. Make sure everything is aligned by selecting the photo and blue box and go to Picture Tools – Align and click on Align Center. Next, select the two text boxes and go to Text Box Tools – Align – Align Center. Now you just have to eyeball it and use the arrow keys to move the text so that it is lined up with the photo. (Why, oh why, did they set Vista up this way?). That’s it, you’re done!

You can fit two of these cards on one sheet of 8.5×11, and then all you need to do is trim them to size and mail them out. If you prefer to send them as postcards, you could get a rubber stamp with a postcard back and just stamp the back of each card.

Filed under Design, Engagement, Inspiration, Microsoft Word, Tutorial | Comment (0)

Make Your Own Engagement Announcements using Windows Vista

This starts a series of tutorials for those of you who recently got engaged (Congrat-ulations!). Now you have to let the world know your big news! First out is a step by step instruction to making your own engagement announcements using Microsoft Word (Windows Vista).

These instructions are to make a card that looks just like mine. If you want it to be a different size and color, just play with it until you like it.

1. Open a new document (letter size) and save it as a Word Document (important: don’t save it as an earlier or different version of word – some of the tricks we are going to use are only available in the Vista version).

2. Go to Insert – clip art. In the search window, type hearts and click on go. You will see a bunch of images with hearts, and this particular one is the 9th one down on the right (on my computer). If you don’t see it, you can download it at Microsoft Office’s clipart site. The name of the image is j0440320.jpg.

3. The first thing you want to do when you have the picture in your document, is to right click on it, go to Text Wrapping and select “Behind text”.

4. Now, click on the picture again, and go to Picture Tools – Format (In your menu on the top of the page) and select crop. The picture handles will change to thick lines. Grab the bottom one and crop it until you like the way it looks. Then click outside of the picture to de-select the cropping tool.

5. To change the size, right click on the picture and go to Size. Enter the size you want. It will stay relative, and what I did was put in 5.88 in the height and clicked ok. I then clicked on the picture again and pulled the right hand side in until it was 3.99″ across.

6. The picture is a tad bright, so the next thing is to right click again and go to Format Picture. You’ll see a list of options on the left hand side and you want to click on Picture. You’ll see a drop down menu up top called Recolor. Click on the arrow and select the color you want (I used the pink option under Light Variations). I also upped the brightness 6%.

7. Now we’re ready to add text and the photo. Go to Insert (in the menu up top on your screen) and select Text Box. A menu of options will drop down, select Draw text box at the bottom of it. This will give you a crossbar tool, and you will draw your text box over the background picture by holding down the left mouse key and dragging. It defaults to whatever settings you used last, but don’t worry if it looks bad or is in the wrong spot – we’ll fix that soon. Right click on it, go to Format Text Box and under Layout select “In front of text”. Type in your text (I wrote We’re Engaged using LT Oksana, 24pt, bold). Click outside the textbox and go back to Insert and draw another text box. In this one, you will put the other text (in my case, the names and date, again using LT Oksana, 12pts, bold). Click outside the box. (If you want to use LT Oksana but don’t have it on your computer, check out my earlier post about adding fonts.)

9. We need to format the text boxes. Right click on one of them, and go to Format Text Box. Under Colors and Lines, you want to make sure to select No Color and No Line.

10. Now the photo! Go to Insert, Picture and select the photo you want to add. Right click on it, go to Text Wrapping, and select “In front of text”. Then, click on it again and by dragging one of the handles, reduce it to the size you want. (tip: to keep it proportionate, hold down the shift key while dragging). Time to have some fun with the photo. There are so many options for pictures in Vista and you can get some very creative results by playing around a bit. I wanted my photo to be black and white, so I right clicked on it, went to Format Picture, Recolor and clicked on the grayscale option under Color Modes. It can sometimes make the photo a bit washed out, so play with the brightness and contrast until you like what you see.

11. Next, I wanted rounded corners and a frame, so I clicked on it again and went to Picture Tools – Format (up top in your word menu). Under Picture Styles, I selected an option I liked, and that was it. So once you’re happy with the picture, it’s time to line everything up. Click on the background, and while holding the shift key down, click on the photo. This should select both of them, and now you want to go to Picture Tools – Format – Align and select Align Center. Then click on the text boxes and do the same. With the text boxes still selected, press the arrow keys until they’re centered above and below the photo.

That’s it! I put two of them together on one sheet, but if you want to make them smaller, you could get 4 of them on one sheet and save some paper. Once they’re printed, you just need to cut them to size using a paper trimmer. I think rounded corners look nice too, and you can easily add that by using a corner rounding tool (available at any craft or office store).

My next post will be another Microsoft word tutorial. We’ll make another engagement announcement with a different look using other tools and presets.

Filed under Design, Engagement, Microsoft Word | Comments (2)