In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a hot dog and a hamburger!
1. How to Create a Hot Dog Mesh
Let's start off by drawing the top bun with Gradient Mesh.
Create an orange rectangle—the color is
Next, grab the Mesh Tool (U). By clicking, create nodes, which in turn create a Mesh Grid. When you have four rows and four columns of mesh, grab the edges of the rectangle and move them to make the shape rounder. It should resemble the top half of a bun.
Once you're done with the shaping, select the bottom two rows of nodes and color them with
Finally, color the top two rows of nodes with
Finish off drawing the top visible half of the hot dog bun by placing more Mesh nodes and coloring them as in the screenshot below.
Always look for the nodes that are selected in each step and color them with the hex code that is present under each image.
You will need these colors:
Begin drawing the bottom part of the bun. Follow the screenshot, as in the previous steps.
Finish coloring the bun.
Begin drawing the sausage in the same manner.
Add a few more touches.
Change some colors on the right tip of the sausage.
Color some nodes with
Then, modify the nodes on the right and left tips of the sausage as indicated below.
Let's draw the mustard!
To make it wavy, create some more Mesh nodes. Then, select every other column, alternating them, and press the Down key a couple of times, moving the nodes downwards.
Repeat until the image looks like a wavy strip of mustard.
Tweak the shape and the colors a bit more.
Now we need some shadows. Draw two shapes and fill them with
#C94D21, as indicated below.
Place the smaller shape inside the bigger one.
Change the Opacity of the big shape to 0%.
Next, select both objects and go to Object > Blend > Blend Options. Set the mode to Specified Steps with an amount of 30. Object > Blend > Make to create the shadow.
Create a thinner copy of the Blend. Change the Transparency of both objects to Multiply.
Place the shadows under both buns.
Add the sausage in the back and the mustard strip on top.
Let's draw another shadow! Use
Create another Blend like we just did in Steps 13-14.
Place the shadow under the hot dog!
2. How to Create a Texture
In this optional section, we will create a texture for the meat in our burger.
You can choose to skip this one, but if you don't, head over to my autumn tutorial and complete Steps 13-14 in the first section.
Select and isolate only the indicated cluster of paths, as indicated in the screenshot below.
Clone this particular part until you create a fairly long line.
Group (Control-G) these elements, and then change their Transparency to Overlay and Opacity to 50%.
3. How to Draw the Hamburger
Begin drawing the top bun with Mesh, just as we did with the hot dog.
Add some more final touches.
Modify the nodes on the bottom edge to give the bun a more realistic look.
Draw another Blend shadow, just as we did before in Steps 12-14 of the previous section.
Place the shadow under the bun.
Draw the first piece of cheese.
Finish the cheese.
Draw the cucumber.
Finish the vegetable.
Create two copies of the Mesh side to side. Then, draw a green ellipse representing the top of each cucumber.
Place the ingredients under the bun.
Draw the tomato.
Finish the tomato.
#A51500 top to the tomato.
Begin the second piece of cheese.
Color the cheese.
Draw the meat.
Finish the meat.
If you made the texture before, apply it to the meat.
Draw the onion.
Add the ingredients to the burger.
Finally, draw the bottom bun.
Finish the bun.
Draw the seeds for the bun.
Finish drawing the seeds.
Add seeds on top of the burger.
Grab the shadow we created for the hot dog and place it under the burger!
Awesome Work, 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 pair of fast food items using the Mesh Tool.
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.
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