1. Design & Illustration
  2. Halloween

How to Draw a Halloween Banner in Adobe Illustrator

Read Time:3 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, you will have the opportunity to learn how to use the Gradient Mesh Tool to draw a Halloween banner.

If you'd like to skip this tutorial and just use this banner and three others in your work, you can go ahead and simply purchase Four Halloween Banners from GraphicRiver!

Four Halloween BannersFour Halloween BannersFour Halloween Banners
Four Halloween Banners

1. How to Draw the Jack O'Lantern

Step 1

To draw the pumpkin, consult my How to Create a Thanksgiving Background with a Pumpkin and Leaves in Adobe Illustrator tutorial.

Modify the pumpkin with Effect > Warp > Inflate, using -18% Bend.

Use Object > Expand Appearance afterwards.

warp effectwarp effectwarp effect

Step 2

Begin drawing the cutouts with Mesh.

Create an orange rectangle—the color is #F29F31.

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 look like the one below.

Once you're done with the shaping, select the nodes on the right edge (they are already colored differently in the screenshot) and color them with #4E2414.

Next, select the nodes that are darker (they're selected below) and proceed to change their color to #AD681B.

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

mesh pumpkinmesh pumpkinmesh pumpkin

Step 3

Continue using Mesh. Use these colors:

  1. #401A05
  2. #F29F31
  3. #5E210B
gradient meshgradient meshgradient mesh

Step 4

Draw one more part.

  1. #C26B10
  2. #4E2414
  3. #F29F31
vector pumpkinvector pumpkinvector pumpkin

Step 5

Combine the elements we made.

jack olanternjack olanternjack olantern

Step 6

Continue using Mesh.

  1. #FFB83A
  2. #6F3710
  3. #DD8D1C
  4. #C15F21
mesh tutorialmesh tutorialmesh tutorial

Step 7

  1. #8A2600
  2. #4C0F01
  3. #C35F22
  4. #B1511C
pumpkin vectorpumpkin vectorpumpkin vector

Step 8

Add a #2E1A0B triangle and create the next part.

vector adobe illustrator halloween bannervector adobe illustrator halloween bannervector adobe illustrator halloween banner

Step 9

  1. #F4AD24
  2. #3D1B06
  3. #823E06
  4. #E88015
halloween pumpkin tutorialhalloween pumpkin tutorialhalloween pumpkin tutorial

Step 10

  1. #F4AD24
  2. #491805
  3. #A96F1D
  4. #E98316
gradient meshgradient meshgradient mesh

Step 11

  1. #F4AD24
  2. #491805
  3. #E97723
  4. #76360C
  5. #A96F1D

Step 12

  1. #E9971E
  2. #2E150C
  3. #EB8023
  4. #F6B833
pumpkin tutorialpumpkin tutorialpumpkin tutorial

Step 13

Add a #381904 part to complete the look.

pumpkin mouthpumpkin mouthpumpkin mouth

Step 14

Place the elements onto the pumpkin.

jack olanternjack olanternjack olantern

2. How to Complete the Banner

Step 1

Draw a spider's web with the Pen Tool. Use the #280707 color.

spiderweb vectorspiderweb vectorspiderweb vector

Step 2

Use a specific Stroke profile to draw black branches.

branch vectorbranch vectorbranch vector

Step 3

Create a dead tree out of the branches, and then Expand them and Unite them in the Pathfinder panel.


Step 4

Draw a black house with #FFCD34 windows.

halloween househalloween househalloween house

Step 5

Draw the moon. To create this round Mesh grid, begin with a rectangle and bend that into a circle.

Color it with these colors:

  1. #FDEEA4
  2. #FFD577
  3. #F9E682
  4. #FEF5C8

Set it to 80% Opacity.

moon vectormoon vectormoon vector

Step 6

Draw the Mesh banner.

  1. #F69F31
  2. #B5211D
  3. #FDE89A
mesh bannermesh bannermesh banner

Step 7

Add a black border.

vector bannervector bannervector banner

Step 8

Add all the details. You can learn to draw the bats in this tutorial of mine:

halloween bannerhalloween bannerhalloween banner

Step 9

You're done!

halloween bannerhalloween bannerhalloween banner

Awesome Work, You're Now Done!

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

Four Halloween BannersFour Halloween BannersFour Halloween Banners
Four Halloween Banners

Check out some of my other tutorials!

One subscription.
Unlimited Downloads.
Get unlimited downloads