example

Summary:

Mesh Flower in Illustrator

    ●   Make Beautiful Flowers using the Mesh Tool.


Learn About:

FeatheringMesh Tool Transparency Swatches

This tutorial is part of the Shadow Life, Free Trade, Make a Scene Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

       

Step #1: Open Your Project in Illustrator ~

Open YOUR PROJECT in Illustrator and …

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

 

… make a New Layer and Lock the others.


Step #2: Flower Petals ~

Get the Pen Tool or hit the keyboard shortcut letter (p) …

pen tool

… and draw a petal shape as shown.

 

 

 

It doesn't have to be Perfect!

 

 

 

Do your best! You can fix your shape later!

 


Adjust the Shape with the Direct Selection Tool

 

 

Now use the Direct Selection Tool by hitting the keyboard shortcut letter (a) to adjust your shape.

 

 


Step #3: Color the Flower Petal ~

Turn off the Stroke

… and set the Fill Color.


Step #4: Color the Flower Petal ~

Get the Pencil Tool, or hit the keyboard shortcut letter (n) …

… and add another shape toward the bottom part of the flower pedal. Fill it with a pink or any other color of your choice.


Step #5: Feathering ~

With the inner shape selected, go to: Effect > Stylize > Feather

… and set the Feather Radius of the inner shape to whaterver setting blends the edges slightly.


Step #6: Mesh Tool ~

Select the Mesh Tool again (U) …

… click somewhere on the petal …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and then select a DARKER color.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

 

 

 

 

Keep doing this with random mesh points all around using different colors.

 


Step #7: Duplicate the Inner Shape ~

Select the inner-shape with the Selection Tool selection tool, and, holding down Alt (⌥)/Option keyalt option key make a copy.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Shrink it down to about 75% of the original one, fill it with a darker color and a Feather effect, too.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Duplicate the Shapes ~

Select all the shapes and group them by hitting the keyboard shortcut: Cmd(⌘)+G.

flower cmd d

Then copy the petal by holding down Alt (⌥)/Option alt option key while clicking and dragging it slightly.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Then rotate the new petals using the Selection Tool


Step #9: The Middle of the Flower ~

Select the Polygon Tool which is behind the Rectangle Tool …

… click once on the artboard to activate Polygon options …

… set a Radius of approximately 50 pt with 6 Sides and fill the polygon with a color of your choice.


Step #11: Mesh Tool ~

Select the Mesh Tool or hit the keyboard shortcut letter (U) …

… click once with the Mesh Tool in the center of the shape to start your mesh.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Start adding mesh points on either side, and top & bottom.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #12: Direct Selection Tool ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

… and click the center Mesh point with the Direct Selection Tool.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #13: Change the Color ~

With the the mesh point selected, click the Swatches panel …

swatches

… and change the color.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #14: The Corners ~

Next, select each corner mesh point and fill it with a color of your choice.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #15: Drag the Corners ~

Start dragging each corner point of the polygon out to create a star shape.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Adjust each individual mesh point if necessary.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Feather the inner shapes maybe lower the Opacity.



Step #16: You Need a Background ~

If you need a background, create another rectangle, fill it with a color, and select random points and fill them with a darker or lighter green using the Mesh Tool again.


Last Step: Save and Attach ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

Attach it!

  •   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other Resources: