How to Draw Batman and The Joker

  • BEGIN
  • Step 2
  • Step 3
  • Step 4
  • Step 5
  • Step 6
  • Step 7
  • Step 8
  • Step 9
  • Step 10
  • Step 11
  • Step 12
  • Step 13
  • Step 14
  • Step 15
  • Step 16
  • Step 17
  • Step 18
  • Step 19
  • Step 20
  • Step 21
  • Step 22


How to Draw Batman and The Joker 2

How to Draw Batman and The Joker 3

How to Draw Batman and The Joker 4

How to Draw Batman and The Joker 5

How to Draw Batman and The Joker 6

How to Draw Batman and The Joker 7

How to Draw Batman and The Joker 8

How to Draw Batman and The Joker 9

How to Draw Batman and The Joker 10

How to Draw Batman and The Joker 11

How to Draw Batman and The Joker 12

How to Draw Batman and The Joker 13

How to Draw Batman and The Joker 14

How to Draw Batman and The Joker 15

How to Draw Batman and The Joker 16

How to Draw Batman and The Joker 17

How to Draw Batman and The Joker 18

How to Draw Batman and The Joker 19

How to Draw Batman and The Joker 20

How to Draw Batman and The Joker 21

How to Draw Batman and The Joker 22

How to Draw Batman and The Joker 23
STEP 1. Let's start by drawing some guide lines for the two heads. I've marked the eye line and the outline of the face on each character.   STEP 2. Starting with Batman, let's begin by drawing the eye hole in his mask. The angry eyebrow is really exaggerated. The whole mask is something like molded rubber, so it helps to keep that in mind.   STEP 3. I like to keep the front of the mask pretty simple, like Batman the Animated Series from the 90's. Strong lines and curves. We'll add more detail in a bit.   STEP 4. These facial details are part of the mask, and not just his facing showing through. the sharp angles are pretty interesting.   STEP 5. Still keeping things pretty simple for his actual face. If you wanted, you could leave the drawing at this level of detail for a real animated feel. Note how the mouth line curves down from the front of the lips. The ear is like a question mark (?) and should be like a bump of around covering his real ear.   STEP 6. Here we finish the main body of the mask by adding the neck and horns. I like to think of this as all one big piece of flexible rubber, like the earlier Batman films... except of course that Batman couldn't turn his head.   STEP 7. In reality, you wouldn't really see the second bat ear/horn from the side. For a cartoon image like this, though, it helps to add it in. Draw it a bit shorter and a bit offset from the first horn to make it appear to be further away. We can also draw in a lot of details on the mask now. I like to put a strong ridge around the eyebrow and eye socket, running up the side of the head. Let's also add a simple cape.   STEP 8. Let's wrap Batman up by adding some shadows and texture to the mask. Let's also add some more wrinkles and detail to his face. A bit of stubble hints that Batman's been working long, tired nights and gives him a rougher, grizzled look.   STEP 9. Let's start the Joker now, beginning with his eyebrow and eye. The eye is almost like a triangle shape from the side. The exaggerated eyebrows give him a wild look.   STEP 10. I picture the Joker as an older guy, so I like to exaggerate the bags and wrinkles around his eyes.   STEP 11. This nose is a bit long and cartoony, but it works for the Joker. Keep the main profile lines strong in order to match the style of Batman's drawing.   STEP 12. We'll exaggerate the smile and chin a bit since this is the Joker. The neck should be thin with a prominent Adam's apple. This guy is not a muscular, fighter type.   STEP 13. This hairstyle is inspired by Batman The Animated Series. Lots of sharp angles and curves. The tuft of hair curling up in the front is pretty fun.   STEP 14. Let's start to draw the Joker's suit-jacket along with his poison-spraying flower.   STEP 15. I put a fair amount of detail into his bow tie, so I wanted to break it down into two steps so you can see how it was constructed.   STEP 16. We can add the collar of his undershirt once the bow is complete.   STEP 17. Draw in the rest of the Joker's outfit. I started the neck with only the main muscles showing, but decided to add a lot of details to make him look gaunt and sickly.   STEP 18. I really like these wrinkles on his forehead. After adding more facial details, let's add some dash marks to the hair line to break it up and make it more realistic.   STEP 19. I drew the Joker's teeth a bit rounded out in the front. A trick to drawing teeth is to focus on the gum lines and the areas where the upper and lower teeth meet. You don't have to fully outline each tooth. Also remember there's a curve to the teeth, so we're not viewing each tooth from the front.   STEP 20. Leaving those white spaces gives his hair a nice shine and gives us an idea of how the hair is shaped in three dimensions. I like the graphic look of this step. If you're keeping the drawing cartoony, you could stop here.   STEP 21. For a more realistic look, we'll add these long curved dashes. Getting the angle of the curves right is really important here. You want to strive for a rounded look. Lines toward the center of the head will be more straight. Toward the back of the head they'll curve left and up. Toward the top, they'll curve right and up.   STEP 22. Here's the finished line art in black. Pretty bold, I think. This is pretty much the most classic pairing of a hero and villain in comic books, beyond Superman/Lex Luther, Spider-man/Green Goblin, etc... There's something about Batman and the Joker that just works. Anyway, that concludes this drawing tutorial. I hope you guys had fun with it. Let me know what you think, and thanks for viewing!   Step 1. Step 2. Step 3. Step 4. Step 5. Step 6. Step 7. Step 8. Step 9. Step 10. Step 11. Step 12. Step 13. Step 14. Step 15. Step 16. Step 17. Step 18. Step 19. Step 20. Step 21. Step 22.