Iron Man Interface Battle Widget – Parts 1 and 2

Iron Man Interface Battle Widget – Parts 1 and 2

on Aug 13th 2012 with 19 comments
Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 1 hour 30 min

Final Product What You'll Be Creating

Download Source Files
This entry is part 2 of 5 in the series Iron Man WIdgets

Iron Man WIdgets

In this tutorial series we are going to go beyond basics using the true power of shape layers inside After Effects. As you can see we are going to dive into the magic of creating this Iron Man battle widget inspired from The Avengers movie. We are going to recreate the element from start to finish using various different techniques and learning some pretty cool workflow tips as well.

Part 1

Download Tutorial .mp4

File size: 295.6 MB

Part 2

Download Tutorial .mp4

File size: 350 MB

Series Navigation«Iron Man Interface Radar Widget – Parts 1 and 2Iron Man Interface Battle Widget – Parts 3, 4, and 5»Iron Man Interface Target Widget – Parts 1 and 2»
Stefan Surmabojov is Stefoto on Videohive
 
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.

I'm a 21 years old motion graphics designer from Bulgaria. I have 2 years of professional experience behind my back. Most of my time I spend working for a small TV company. In my spare time I work as a freelancer and create video tutorials related to After Effects for our site.  

Plus Premium
 
 
  • arvee

    Wow Thank you!

  • http://www.adamblumert.pl Adam

    Very nice Stefan. Thanks

  • http://vfxbyjames.info James Whiffin

    The preview is stunning, blows Andrew Kramers iron man HUD out of the water.

  • http://www.zebravideo.ca video production toronto

    Nice tut, also think that techno stile is not a mainstream now. Would be happy to see some tut similar to
    for example https://vimeo.com/44819329 . cheers

    • J

      I think with this tutorial and a little imagination a style as such is something which on a technical level and a bit of extrapolation is easy to re-create.
      but that’s just my two cents.
      Love the way how this tutorial is so in depth and I can totally see myself use the techniques explained in here on a host of other things, not just interfaces.

  • http://youtube.com/user/giridharzinta Giridhar Sharma

    Bow to one of the master of Interface graphic design :D

  • paul

    Awesome! Where did you pull the sound FX from?

  • http://www.herewiz.com sven

    thx u very much

  • Kayhan

    How many video will?

  • Luis

    Hey man, very cool work, you make the things very well…there is an equi between sounds and effects! so amazing man!!!!

  • WIlson

    CS6 FILE?…

    • Stefan
      Author

      Yes the project is created in CS6.

      • http://www.sapphiredigital.net AntonioSD

        Hi Stefan;

        Can you upload all Iron-man interface projects in CS4 so can others be able to see what you did and how you did it, thanks for this great tutorial work, amazing!

  • Dinesh CS

    Awesome work…..

  • http://www.parasuniversal.com Parasuniversal.com

    Hey Stefan,

    Great tuts as always. I have a question. As someone who uses Photoshop/Illustrator more I thought it would be easier to create the shapes with the pen tool even if it is circles as it’s easier to add fills and strokes without the need of creating so many layers and masks. Can I do the shapes this way or is there a reason for making so many layers and masks?
    Thanks

    • Stefan
      Author

      Hi Parasuneversal.com,

      yes you can do it that way for sure! I just found it easier for me to do it in After Effects, because I can make changes on the fly without the need of going in the illustrator file and make changes there and then get back in AE.

  • sohail

    hi just wanna say thanks coz like me guys who can’t afford some expensive dvds tutorial its a graet help and very sure like u and andrew have a very big place in our hearts. i dnt wanna compare u and andrew actually both of u giving free from ur precious time u make tutorials and put dm on net for free. like u people are building the future. i m using pirate softwares as i cant afford them to buy but realy i swear as if i can i will buy them. i m not using my fake name wd fake email coz realy i love u guys please accept my aplogy for ds. again i love u guys and thanks from d bottom of my heart to teach us very high and good tecnics. as a muslim we have very respect for our teacher as a soul father and u and andrew have a got dt respect. thanks u and love u and keep going on steps to build future wd free education.

  • https://www.facebook.com/rickypeterson123 Ricky Raja

    wow its awesome many many thanks for sharing this tutorials i really love it….

  • Jermaine Ashman

    I’m very interested in doing the first 12 seconds shown in the Final Product Clip , can you point me out to the right direction please ?