The Dark Knight

Learn techniques and workflow used in Adobe After Effects and Illustrator to create the dramatic effect of the Batman icon shattering apart revealing a bright light source behind. Plug-ins used include Knoll Light Factory, Trapcode Particular and Shine. Thanks to Ko Maruyama and Jonas Hummelstrand for creative input.

 

Discuss
  1. Snake Plissken
    Reply

    Hi John, good to see again some one-year-old tutorial, especially when some products came out since it was done. I think to VCP optical flares.
    And I wondered : back to this project, can you try to apply OF instead of KLF to see if the obscuration layers work less “fake”. I just want to know if it’s quite more precise, and allow us not to use the upper layer of lights ? Or maybe you already have noticed, in your practice of OF, if the obscuration layer work better or not ?
    Thanx to let us know if you can.
    Snake.

    • John Dickinson
      Reply

      Hi Snake, I can tell you without trying it. OC has a better obscuration than the current version of KLF. Best wishes, John.

  2. Elias
    Reply

    thanks for the tutorial john… from Jujuy-Argentina

    • John Dickinson
      Reply

      You’re welcome Elias.

  3. deeps
    Reply

    Cool dude.. That was a AWESOME simple animation..

  4. sreejeshvfx
    Reply

    Good work…

  5. daniel
    Reply

    thank you so much for everything . god bless you

  6. Deko Web
    Reply

    very nice tutorial, thank you post..

  7. Steve
    Reply

    Its awesome….

  8. Hamilton Grimaldi
    Reply

    Very nice tutorial.

  9. Hamilton Grimaldi
    Reply

    nice

  10. abhishek rituraj
    Reply

    wow… very nice…. hw to download this tutorial???:-(

  11. jose
    Reply

    hi ok i tried to do the batman on aboebe illustrator but every time i use the pen tool and try curve the line it come out real bad i cant get pass the wing can u help me what am i doin wrong i followed every step u did but it messes up on the sencond time i use the pen tool

  12. John Dickinson
    Reply

    Hi Jose, explaining Illustrator basics goes beyond the scope of this tutorial. Perhaps try TotalTraining.com or Lynda.com for a course on Illustrator. Best wishes, John.

  13. Mike Crawford
    Reply

    I’m having difficulty “blowing away” the chunks that I select with the pen tool. I noticed in the other tutorial you link to, in his Shatter Map he has the “Fractal” map on the bottom layer and the image on the top, and the Fractal later on the bottom is set to Alpha Matte.

    Your tutorial shows:
    top – bat w/ pen tool
    middle – “fractal/shatter”
    bottom – bat (normal)

    If I set my layers up like the other video and put another image layer on top to use the pen tool on…it “blows” away, but then the rest of the stuff moves away after it, but doesn’t break up into little pieces.

    I can’t set it like you have it because my “Fractal” layer no “preserve transparency” option.

    I hope that makes sense, I’m still new to this stuff, thanks.

    • David Boorboor
      Reply

      Mr. Crawford,
      It’s nice to see you here. Have you ever considered using Red Giant Software plug-ins? They are amazing.

  14. Joel Lange
    Reply

    *****

  15. vino
    Reply

    nice

  16. Mickie
    Reply

    Thank you for the tutorial…… hope to have more tutorials for AE

  17. Kh.Bonson
    Reply

    awesome…….gogeous

  18. jojo
    Reply

    Hey Fyi,
    A company called rokitstudio.com is claiming it on there reel?

  19. Tejasv
    Reply

    Hey,

    hi John,

    Can u tell me what all plugins u used in this tutorial…….,

    because I am not able to break off the particles, from the edges……
    Like in your case, the edges of batman, are breaking off…..looks awesome….
    Plz help….

    • John Dickinson
      Reply

      Did you watch the tutorial? I used Shatter, which is an effect that comes standard with After Effects.

  20. imad ghafa
    Reply

    hey john ^^ ..hey am tryna make a pro dance video of mine , so for real what u suggest? any tutorial ?

  21. Mayur
    Reply

    Hey John,

    This is a great tutorial… except I’m running into problems with the LF glow effect. In order to have the LF glow, I need to create a solid layer (with a color). Then when I duplicate it to put above the shatter layer, it simply covers the shatter (because of the solid layer). How to I add the glow on a ‘transparent’ layer?

    Side note – why doesn’t the LF glow plug-in work with a white solid layer?

  22. PRAVAT
    Reply

    I want 2 learn After Effects. That’s 4 i m here…

  23. Don Depatoy
    Reply

    its great!

  24. nahzat
    Reply

    hello Mr.Dickinson im from Afghanistan and i really love graphic, because it’s a new thing in here and its very awesome. pls help me and say some good advice.

    • John Dickinson
      Reply

      Hi Nahzat,
      Keep visiting Motionworks and I’m sure you’ll pick up plenty of useful tips!
      Best wishes,
      John.

  25. habib
    Reply

    hello , my name is habib , and im from malaysia .. i cant open this tutorial ?? why ? it keeps showing me the quicktime logo .. please help me

  26. merrion
    Reply

    Adobe is still the best & still the one

  27. kayzip
    Reply

    awesome. thanks for sharing

Leave a Comment

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>