I recently had to throw a nice big Tiffany box out (it fell victim [...]]]> It’s time for another Illustrator step-by-step tutorial. Today, I thought we’d move on from the beach theme wedding invitations and do an invite for those who are centering their wedding around a specific color – that beautiful Tiffany blue we all love.

I recently had to throw a nice big Tiffany box out (it fell victim to our basement being flooded during a recent storm) and it really bothered me, I love to keep them and use them to store trinkets and paper craft supplies, etc. (why I had put it in the basement in the first place, I don’t know, it probably happened during a mad cleaning session!). Anyway, seeing it reminded me what a gorgeous color it is, and I was inspired to create today’s invite.

This is the invitation we’ll be making:

and here’s how:

1. Start by downloading the vector file we are basing the invitation on. It is called “Leaves on curly branches” and was designed by DragonArtz Designs. You can download it here and please make sure to read the license.

2. Open your downloaded file and copy the entire design. Open a new Illustrator document and size it 5.25×5.25. Paste the design into your new document. It will be much larger than your document, so in the Transform palette, put in 5 for the width (and make sure you have it set to constrain the proportions). It will be smaller than the document, but that’s fine, we’ll fix that later.

3. I didn’t like the roses in the design, so to get rid of them, you want to click on one with your white arrow and then go to Select – Same – Fill Color. That will select all of them, and you can just hit delete.

4. Next, select the entire design with your black arrow and move it up so that the upper left hand corner of the black square matches up with the corner of your document. With the design still selected, grab the square in the lower right hand corner and pull until it matches up perfectly with you document. Take a look at the top of the design once you’ve done that, chances are you need to adjust that again too. Zoom in to make sure everything is lined up correctly. You’ll notice that part of the branches are outside your document – that’s fine, don’t worry about it.

5. Now, to make things easier, I like to put the different parts of the design on separate layers. Select the background square (with the white arrow), cut it, create a new layer (which will automatically end up on top of the other layer, so pull it to the bottom), lock the old layer and paste the box in place (Cntrl + F) on the new layer. Lock that layer and go back to the other one.

6. Unlock the layer with the branch design and with your white arrow, draw a box around the branches in the lower left hand corner (make sure you get every little piece of it). Cut, create a new layer, lock the original layer and paste the branches in place (Cntrl + F) on your new layer.

7. We can leave the other branches on the original layer, since that’s all that’s there now. So now you have three layers to work with. Lock the top two, unlock the background layer, select the box, and now we want to change the color to the Tiffany Blue. With your box selected, double click on the fill square in the toolbar. This will bring up the color selection window, and you want to put 9AE4E8 in the hex color box (the last one in the left column). Click ok and your box is now blue. As you can see, the branches are perfect the way they are, so no re-coloring needed there.

8. Next, we need the “framedoodle” from the “Damask Engagement Party Invitation” post, so if you have created that one already, great, just open that design and copy the framedoodle. If you didn’t, hop over to that post and follow the instructions to how to create one.

9. Once you have your framedoodle, copy it and paste it on a separate layer in your Tiffany Blue document. As you can see, this is not quite right, so select the framedoodle, right click, go to Transform – Rotate and put in 90 in the window and click ok. Now it’s on the right end, but looks a bit narrow, so select it and pull one of the side boxes until you like what you see. Place it in the center.

10. This looks nice, but isn’t quite the look I was going for, so next, select the framedoodle, and change the fill color to C5EFEF (the same way we did it in step 7). Now, we want a nice thin white border too, so select it again, and change the border color to white. Make sure you have the Stroke color selected in the toolbar and just go to the color palette and click on the little white box in the lower right hand corner. If the border looks a bit heavy, like mine did, select the framedoodle again and in the Stroke palette, change the weight to 0.25.

11. This is starting to look nice, right? Just a few more tweaks… next, let’s add the text. Create a new layer and lock all the others. Pick the Text tool from the toolbar and type in the first line. Don’t worry about how it looks right now, we just want to get the text in there and then we’ll style it. Click on any other tool and then go back and select the text tool again and type in the name of the bride and groom. Click on any other tool and then go back and select the text tool again and type in the rest of the text. The reason for doing this is that we want 3 separate text boxes.
If you want the “other text” (i.e. not the bride & groom) in caps, type it in in caps, I’m not using an all caps font for this. It will end up looking something like this:

12. Now we want to make it look good. Change the fonts first. I used Autumn, Regular, 9pt for the “other text” and Ribbon 131 Bold BT, Bold, 24pt (with a 26pt leading) for the bride & groom. You also want the text to be centered, so in the Paragraph palette, select Centered. As usual, if you don’t have these fonts, see my “How to add fonts to your computer” post. Or if you want to use other fonts, you can obviously do that too!

13. Move the text around until you like how it looks and make sure the text blocks are lined up by selecting them and click on Horizontal Align Center.

