How to Create the Spider-Man 2 Title Effect

How to Create the Spider-Man 2 Title Effect

on Dec 17th 2012 with 13 comments
Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 53:48 min
Download Source Files

Final Product What You'll Be Creating

In this tutorial we will be recreating the look and feel of the title sequence from the 2004 movie “Spider-Man 2″. First we will create the “webs” that move across the screen, then we will use expressions and masks to isolate the intermittent shapes that are formed by those webs. Finally we will use these shapes as alpha mattes for copies of our logo or text.

Tip: Trapcode 3d Stroke was used for the tapering of the webs. This effect isn’t required, and is currently turned off in the project’s source files.

You can find the official title sequence by viewing prologue.com and searching for “Spider-Man 2″

Tutorial

Download Tutorial .mp4

File size: 226.7 MB

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Rian J. Fiske is Senior Project Manager at Artitudes Design, a full-service graphics design firm that specializes in executive presentations and messaging. Rian also serves as lead animator for Visual Quill, an award-winning industry leader in the creation of Cinematic Book Trailers for authors.  

Plus Premium
 
 
  • http://www.facebook.com/people/Matt-Copeland/1021009348 Matt Copeland

    I’m 15:36 through the tutorial. For some reason I can alt click the keyframe on mask 1 and drag it to the original but when I do it on mask two the pick whip doesn’t show up.

    • http://www.facebook.com/people/Matt-Copeland/1021009348 Matt Copeland

      Now it works… I don’t even know haha

  • Guest

    18:51 I have all the masks set to subtract but my mask second to the left is still filled in. Help please! thanks for the awesome tutorial!

    • Rian Fiske
      Author

      Try soloing the layer you’re working on. It was necessary for me to do this so I could see the effect of the mask options. Did that fix it? If not, send me a screenshot.

      • http://www.facebook.com/people/Matt-Copeland/1021009348 Matt Copeland

        Got it thanks. This one takes a lot of playing around until it works haha. I like that though I feel like I’m learning something.

  • http://www.facebook.com/people/Matt-Copeland/1021009348 Matt Copeland

    One last question. My logo is bleeding over half of the lines. The mattes are working but it looks like the logo is covering up the stroke.

    • Rian Fiske
      Author

      In my (final) version I had to create one last web layer at the very top to combat this. Then I could adjust the thickness of the stroke to taste with no fear of bleed, as the strokes were the topmost layer. Does that make sense? Let me know if that fixed it.

  • Guest

    cool

  • http://www.facebook.com/zii.branco Zii Branco

    Tom Cruise!!! Thank you!

  • http://www.clippingpathcenter.com/clipping-path-service.php mamun

    Note-worthy positing……………………………………….

  • http://www.graphicexpertsonline.com/clippingpath.html mam_raj07

    nice & superb…………………………………………….

  • Drew

    Great tutorial! For some reason though, I still have a faint “outline” of the masks on my starting logo. Even when I add the “webs” layer and turn brush size to zero I see these lines. If I change the background color, they change to the same color as the background. Any idea what this could be? I’d like to start out with a clean logo. Thanks!

  • http://www.facebook.com/profile.php?id=527711149 Corey Putney

    Lol. This is an absolutely amazing tutorial! The first time I have ever touched After Effects, and I am pretty damn happy with the result! Although, my audio integration could use a lot of work…haha. Check out the video on my site and give me some feedback! http://www.tvodesign.com/blog/