In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a vector collection of gifts using the Pantone Color of the Year 2018: Ultra Violet!
If you want to skip the tutorial and just use some of these presents along with some other awesome elements in your work, you can purchase Set of Colorful Gift Boxes with Bows and Ribbons from GraphicRiver!
1. How to Draw the First Variant of a Gift Box
Let's begin using the Mesh Tool (U) by drawing this first piece of the bow!
First, using the Rectangle Tool (M), create a rectangle.
Fill it with the
#584382 color, and then grab the Mesh Tool and by clicking on the object, place some Mesh Nodes in the middle of it. Drag the edge nodes of the object with the Mesh Tool to shape it as indicated below.
Once the mesh grid looks right, select the nodes shown in the screenshot below and change their color to
#3A2250. Similarly, continue with the third and fourth section of this step, using
Draw a tiny ellipse, fill it with
#3B224F, and attach it to the first part of the bow. After selecting both objects, press Control-G to group them.
Similarly, with the Mesh Tool, color the second part of the bow. Use these colors:
Proceed to the third part.
#3A2455 ellipse and group both objects.
Draw the final piece of the bow.
Construct the bow out of the pieces we made.
#3A2455 circle to place it behind the bow.
Begin drawing the ribbon! Place two
#8F78BD stripes onto a
Cross the ribbon with a copy of itself, and then place the bow at the intersection.
Draw another ribbon, the colors being the same:
Place the bow at the intersection of the two copies.
Next, create a copy of the first bow arrangement and select it.
Proceed to Edit > Edit Colors > Adjust Colors, choose Color Mode: Grayscale, and set the value of Black to -25%. Don't forget to tick Convert!
Once more, go to the Adjust Colors menu. This time, choose the RGB Color Mode, tick Convert, and set the values to:
- Red: 0%
- Green: -2%
- Blue: -2%
Follow the same process with a copy of the second arrangement.
Let's draw the box! Create a
#5A4788 rectangle with rounded edges, and then color some nodes with
#39245F. Finally, add a
Create a copy of the box and proceed to Edit > Edit Colors > Adjust Colors.
There, select Grayscale and set the value of Black to -65%.
Color the right and bottom edges of the white box with
Create a little group of gift boxes by placing different color variants together. You can add a shadow, using a Radial Gradient from gray to white.
2. How to Draw the Second Variant of a Gift Box
Proceed by drawing the first piece of the second bow.
Draw the second piece.
Combine the first two pieces.
Combine the third and the fourth element.
#3B1F56 shape to the fifth element.
#41276D shape to the seventh element.
#5E4891 piece to the ribbon.
Construct the bow.
Draw the first part of the ribbon.
Put the ribbon together.
Add a reflected copy of the ribbon and place the bow at the intersection.
Recolor a copy of the bow using Edit > Edit Colors > Adjust Colors, converting to Grayscale and setting Black to -35%.
Draw the box!
Construct the lid for the box.
Draw the base of the box.
Place the lid onto the box and add the white bow.
Recolor a copy of the violet box using Adjust Colors with -56% Black.
Place the violet bow onto the white box.
3. How to Recolor the Presents
Now that we've drawn some new gift box variants, let's look into recoloring presents we have made in a previous tutorial.
After drawing the cyan gift box in the linked tutorial, go to Edit > Edit Colors > Convert to Grayscale. Select the gray box and go to Edit > Edit Colors once more, now selecting Adjust Colors.
Change the Color Mode to RGB, tick Convert, and input the following percentages:
- Red: -5%
- Green: -12%
- Blue: 13%
Create a copy of the violet bow from the last step and place it on the white box we made in the last section.
Recolor one more box from this tutorial. First, convert it to grayscale, and then in Adjust Colors, turn it back into RGB and input these values:
- Red: -11%
- Green: -19%
- Blue: 6%
To recolor the final box from our Christmas presents tutorial, go to Edit > Edit Colors > Adjust Colors, select Grayscale, and lower the value of Black to -11%.
Return to Edit > Edit Colors > Adjust Colors, convert the object back to RGB, and use the following percentages:
- Red: -11%
- Green: -19%
- Blue: 6%
You're done! You can create a set out of the boxes like this:
Awesome Work, You're Now Done!
I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!