This is the beach themed wedding invitation [...]]]> So far in our beach wedding invitations 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 beach themed wedding 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. For more font inspiration, check out my “More Font Ideas For Your Wedding Stationery” 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.

As always, if you need to brush up on your Illustrator skills, go through one of my earlier [...]]]> In the previous beach wedding invitation tutorial, we made a fast and easy, 1970s-inspired, very informal invitation. Today, we’re making one with a totally different look which is a little bit more work-intensive, but definitely worth the effort.

As always, if you need to brush up on your Illustrator skills, go through one of my earlier tutorials (the Save The Date Postcards – A Step-By-Step Illustrator Guide post is particularly detailed) and take a look at the Illustrator Tools and problem solvers. For font issues, see the How To Add Fonts To Your Computer post.

OK, let’s get started. This is the invitation we are going to make:

and here’s how to do it.

1. First, download the illustration here.

NOTE: It was recently brought to my attention that this vector file is no longer available for download. If you want to use it for your invitations, contact me and I will email it to you.

2. Unzip and open in Illustrator. Select everything and make it the size you want it to be (I made mine 5×7). The easiest way to do that is to, with everything selected, type in the dimensions in the Transform palette (make sure the Constrain Width and Height Proportions is not active).

If you don’t see the Transform palette, go to Windows – Transform and it will open.

3. The next thing I did was to select all the fishes and put them on a separate layer. This is a bit time consuming, but you’ll be happy you did it when you need to move them around to make room for the text.

So select all the fishes with the Direct Selection Tool (white arrow), cut and paste on a new layer (to paste them in the exact same spot on the new layer, press CNTRL+F). Make sure you select their eyes too, otherwise they’ll stay on the “ocean floor” layer. If your new layer is above the ocean floor layer, drag it beneath it.

4. Lock both these layers and create two new layers. In the first one, type in your text. I used Papyrus 12pt (black) for the text and Papyrus 18pt (R 0, G 156, B 197) for the bride and groom (spaced at 30pt). Depending on your wording, you may have to space all the text differently to make it fit and look good.

5. Lock that layer and go to the next to add the ampersand. I used Dahrlin Regular at 48pt (R 0, G 117, B 139). Move it around until you like what you see.

6. Tweak everything until it looks good. Play with fonts, font size and word spacing, move the fishes around, resize items. Once you like it, you’re done!

Statistics tells us that 2.3 million couples get engaged every year in the US; 19% of all those engagements take place during the month of December and 10% on Valentine’s Day.

With those facts in [...]]]> With the holidays (and soon Valentine’s Day) behind us, I know that there are many of you who are newly engaged (Congratulations!).

Statistics tells us that 2.3 million couples get engaged every year in the US; 19% of all those engagements take place during the month of December and 10% on Valentine’s Day.

With those facts in mind, I thought this would be a good time to do a tutorial on DIY engagement party invitations.

I call today’s invite “Damask Engagement Invitation” and we are using free vector art (x 2) and Illustrator. As always, if you get stuck or are unsure of where to find a tool, read through a previous tutorial, and look at my posts about the tools and Illustrator notes and problem solvers. For font issues, see “How to add fonts to your computer“.

Now, let’s make the invitation:

1. Download the free vector file “seamless pattern” from seamless megapack 2 at designious.com.

2. Download the free vector file “framedoodle” from Pixels & Ice Cream.

3. Unzip the files and open them in Illustrator.

4. Create a new document, any size you want, I made mine 6.25 wide x 4.5 high (a size A6).

5. Go to the seamless pattern document. Select the background and damask pattern (not the text). Copy and paste into your new document. Size it to fit by typing in your document’s dimensions in the transform palette (with the entire design still selected). You may need to click the “constrain proportions” to make it work properly.

6. Select the background only (by clicking somewhere in between the damask pattern). Cut it and paste in place on a new layer (CNTRL + F will paste it in the exact same location on the new layer). If the new layer is on top of the pattern, pull it below.

7. Lock the layer with the damask pattern; we won’t be touching that again.

8. If you want to change the color of the background like I did, select it and pick any color you want (I used R207 G235 B242).

