In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a beautiful set of labels with red gift bows!
How to Create Sale Price Tags and Decorative Bows in Adobe Illustrator
1. How to Draw the Bow
We will begin by drawing the first part of the bow with Mesh.
Draw a rectangle and fill it with
#FC221D color. Grab the Mesh Tool (U) and create a Mesh Grid in the rectangle by clicking where you want to place your nodes. Next, drag the outer edges of the shape to create the right part of the bow.
Try to mimic the Mesh Grid in the screenshot.
Next, select the indicated nodes and recolor them all to
#BE1819. Continue similarly, by creating more nodes and recoloring the selected ones.
Use these colors:
It’s time for the second part! Recolor the selected nodes.
Finish the second piece using these colors:
Draw the third piece in a similar fashion.
Draw the fourth piece with Mesh.
Draw a simple fifth piece from an ellipse.
Add the fifth piece under the fourth part.
Draw the sixth part.
Use Mesh to complete the seventh piece.
Draw the eighth part of the bow.
Assemble the bow!
Draw a shadow for the bow with a Radial Gradient from
#A76969 to white.
Place the shadow under the bow.
2. How to Draw the Rope
Let’s draw the rope for the label!
First, using the Pen Tool (P), draw a simple outline of a rope section.
Move it next to its original position while holding down Alt to create a copy. It should overlap a little bit, but make sure you place the copy in one move only; otherwise, the next step will not work.
Next, press Control-D to repeat your last action. It should create another section of the rope next to the last copy. Repeat this about 100 times—the rope should be long.
Select the whole length of the rope and create an Art Brush out of it by dragging it into the Brushes panel.
Next, draw an outline with the Pen Tool (P) and apply the brush to it.
Tweak the size of the Stroke until the rope is thin enough.
For this step, first go to Object > Expand Appearance to expand the brush.
Next, select all of the sections and apply a Radial, white to
To draw a ring for our rope, first draw a circle with a Radial Gradient (
Draw a smaller circle in the middle, and then select both shapes and use Minus Front in the Pathfinder panel.
Select the bottom left sections of the rope and Send them to Back (Shift-Control-[), to create an illusion of the rope going through the ring.
3. How to Draw Labels
Begin by drawing our first label!
Combine a circle and a rectangle with rounded edges by pressing Unite (first icon on the top left) in the Pathfinder panel.
‘Punch’ a hole in our label using the Minus Front option in the Pathfinder panel.
Add a Gradient on top of the label (Multiply, 50% Opacity).
Place the hole with the ring on top of the label.
You can write something on the label—I chose ‘SALE’.
Add the bow.
You can also create ellipse-, triangle-, rectangle- and circle-shaped labels.
The finished collection!
Congratulations, You’re Now 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 set of sale labels using theMesh Tool.
I hope you’ve enjoyed this tutorial and learned how to use Gradient Mesh for the future! Check out some of my other vector tutorials on myinstructor profile.