Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
In this quick tip tutorial we are going to create a geometric "F" in the shape of a flower with Adobe Illustrator. To do this, we are going to use some geometry, basic shapes and the Pathfinder panel. This tutorial is inspired by our recent Tuts+ Workshop: Alphabet Design Challenge.
First, we start with a quick sketch of our drawing. To do it we are going to use the Blob Brush Tool (shift+B).
Draw your sketch with freedom, but consider which geometric shapes we will use later on. Such as octagons, squares, rounded rectangle, etc...
The first figure we are going to draw is the pot.
- To do this, first draw a Rectangle (M),
- Then add a circle with the Ellipse Tool (L),
- Now Copy the rectangle and Paste in Back (Cmnd + B),
- Then select the bottom nodes and press "S" and scale them like in the image.
- Now select the rectangles and add some anchor points in Object / Path / Add Anchor Points and adjust them like in the image.
- Select the circle and Copy and Paste in Front (Cmnd + F) and scale it.
- Add a vertical line and align it to the center of the pot.
- Select the line and go to Object / Path / Divide Objects Below and now our pot is done!
Finally press "D" to put the basic white fill with a black stroke.
Now it's time to add the stem of the plant.
- First we draw a Rounded Rectangle.
- Then we add a smaller Rounded Rectangle and rotate it like in the image.
- Drag it by pressing Alt + Shift to duplicate it one at time and then press Cmnd + D to duplicate it one more time at the same distance (this command repeats the last action you do, in this case the duplication of an object).
- Group those three shapes and duplicate them like in the image.
Finally our stem is done.
To create the leaf it's easy!
- First draw a square with the Rectangle Tool (L)
- And rotate it.
- Adjust the nodes like in the image.
- Now duplicate the figure and scale it like in the image.
- Finally add a vertical stroke, select it and apply Object / Path / Divide Objects Below.
The flower is pretty simple.
- First start with a square created with the Rectangle Tool (M)
- Then scale the anchor points like in the image.
- Finally, duplicate the figure and adjust it like the image
For the other part of the flower:
- Draw an octagon
- And an 8 point star.
- Align them to center and make sure they fit together like in the image.
- Then duplicate the octagon and adjust it like in the image.
- Select it and the star and press Intersection in the Pathfinder.
- Finally adjust the object like in the drawing.
Bringing all the elements together, our letter should look something like this. Now lets started with colors.
This is the color palette that we are going to use. You can generate it like in my previous tutorial on How to Create a Colorful, Fun Vampire!
Apply the color by having your palette close to your illustration and with the Eyedropper Tool (I) you can select a color and then by pressing ALT use it to paint.
The flower would look something like this.
Add more geometry and details like in the image below. This is to give more life to the design.
I have finished our design by first Selecting All (Cmnd + A), then Copy and Paste in Back and Ungroup everything. Then apply Unite in the Pathfinder panel. Apply a purple stroke, this to add an underline to the drawing. Now our flower is done!
I hope you have enjoyed this tutorial, Saludos!