9. Lock that layer and create a new one on top of both layers. Select the Rectangle tool and click once on the artboard. A window will pop up where you can put in the desired dimensions of your box. I made mine 6.25 x .05″ and filled it with the same color as the background. Pull the colored bar to the middle of the card.

10. Go to the document with the framedoodle. Select the entire design, copy it and paste it in a new layer in your document. We only want the outer part of this frame, so with your white arrow, select and delete the inner part (the dots).

11. Once you have just the outer portion of the frame left, select it and group it. I wanted it to match the color of the damask pattern on the bottom of the card, so I selected it and picked a matching brown. Even though it seems like it is the stroke color that should be changed, it is actually the fill color.

12. As you can see, the frame is transparent, and we want a white background. Select the frame and look at the Fill and Stroke section of the toolbar. You’ll see that it has a brown fill and no stroke (even though it doesn’t look that way). Click the Swap arrow to reverse that. Then, select the paint bucket,  set the fill color to white (either in the colors palette or in the fill and stroke part of the toolbar) and as you hover over the frame, you’ll see a text that says “click to make a live paint group”. Click and the frame will be filled with white.

13. Re-size it if needed (I made mine a bit larger) and place it where you want it on the card.

14. Create a new layer and add the text. I used Carleton 12pt for the top and third row, Carleton 9pt for the fourth and fifth row, and Ribbon 131 Bold at 24pt for the names.

Voila! Your own homemade engagement invites! If you want to be really budget-minded when printing these invitations, you could make them smaller, and put four on a page. I suggest making them 5.25×4 – that way you can fit four of them on a standard letter sized page with a little bit of a margin around the edges (since many printers don’t print all the way to the edge). Print on nice heavy cardstock and cut to size. They will fit in a size A2 envelope.

If you don’t want to or can’t print them yourself, ask at a local print shop or office store – they will most likely be able to help you.

In the two previous tutorials, we created Engagement Announcements using Microsoft Word, and today, we’re making one in Illustrator. You can obviously adapt this to be a Save the Date card, or even Wedding Invitations by making just a few [...]]]> This is part 3 in my series of tutorials for those who just got engaged (Congratulations!).

In the two previous tutorials, we created Engagement Announcements using Microsoft Word, and today, we’re making one in Illustrator. You can obviously adapt this to be a Save the Date card, or even Wedding Invitations by making just a few changes (and perhaps doing a vertical instead of horizontal layout). To zoom in on the screen shots, just click on them and they will open larger in a new window.

If you’re new to Illustrator, you may want to take a look at my posts about the tools, notes and problem solvers and maybe read through another one of my Illustrator tutorials.

Today we’re making this card in two different versions:

and we’re using another vector file by one of my favorite designers, jlwDesign

This is how to do it:

1. Open a new document in Illustrator.

2. Draw a 6.25×4.5 box (which will fit in all standard size A2 envelopes).

3. Fill the box with R195, G160, B178 and make the border black.

4. Lock the layer with the box.

5. Download the Swirly Curls illustration here. (Read the License Agreement).

6. Unzip it and open the ai file. The easiest way to isolate the design element we want is to go through and click on everything we don’t want and delete it (don’t save the file after you’ve done that, just leave it open for now). Once you have only the swirly curls left, select all of them, copy and paste them into a new layer in your announcement document. While they’re still all selected, group them and then turn them 180 degrees (by right clicking and going to Transform – Rotate.) Go back and close swirly curls file without saving it.

7. On your card, pull the entire curly design as close to the upper left hand corner of your purple card as you can without too much of it going over the edge of your card.

8. Now, we need to tweak the illustration a bit, and what I did was this:

With your black arrow, click on the design and go to Object – Ungroup.

With your black arrow, click on the part of the illustration that is on the lower right hand side and drag it down into the corner.

We also need to delete a few pieces, so with your white arrow, click on the parts that you don’t want and hit Delete. I deleted these:

Now we want to make sure the design goes all the way out to the edge on the left and also that no parts are “hanging out” over the edges.

First, click with your white arrow on the leaf that’s too long on the bottom, and while it’s selected, switch to the black arrow. That puts a box around just that part of the design, and you want to pull on the handles until the leaf is inside the border.

Next, click on the white part of the design in the upper left hand corner and do the same thing, except this time, you pull the handles outward towards the border until it looks nice. You probably want to zoom in when you’re doing this, it’s pretty hard to get it perfect otherwise.

