195 - Mesh Flower in Illustrator ~

example

Learn These Tools & Concepts:

checkFeathering

checkMesh Tool

checkTransparency

checkSwatches

 

• This Tutorial is Still Under Construction!

This tutorial is part of the Shadow Life and/or the Make a Scene Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

exampleexampleexample

Step #1: Open Illustrator ~

check Select the Polygon Tool.

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

Get Adobe Flash player

check Click once on the artboard to activate Polygon options …

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

Get Adobe Flash player

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

polygon color


Step #2: Mesh Tool ~

check Select the Mesh Tool or hit the shortcut key - (U)

mesh tool

check 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

check 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 #3: Direct Selection Tool ~

check Now get the Direct Selection Tool direct selection tool

check 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 #4: Change the Color ~

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

swatches

check … and change the color.

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

Get Adobe Flash player


Step #5: The Corners ~

check 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 7: Drag the Corners ~

check 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

check Adjust each individual mesh point if necessary.

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

Get Adobe Flash player


Step #8: Flower Petals ~

check Now for the flower petals. Select the Pen Tool (P) …

pen tool

check … and draw a petal shape as shown.

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

Get Adobe Flash player

check Adjust the shape with the Direct Selection Tool direct selection tool

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

Get Adobe Flash player


Step #9: Color the Flower Petal ~

check Hit F6 and open the color palette, and turn off the stroke …

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

Get Adobe Flash player

check Set the Fill Color to whatever you want … .

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

Get Adobe Flash player


Step #10: Color the Flower Petal ~

check Now try the Pencil Tool

pencil-tool.png

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

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

Get Adobe Flash player


Step #11: Feathering ~

check Then go to: Effect > Stylize > Feather, then set the Feather Radius of the inner shape to whaterver looks good.

feather-radius


Step #12: Mesh Tool ~

check Select the Mesh Tool (U)

mesh tool

check Click somewhere on the petal …

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

Get Adobe Flash player

check … then select a different color.

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

Get Adobe Flash player

check Keep doing this with random mesh points and different colors.

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

Get Adobe Flash player


Step #13: Duplicate the Inner Shape ~

check 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

check 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 #14: Duplicate the Shapes ~

check Select all the shapes and group them by hitting Cmd+G.

flower cmd d

check 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

check Then rotate the new petals using the Selection Tool

multiple flower petals


Step #15: The Middle of the Flower ~

check Select the shape from the earlier Steps 1-4 and place it on top of the pedals. Set the layer mode to 88% Opacity and apply a Feather effect of 5pt.

 Mesh tool shapes


Step 16: Background ~

check 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.

background


Last Step: Save Your Project & Attach ~

check mark Go to: File > Save as … and save your work as an .ai file.

check mark Attach it and continue working …


Resources: http://www.creativepro.com/article/tug-and-twirl-text-illustrator