Wedding Paper Divas Sale

Engagement Announcements In Purple, White And Gray - An Illustrator Tutorial

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 SwirlyCurlsOnlythe 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.CurlyDesignTweak1

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.

CurlyDesignTweak2UpperCornerNext, 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.CurlyDesignTweak3UpperCorner

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.


Related Posts Plugin for WordPress, Blogger...

5 comments to Engagement Announcements In Purple, White And Gray – An Illustrator Tutorial

Leave a Reply




You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

To prove you're a person (not a spam script), type the security text shown in the picture. Click here to regenerate some new text.
Click to hear an audio file of the anti-spam word