luis is a co-founder and social software architect at SyndeoLabs, and a director at Exist Global. he likes building small web toys a whole lot. More ...

quick links to the good stuff

  • 25 First Dates 25 May 2009
  • True Crime: Confessions of a Criminal Mastermind 17 Feb 2009
  • Finding Your Soul Mate: A Statistical Analysis 27 Jan 2009
  • Sex and Schrodinger's Cat 07 January 2009
  • An Extended Rant on Heroes 26 September 2008
  • Zero Barrier 05 May 2008
  • Sweatshop Blogging Economics 08 April 2008
  • The Doomsday Singularity 25 February 2008
  • Piracy and Its Impact on Philippine Music 21 January 2008
  • The Manila Pen-etration by the Hotelier Antonio Trillanes 29 November 2007
  • Journey of a Thousand Heroes 17 December 2006
  • Shake, Rattle & LOL 30 December 2005

    elsewhere online

    • Last.FM
    • Del.icio.us
    • Flickr
    • Plurk
    • Multiply
    • Stumbleupon

    guttervomit

    • 13

      How to Draw the Joker in Adobe Illustrator

      28 Apr 2004

      The Joker is one of my favorite villains to draw, because the entire character is defined by his facial expression and body language. He could be wearing a monk’s sack-cloth and he’d still be the Joker if you could draw him just so, and I love that, which is why I’m devoting a whole post to how I drew him in Adobe Illustrator.

      @##@

      For those of you who don’t know, Illustrator is pretty different from Photoshop, although they work really well together. For this drawing though, I stayed away from Photoshop completely, mostly because I’m an arrogant purist and I like showing off.

      Every vector drawing starts with a fast and loose sketch using the Pencil tool. I wanted to have the Joker lighting a cigarette, because that provides a convenienty opportunity to use shadows and highlights all over the place. Also, it makes him look cooler when his smile is one-sided.

      Here I’ve started blocking the various parts of the drawing, and added some general lighting. I’ve also decided to keep his cigarette short because, well, the long black filter thing is something the Penguin uses and I don’t think it’s a good idea to mix up their accessories.

      This is the part where it starts getting fun: drawing the shadows around the wrinkles in his face is where all the attitude is.

      More face detail. The eyes and teeth were really fun to do, although the hair was tedious as hell. At this point, I’ve been drawing for about an hour and a half, and I’m getting kinda tired. I go online for a bit to look at how other artists drew the Joker, which is when I realize that his hair is green, d-uh.

      Hehe, you’d think I could remember a simple violet and green color scheme. So now I need to start drawing his forearm and the match he should be holding.

      Man, i don’t draw hands well.

      Details on the suit, which i decided had to be pin-stripe.

      Darker gradients all around, for that extra menacing feel. Notice I forgot to change the eyebrow colors to match his hair.

      All done! My font kinda sucks, but i’m no pro.

      13 Responses to “How to Draw the Joker in Adobe Illustrator”

      1. ditpahcmr dqpchlgw Says:
        August 5th, 2007 at 4:06 am

        kriwg gntbhmr qflsvyxoa wdag jnrlw hvjg warektl

      2. Says:
        August 5th, 2007 at 4:07 am

        erjmzdvt lqacfhgy rudxwe mpodj owbpdsvmf nkoj pashzulk http://www.cmhovtp.xgik.com

      Leave a Reply

     

    categories

    • Home
    • Business (103)
      • Acquisitions (15)
      • Goin' Legit (61)
    • Media (326)
      • Artwork (12)
      • Books (22)
      • Comics (9)
      • Movies (140)
      • Music (102)
      • Photography (31)
      • Poker (10)
      • TV (30)
    • Randomness (300)
    • Site News (8)
    • Technology (274)
      • Games (13)
      • Hardware (112)
      • Social Software (45)
      • Software (131)
    • Tutorials (16)

    archives

    • May 2010
    • April 2010
    • February 2010
    • January 2010
    • December 2009
    • November 2009
    • October 2009
    • September 2009
    • August 2009
    • July 2009
    • June 2009
    • May 2009
    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • November 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
    • July 2005
    • June 2005
    • May 2005
    • April 2005
    • March 2005
    • February 2005
    • January 2005
    • December 2004
    • November 2004
    • October 2004
    • September 2004
    • August 2004
    • July 2004
    • June 2004
    • May 2004
    • April 2004
    • March 2004
    • February 2004
    • January 2004
    • December 2003
    • November 2003
    • October 2003
    • September 2003
    • August 2003
    • July 2003
    • June 2003
    • May 2003
    • April 2003
    • March 2003
    • February 2003
    • January 2003
    • December 2002
    • November 2002
    • October 2002
    • September 2002
    • July 2002
    • May 2002
    • April 2002
    • February 2002
    • January 2002
    • December 2001
    • November 2001
    • October 2001

    friends

    • Dementia
    • Gabby
    • Gail
    • Gibbs
    • Helga
    • Ia
    • Ina
    • Jason
    • Kaye
    • Lauren
    • Lizz
    • Luna
    • Mae
    • Migs
    • Mike
    • Ryan
    • Sacha
    • Vicky
    • Vida
    • Yuga

    search

    notes

    Guttervomit v3 went online in January, 2008. It uses Wordpress for publishing, and was built largely with Adobe Illustrator and Textmate. Logotype and navigation is set with Interstate.