How To Draw A Tornado In Illustrator

In this simple tutorial, you will learn how to use the Mesh Tool and a bit of Image Trace in Adobe Illustrator to create an autumn background!

If you want to skip the tutorial and just use this background in your work, you can purchase the Autumn Background with Umbrella and Rain Boots from GraphicRiver!

1. How to Draw the Boots

Step 1

Let's start off by drawing the first boot withGradient Mesh.

Create an orange rectangle—the color is #CB492C.

Next, grab the Mesh Tool (U). Click to create nodes, which in turn create a Mesh Grid. When you have a thick enough mesh grid, grab the edges of the rectangle and move them to make the shape rounder. It should resemble the shape of a boot.

Once you're done with the shaping, select the nodes on the left side of the shoe (they are already colored differently in the screenshot) and color them with #F7997F.

Next, select the nodes on the edges of the object (they're selected below) and proceed to change their color to #A73013. Add some darker red tones in the fourth step with #BA391D, and then add more highlights with #DD6B4E and #D0593C.

Always make sure to select the nodes that are selected in each screenshot below and apply the corresponding color to them!

gradient mesh tutorial autumn background rain boots

Step 2

Draw an object in the shape of a sole for the boot, coloring it with #1A1C24. Attach it to our mesh shape, and then create a smaller copy of both objects.

Step 3

Modify the smaller copy with mesh. You will need these colors:

-
#98250F
#CA4C31

Step 4

Add some shadows by cloning an ellipse filled with a #C4A78B to white Radial Gradient. Set them to Multiply.

2. How to Draw the Umbrella

Step 1

Begin drawing the umbrella with mesh.

#EE836B
#BB361E
#D34628

Step 2

#F77758
#AE1E0A
#E13D1C
#FF6944

Step 3

#E56F52
#B43019
#CC4428

Step 4

#A43627
#52130D
#230303
#81251A

Step 5

Draw a handle by filling a narrow rectangle with a Linear Gradient. It should contain these colors: #C6BDB3 - #4A4138 - #BAAFA4 - #14120F.

Step 6

Draw the final part by applying a Gradient to the Stroke of a drawn path. It should contain these colors: #1B0D03 - #C39983 - #1B0D03.

Expand the path.

Step 7

Assemble the umbrella, adding some shadows underneath.

3. How to Draw the Background and the Floor

Step 1

Begin by drawing the backdrop with mesh.

#DDF5E2
#86AFAE
#E2AD12
#FEF69B

Step 2

#FFFEFD
#E7D2A8
#ADC4AE
#C98105

Step 3

#ECF1C4
#E1E0B4

Step 4

To add the wooden floor, first consult Section 4 of this tutorial:

Next, bend it with Effect > Distort & Transform > Free Distort as shown below.

Expand Appearance of the result.

Step 5

Draw an outline over the highlighted section of the floor, and then Make a Clipping Mask.

Step 6

Place a #533D18 backdrop behind the planks.

Step 7

Create a rectangle, filled with a Gradient from #F5BB59 to #75441B.

Set it to Overlay and 80% Opacity, and place it on top of the floor.

Step 8

Create a little rim using a Radial, #42210B to #F5BB59gradient on a Stroke.

4. How to Add the Leaves and Bokeh

Step 1

Learn how to make the orange leaf in this tutorial:

Next, bend it with Effect > Warp > Arc, using these settings:

Bend: 30%
H.: -26%
V.: 26%

Expand Appearance of the result.

Step 2

Add a copy of the bent leaf and make it yellow with Edit > Edit Colors > Adjust Colors.

Step 3

Take the original leaf once more, bending it with Effect > Warp > Arc.

Step 4

Take a copy of this one as well, making it lighter with the Edit > Edit Colors > Saturate function.

Step 5

Press the Download Attachment button on the right sidebar of this page, and open leaf.jpg in your working file in Adobe Illustrator.

Step 6

Use Image Trace to isolate a Black and White outline.

Step 7

Fill the outline you get with #D09739. Add an actual leaf, filling it with #EAC02C and using 20% Opacity.

Step 8

Add one more leaf, this time filled with #E09736. Also use 20% Opacity.

Step 9

Arrange the leaves, adding shadows under the ones on the bottom.

Step 10

Create an Opacity Mask out of a #FF1200 circle and a circle filled with a Radial Gradient. Set the Transparency mode to Screen, with 70% Opacity.

Step 11

If you'd like to add bokeh lights, learn how to do it here:

Create a background.

Step 12

Assemble all the elements!

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 an autumn background using the Mesh Tool. I hope you've enjoyed it 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 Autumn Background with Umbrella and Rain Boots as well as other similar designs in my portfolio on GraphicRiver.

End Result — Autumn Background with Umbrella and Rain Boots

Check out more tutorials you might like!