1. Design & Illustration
  2. Add-Ons

How to Create Sale Price Tags and Decorative Bows in Adobe Illustrator

Today you will learn how to create a vector set of sale tags with a vector bow using the Mesh Tool in Adobe Illustrator!
Scroll to top
Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

If you want to skip the tutorial and just use these labels in your work, you can purchase the Big Set of Sales Tags with Red Gift Bows item from GraphicRiver!

Big Set of Sales TagsBig Set of Sales TagsBig Set of Sales Tags
Big Set of Sales Tags with Red Gift Bows

1. How to Draw the Bow

Step 1

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:

  1. #FC221D
  2. #BE1819
  3. #EABE57
  4. #ED483A
draw bow with meshdraw bow with meshdraw bow with mesh

Step 2

It's time for the second part! Recolor the selected nodes.

  1. #FC221D
  2. #C81100
  3. #F77F6B
use mesh tooluse mesh tooluse mesh tool

Step 3

Finish the second piece using these colors:

  1. #8C0703
  2. #CA1505
finish bowfinish bowfinish bow

Step 4

Draw the third piece in a similar fashion.

  1. #E52722
  2. #BE1920
  3. #EA6B56
  4. #B70811
draw bow with meshdraw bow with meshdraw bow with mesh

Step 5

Draw the fourth piece with Mesh.

  1. #E52722
  2. #B70A0C
  3. #FD907A
  4. #6C0205
draw right part of bowdraw right part of bowdraw right part of bow

Step 6

Draw a simple fifth piece from an ellipse.

  1. #940000
  2. #BA0000
draw with meshdraw with meshdraw with mesh

Step 7

Add the fifth piece under the fourth part.

assemble piecesassemble piecesassemble pieces

Step 8

Draw the sixth part.

  1. #C81313
  2. #F06E5F
  3. #9D0709
  4. #830303
draw middle piece of bowdraw middle piece of bowdraw middle piece of bow

Step 9

Use Mesh to complete the seventh piece.

  1. #DC0E00
  2. #FF9073
  3. #B20E01
  4. #820A00
draw mesh bowdraw mesh bowdraw mesh bow

Step 10

Draw the eighth part of the bow.

  1. #E02B1F
  2. #FF8D76
  3. #AA0900
  4. #CB1E13
  5. #7A0900
draw last part of bowdraw last part of bowdraw last part of bow

Step 11

Assemble the bow!

assemble mesh bowassemble mesh bowassemble mesh bow

Step 12

Draw a shadow for the bow with a Radial Gradient from #A76969 to white.

draw gradientdraw gradientdraw gradient

Step 13

Place the shadow under the bow.

place shadowplace shadowplace shadow

2. How to Draw the Rope

Step 1

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.

draw ropedraw ropedraw rope

Step 2

Select the whole length of the rope and create an Art Brush out of it by dragging it into the Brushes panel.

add brushadd brushadd brush

Step 3

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.

apply brushapply brushapply brush

Step 4

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 #F5DEDE to #BC2725 gradient.

apply gradientapply gradientapply gradient

Step 5

To draw a ring for our rope, first draw a circle with a Radial Gradient (#835114 - #8D5A1D - #FECD23 - #79460F).

gradient ringgradient ringgradient ring

Step 6

Draw a smaller circle in the middle, and then select both shapes and use Minus Front in the Pathfinder panel.

minus frontminus frontminus front

Step 7

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.

send rope to backsend rope to backsend rope to back

3. How to Draw Labels

Step 1

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.

draw labeldraw labeldraw label

Step 2

'Punch' a hole in our label using the Minus Front option in the Pathfinder panel.

cut out holecut out holecut out hole

Step 3

Add a Gradient on top of the label (Multiply, 50% Opacity).

add gradientadd gradientadd gradient

Step 4

Place the hole with the ring on top of the label.

add ropeadd ropeadd rope

Step 5

You can write something on the label—I chose 'SALE'.

write salewrite salewrite sale

Step 6

Add the bow.

add bowadd bowadd bow

Step 7

You can also create ellipse-, triangle-, rectangle- and circle-shaped labels.

ellipse labelellipse labelellipse label
triangle labeltriangle labeltriangle label
rectangle labelrectangle labelrectangle label
circle labelcircle labelcircle label

Step 8

The finished collection!

final collectionfinal collectionfinal 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 the Mesh 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 my instructor profile.

You can purchase the Big set of sales tags with red gift bows as well as other similar designs in my portfolio on GraphicRiver.

Set of sales tagsSet of sales tagsSet of sales tags
Big set of sales tags