14. I also changed the colors of the text. The “other text” is 494648 and the bride & groom 873C5B.

15. As you can see, part of the branches are hidden behind the framedoodle, so we want to fix that. Just select the layer (in the layers palette) with the framedoodle and pull it down below the branch layers, so that it ends up just above the blue box layer. Voila – the branches are in front of it!

If you like it like this, by all means leave it this way, but I wanted to pull the branches off of the text and to do that you need to:

16. Lock all layers and unlock one of the branch layers. Select it with the black arrow and either make it a bit smaller by pulling on one of the little white boxes, or just move it out to the side. Do the same thing with the other branch layer, and once you like what you see, it’s done!

I would print this on nice, heavy white cardstock, and you can fit two on a landscape letter sized sheet. Part of the branches are still going to hang on the outside of the invites, but it doesn’t matter, since they will be trimmed to size anyway.

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.

As always, if you get stuck, see if you can find help in my Illustrator tips or [...]]]> This tutorial is based on a Save the Date card we created earlier, so if you missed it and want to give these invitations a try, just hop on over to that post and put that card together first.

As always, if you get stuck, see if you can find help in my Illustrator tips or by doing a quick review of the Illustrator toolbar.

Turning your Hummingbird Save the Date card into printable wedding invitations is super easy! This is how I did it:

1. Open the Save the Date card you created earlier.

2. Go to File – Save As and save it as Hummingbird Invite (or whatever you want to call it).

3. In your Hummingbird Invite document, go to File – Document Setup and in the dimension windows, put 5 for width and 7 for height (if you want to go the traditional route).

4. Unlock the bottom layer, click on your 5×5 background color square and in your Transform palette, put in 5 for the width and 7 for the height. If you don’t see the Transform palette, just go to Window – Transform and it will pop right up. Align your box with your document. Lock this layer.

5. I happened to like both where the illustration ended up by chance and the size of it on the invite, but you can obviously resize it and move it any way you want. If you want to do it my way, just leave it where it is and make sure that layer is locked too.

6. Go to your text layer and change your text.

That’s it!

If you want to keep the invite square, that’s obviously even easier. All I would do then is just make the illustration a little bit smaller and change the text. You may have to space it a little bit differently than I did on the 5×7 invite to make it fit, or change the wording slightly. Be creative and play around with the layout until it looks good to you.

Most fonts can be classified as either serif or sans serif. Serif fonts have those [...]]]> Well, that depends on what sort of feel you want your printable wedding invitations to have. Microsoft Word comes with an abundance of fonts, but there are many more cool fonts readily available for dowload (some for free) on the Internet.

Most fonts can be classified as either serif or sans serif. Serif fonts have those extra little strokes at the bottom and top of the letters (Times New Roman, Garamond and Century Schoolbook are good examples). Sans serif fonts do not have those strokes, and look more soft and rounded. Examples of sans serif fonts are Arial, Century Gothic and Tahoma.

For a traditional look, use serif, script or calligraphy fonts. Some of my favorite serif fonts are Bookman Old Style, Garamond and Goudy Old Style.

Script fonts, which emulate handwriting, can look really nice on invitations. With the exception of Linotype Zapfino, I’m not crazy about the ones that come with Word, but some other good choices (available online) are Aquiline, English, Hamada and Windsong.

Calligraphy fonts are also very pretty. Some of my favorites are Jellyka BeesAntique Handwriting, Scriptina, Jane Austen and Aquiline.

Some contemporary fonts I like are Papyrus, Scriptina, Jano, Linotype Belle, and ITC Vino Bianco.

For all caps fonts, my favorites are Copperplate Gothic Light, Trajan Pro, Felix Titling, and Enviro.

Or choose your font to match different wedding themes. For a 1920s style wedding, use Nite Club, Upper East Side or Parisian; for a 50s feel, Fontdiner.com, Loungy or Rocket Script; Keep on Truckin or Brandy for a groovy 1970s wedding; for beach weddings, use a casual font, or if you want something very non-traditional, try something fun like KR California Sun or Jenna’s Shells. And should you happen to have a Disney-inspired event, Waltograph is the font for you.

A nice idea is to use a different font, case, size or even color for your names (i.e. the bride and groom). An example would be to type your names in all caps and the rest in sentence case, or your names in italics (larger type) and the text in smaller all caps. Play around with it until you find a layout you like, there are no set rules and the most important thing is that you like it.

You can also use fonts to add designs. KR Cuori Divertenti comes in several editions and consists of really cute illustrations depicting champagne glasses, toasting, hearts, rings, roses etc.

Many couples choose to go the traditional route when it comes to fonts, but don’t be afraid to have fun with it and use a font that reflects your personality. I think a fun, non-traditional invitation beats the traditional layout every time.

More font ideas

How To Add Fonts To Your Computer