In this tutorial, we'll explain how to create a flower with Illustrator's mesh tools and opacity masks. With these tools you have a high-degree of control and can create realistic looking illustrations. Let's get started!
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
- Program: Adobe Illustrator
- Version: CS4
- Difficulty: Intermediate
- Estimated Completion Time: 1.5 hours
Open up a new document and select the Polygon Tool. Click once on the artboard and choose Radius 50pt and Sides: 6 in the pop up window. Fill the polygon with an orange color.
Select the Mesh Tool (U) and start adding mesh points. Click once on the top line of the polygon.
Then repeat the step by clicking in the middle and on the right of the top horizontal line of the polygon as shown.
Then click once right into the middle of the polygon with the Mesh Tool (U).
Select the Direct selection Tool (A) and highlight the center mesh point, then fill it with a darker orange.
Next, select each corner mesh point and fill it with a yellow.
Start dragging each middle mesh point of each side of the polygon towards the middle until you create a similar star shape, just like you see in the image below.
Let's move onto the flower pedal creation. Select the Pen Tool (P) and draw a similar shape as shown in the image below. Fill it with 5% Black.
Create another shape similar to the one shown below, which will be the bottom part of the flower pedal. Fill it with a pink or any other color of your choice. Then go to Effect > Stylize > Feather, then set the Feather amount to 5pt. Place it on top of the gray pedal.
Apply mesh points to the pedal with the Mesh Tool (U). Select random mesh points and fill them with a darker gray.
Select the smaller pink shape and make a copy. Then scale it down to about 75% of the original one. Fill it with a darker pink or a purple. Apply a Feather effect of 2pt.
Group the flower pedal and the two small shapes together. Then select the grouped shape and Rotate (R) and duplicate it until you have six pedals.
Select the orange shape from 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.
Make a copy of the orange feather shape and scale it down.
Create a rectangle and fill it with green. Then add mesh points with the Mesh Tool (U). Select random points and fill them with a darker or lighter green. This will be the backdrop.
Group all the flower shapes together and make a copy. Then apply a Gaussian Blur effect of 21 pixels.
Place it on top of the backdrop.
You can add some text on the right.
Make a copy of the blurred flower, scale it down and place it to the right of the bigger one. Set the layer mode to 20% Opacity.
Make another copy and apply a stronger Gaussian Blur of 65 pixels, then place it on top of the big flower. Set the layer mode Opacity back to 100%.
I started adding some Opacity Masks to the original non-blurred flower and placed several into the background in order to create a sense of depth of field. will explain how in the next step.
Take a copy of the original flower and apply an Opacity Mask. Select the Opacity Mask window (Black square).
Create a circle that is bigger than the flower and fill it with a black to white linear gradient.
Add another smaller ellipse on top with a black to white gradient. This will hide the edges of the pedals. Remember, we are still in the same Opacity Mask.
Leave the Opacity Mask. Place another original flower on top. We want to add another Opacity Mask.
Repeat Step 24 and apply another Opacity Mask. As you can see, the image is set up with several flowers placed on top or behind, scaled down or blurred. This will create the illusion of a depth of field and it makes it much more interesting.
Voila, that's it folks. Opacity Masks can be difficult to understand, but they can help to create some awesome effects. Just remember that black hides and white reveals and always make sure that you are in the active Opacity Window and that you leave it by clicking on the layer window next to it.
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post