This tutorial will show you the basics on how to create florals in Adobe Illustrator CS3. Illustrator is the perfect tool for these types of graphics, and your about to see why. Lets get to work.
1. Open Adobe Illustrator and create a new drawing. First of we’re going to need to set our fill to transparent, and our stroke to some color. I’ll be using green for this tutorial.
2. Next were going to select the spiral tool from our tool pallet, and draw a spiral on the screen. If you can’t see it, hold down the left mouse button over the line tool, and select it from the flyout menu.


3. Now that we have a spiral on the screen, we need to make a copy of it, and paste a second spiral. Select the first spiral then select edit->copy from the edit menu. Then select edit->paste in front from the edit menu. This will give you an exact duplicate of the original spiral at the same location.
4. Now we need to transform our duplicate spiral so that we can make a fill later. Rotate and scale your spiral until the center of the spiral touches, and the end points of the spiral are slightly apart. Make sure you don’t have any parts of the spirals touching, or our fill won’t come out right.

5. Now that we have our two spirals, we need to join them together so that we can fill our floral. Select the Direct Selection Tool from the tool pallet, and draw a window over only the two end points of our spiral. Remember to only select the two end points or you won’t be able to join the ends.

Then go to the Object menu and select Object->Path->Join This will join our two end points together. Repeat this step at the center of the spiral also.

Once you have joined your paths set your fill to the same color as your stroke. Once your done you should see something like this:

That’s it your done. From here on out you can add more spirals, and vines, to make nice floral patterns like the ones below.

To make a light weight floral change the fill to white and lighten the stoke. Then add a colored drop shadow. Like this:

Illustrator can save you large amounts of time when making florals, and with a little imagination you can come up with some great designs. That’s it for today. Thanks for reading …
Comments (11)11 Comments »
RSS feed for comments on this post. TrackBack URL
Leave a comment
You must be logged in to post a comment.

[...] Continue Reading [...]
Pingback by Adobe Illustrator Floral Tutorial : Stroke — April 17, 2008 @ 5:04 pm
nice
Comment by sonali — May 27, 2008 @ 11:39 am
Similar Tutorial: http://veerle.duoh.com/blog/comments/swirly_curls_in_adobe_illustrator/
Comment by Brandon Martinez — June 8, 2008 @ 11:00 pm
good eye … There’s really not many ways you can do florals in Illustrator other then drawing them out by hand, which can take some time. I was thinking of extending this tutorial just for that reason.
Comment by Bryan — June 9, 2008 @ 1:36 pm
[...] Adobe Illustrator Floral Tutorial [...]
Pingback by Illustrator Floral Vine Tutorial | WhiteSandsDigital.com — June 13, 2008 @ 6:24 am
[...] are images from my Floral Tutorial on WhiteSandsDigital.com. Filed under: [...]
Pingback by Images from Floral Tutorial | bryankichler.com — June 25, 2008 @ 9:42 pm
i’m just starting my website.. just want to learn things regarding web designs… this one i think is beautiful
Comment by yacinth — July 4, 2008 @ 1:11 am
Thanks Yacinth and good luck with your site.
Comment by Bryan — July 5, 2008 @ 4:36 am
[...] is a simple example tri-fold flier from an imaginary flower shop. I made this flier using the my Floral, Vine, Flower, and of course Ladybug tutorials for a combined effect. I like these fliers because [...]
Pingback by Adobe Illustrator Ladybug Tutorial Part 3 - Usage | WhiteSandsDigital.com — July 16, 2008 @ 4:57 pm
[...] Floral 1, Floral [...]
Pingback by Week Three, Sep. 9, 11 « Typography @ CAU :: create the visual voice — September 9, 2008 @ 12:38 am
[...] is an extension to my original Floral Tutorial. It should offer a better understanding of how to do florials that are a little more detailed then [...]
Pingback by Illustrator Floral Vine Tutorial | DesignerMill — November 30, 2008 @ 4:15 am