
In this tutorial, you will learn how to use the Mesh Tool and
Gradient Tool in Adobe Illustrator to create a beautiful red rose, and you’ll also learn how to recolor it!
If you want to skip the tutorial and just use this rose in your work, you can purchase the Happy Valentines Day Background Single Red Rose Vector from GraphicRiver!

1. How to Create Leaves
Step 1
Let’s start by creating leaves around the rose! This will make it easier to create the rose afterwards.
Create a dark green #415414
rectangle, and then delete its right upper node to create a triangle. Take the Mesh Tool (U) and place a node in the middle of the shape, and then bend the other nodes to resemble the leaf in the picture below.
We will be using the Mesh Tool a lot because it makes the shaping and coloring of different elements so much easier!

Step 2
With the Lasso Tool (Q) or the Direct Selection Tool (A), select the tip and the left side of the leaf, and color it with #A8B060
.

Step 3
Select the top middle node of the leaf and color it with #6C7A33
. Make a copy of this part, reflect it vertically, and put it aside for a while.

Step 4
With the Mesh Tool (U), add a node on the left side of the leaf, and then shape the rest of it so it looks more natural.

Step 5
Continue coloring the leaf with the instructions below.

Step 6
Grab the copy you made in Step 3, and continue coloring it according to the picture below.

Step 7
Move on to creating another leaf. This one involves just making a long rectangle, coloring its top part a darker color, and then shaping it with the help of the Mesh Tool.

Step 8
Move on to coloring the leaf shape.

Step 9
Create a copy of the shape we made in the last step, and then right-click and Transform > Reflect it Horizontally.

Step 10
Use Effect > Warp > Flag on the reflected copy with 20% Bend.
Select the shape and go to Object > Expand Appearance.

Step 11
Bend the expanded shape to make it look like the second step in the image below.
Step 12
Put all the parts together! It’s already starting to look good!

We are done with the leaves!
2. How to Create the Flower
Step 1
Out of a red rectangle, create a petal shape. Using the Mesh Tool, create a lot of nodes in the middle of the petal and shape it accordingly.

Step 2
Continue by coloring the petal.

Step 3
Create a dark red rectangle and shape it with the Mesh Tool.

Step 4
Color the petal, following the steps below.

Step 5
Just three petals remain! Try to shape this one as accurately as possible.

Step 6
Color the resulting shape.

Step 7
Bend this rectangle as accurately as possible.

Step 8
Then, color it.

Step 9
Finally, bend and color one final petal and you’re done!

Step 10
Assemble the rose under the leaves!

3. How to Make the Rest of the Flower
Step 1
Create the stalk, following the steps below.

Step 2
Similarly, make the shape that will be connecting the leaves to the stalk.

Step 3
Let’s move on to creating the mesh for the leaf.

Step 4
For the rest of the leaf, head on to my tutorial on creating spring flowers.
Follow Steps 3-6 in Section 3 of the tutorial, using the mesh we created above.

Step 5
Add your finished leaves to the shape we made before!

Step 6
And now assemble the whole rose! We’re almost done!

4. How to Create the Shadows
Step 1
Let’s create the shadow for the rose! Draw two narrow rectangles, the lighter rectangle a bit wider than the second one.

Step 2
Turn the lighter rectangle completely transparent by going to the Transparency options and setting the Opacity to 0%.

Step 3
Move the brown shape on top of the transparent one, and then go to Object > Blend > Blend Options, setting the mode to Specified Steps and its amount to 30.
After confirming the setting, select both objects and proceed to Object > Blend > Make.

Step 4
Set the transparency mode of the resulting object to Multiply.

Step 5
Add the shadow to the rose, just under and to the right of its stalk.

Step 6
Create another type of shadow by applying a beige to white Radial Gradient to an ellipse.
Modify its shape by dragging the gradient with the Gradient Tool (G) to follow the shape of the ellipse.

Step 7
Create lots of copies of the result and add them together to mirror the shape of the actual rose.

Step 8
Now, add them behind the flower!

Step 9
Quickly create the paper background for the rose.

Step 10
Place the rose with the shadow onto the new background! We’re done!!

5. How to Recolor the Roses
Step 1
In this final section, I’ll teach you how to recolor our finished rose and show you a few sample variants.
First, select the petals of the flower and turn them into black and white by going to Edit > Edit Colors > Convert to Grayscale.

Step 2
Lighten the rose by going to Edit > Edit Colors > Adjust Colors and setting the Black slider to -55%.

Step 3
Now, after going to Edit > Edit Colors > Saturate, set the Intensity to 78%.

Step 4
Create six copies of this rose. If you want to try all of the colors, I’m going to show you. Alternatively, you can try making your own colors by experimenting with Edit > Edit Colors > Adjust Colors. In the window, switch to the RGB tab and tick Convert.
Bright pink:
- Red: 24%
- Green: -35%
- Blue: -22%

Light pink:
- Red: 43%
- Green: 5%
- Blue: 10%

Yellow:
- Red: 31%
- Green: 14%
- Blue: -64%

White:
- Red: 35%
- Green: 29%
- Blue: 23%

Orange:
- Red: 26%
- Green: -23%
- Blue: -31%

Dark Red:
- Black: 30%

Then:
- Red: 43%
- Green: 5%
- Blue: 10%
Step 5
Now that we have all the different colors, we can create a beautiful bouquet of roses just like this:

Awesome Work, You’re Done!
Thank you for following along, and please
feel welcome to post your result in the comments. I’ll be looking
forward to seeing it!
In this tutorial, you learned how to
create a beautiful photo-realistic rose from scratch, using the Mesh Tool and the Gradient Tool.
I
hope you’ve enjoyed this tutorial and learned how to use some useful
tools for the future! Check out some of my other vector tutorials on my instructor profile.
You can purchase this rose as well as other similar designs in my portfolio on GraphicRiver.

{excerpt}
Read More