Next, click on the white part about halfway down and do the same thing.

Now, with your black arrow, drag around the entire design (except for the part in the lower right hand corner) and group it (by going to Object – Group). Make sure the layer with your purple box is locked when you do this, otherwise that’ll be part of the group. The curlies are a little bit too wide, so just grab the middle handle of the box around the design and push it to the left a little bit.

9. Lock this layer and add a new one for the text.

10. Select your text tool and type in your text. I put it in three separate boxes so that I could easily move them around. I used Bernhard Fashion BT 24pt with a 1pt border for the top box, and colored it R137, G53, B88. The middle box is Bernhard Fashion BT 28pt with a 1pt border in white, and the bottom box is Bernhard Fashion BT 21pt with a 1pt border, same color as the top box. Need help with fonts? Read my earlier posts about font ideas and how to add fonts to your computer.

11. Lastly, select your purple box and get rid of the black border (I like to have it there as a guide while I’m designing a card, but not when printing it.)

That’s it, you’re done. I would put two of these on each sheet, print them on heavy, white cardstock and trim them to size. I think rounded corners give them a nice, finished look, and it’s easy to achieve with a rounded corner punch, available at any craft store.

If you want to add a photo to the card, just create a new layer and to go File – Place and select one from your computer. What I did was place the photo on its own layer, created a new layer and drew a transparent circle. I then placed the circle over the part of the photo I wanted to show (but still on a separate layer), selected both and went to Object – Clipping Mask – Make. That turns the shape you drew into a clipping mask and you are left with just that part of the photo visible. I then added a drop shadow to make it stand out from the background a little bit. To do that, select your photo and go to Effect – Stylize – Drop Shadow. Play with the settings a little bit (with Preview checked) until you like it.

These instructions are to make a card that looks just like [...]]]> This starts a series of tutorials for those of you who recently got engaged (Congratulations!). 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.) If you want a different font alltogether, see my “More Font Ideas For Your Wedding Stationery” post.

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.

Also, check out my word tutorials on Save the Date cards and Wedding Invitations.

For those of you who are [...]]]> In today’s tutorial, we’re using Microsoft Word to create Save The Date cards. While you can’t do as much with the illustrations in Word as you can in Illustrator, I do realize that not everyone has access to graphics programs, or have time to learn them for just one project.

For those of you who are interested in continuing to design your own cards and other items, I think Adobe Illustrator is a very worthwhile investment. And if you’re a student (or faculty), you can get it for a really good price ($199 as opposed to $599 for Illustrator CS4). Sometimes you can get a lower price even if you’re just taking an evening course, so definitely check that out.

I’m calling today’s Save The Date card “China Dream” because that’s what the illustration we’re basing it on is called, and here how it all comes together:

1. Download China Dream by Mariannasm here. Read the License & Usage.

2. Unzip the file

3. Open a word document. Go to Insert – Picture – From File and click on the jpg of the unzipped file.

4. Right click on the illustration and go to Format Picture. In the Size tab, uncheck “Lock Aspect Ratio” and put in the dimensions you want (I made mine 4×6). In the Layout tab, select “Behind Text” in the Wrapping Styles. Click OK.

5. Go to Insert – Text Box and drag a text box anywhere on the page (it’s a little bit easier to work with if it’s not right on top of the illustration for right now). Right click on the text box and go to Format Text Box. In the Colors and Lines Tab, select No Fill and No Line.

6. Type in your text. I used Papyrus 14 pt for the text part and Adine Kirnberg Script 32pt for the bridge and groom, all aligned right.

If you don’t like the fonts I used, or the ones you have on your computer, look on the internet – there are tons available for free online (if you need inspiration, check out my “More Font Ideas For Your Wedding Stationery” post). You just need to download the ones you want and add them to your font library. See my “How To Add Fonts To Your Computer” post if you need help with that.

7. Move your textbox over the illustration and position it where you want it. You may have to tweak the size of the type and paragraph spacing a little bit, since we can’t change the illustration in Word. Once you like what you see, you’re done!

You could easily turn these into wedding invitations as well, you just have to change the wording and maybe adjust the font sizes a bit.