Advertisement
News

Illustrator to After Effects - Batman Revised on Aetuts+

by

Vector isn't just used for creating inspiring illustrations, fancy UI elements, amazing icons and fantastic typography. Vector can also be used as part of sleak animations! Today we're going to show you a great Batman animation created initially in Adobe Illustrator and then point you in the direction to our Tuts+ network site Aetuts+, who will show you how to create the animation in Adobe After Effects.


Final Product


Learn How to Create the Animation

Aetuts+ are here to show you how to create this sleak animation, as part of their four part series. With video tutorials, you will learn how to create each characters section of this fun 11 second animation.


  • Illustrator to After Effects Relation-tips – Batman Vector Animation

    In part one, following an animation based on the Batman trilogy, we are going to show how to smooth the movements of an animation and how to make a natural bounce effect. Also there are a few tips, tricks and advise for you to feel more confident with your animation within After Effects.


  • Illustrator to After Effects Relation-tips – Joker Vector Animation

    We will look at how the Joker section was created and how you can make the different elements appear in your animation, giving them cool effects and playing with them until they look perfect. We will revise some effects previously worked with and we will unveil a couple other secrets as well.


  • Illustrator to After Effects Relation-tips – Two-Face Vector Animation

    This is the third tutorial of four based on the Batman Trilogy. This part will be focusing on how to get the most natural multidimensional movement when dealing with a number of elements together. As always, we'll include several tips and tricks to help you grow as you continue learning After Effects.


  • Illustrator to After Effects Relation-tips – Bane Vector Animation

    In this last video for the "Batman Revised" series we’ll review some the many concepts we have explained throughout the first three parts. We’ll also learn how to create a realistic snow effect, how to animate the circle element in the background and as always, we will explain some tricks and tips that we hope you find useful.


Conclusion

Vector graphics are used within so many projects and today we've highlighted just one of them. Keep your eyes open in the future for some creative cross overs, where we will show you the many uses of vector.

Related Posts
  • Design & Illustration
    Vector
    25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+ Blend tool
    In this week's Round Up we've focused purely on beginner content for those who wish to get a better understanding on the Blend Tool and Blends! These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Design & Illustration
    Web Roundups
    26 Awesome Brush Tutorials for Adobe Illustrator on Tuts+Hubtreepreview
    The brushes in Adobe Illustrator are incredible tools that allow you to create and do a multitude of things. This week we've focused purely on beginner content for those who wish to get a better understanding on brushes. These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Design & Illustration
    Web Roundups
    The Top 25 Vector Tutorials on Tuts+ in 2013Colorfultextpreview400x400
    2013 has been a great year for vector on Tuts+. Yet again, we've been able to provide you with more amazing, free, scalable content and it's getting better and better each month. So what have been the best posts of the year?Read More…
  • Design & Illustration
    News
    New Design Courses Available on Tuts+ PremiumNewdesigncourses
    Tuts+ Premium courses teach you a single skill from top to bottom, inside out.Currently, more than 15,000 members are sharpening their skills in web design, web development, Photoshop, vector design, video effects and much more. Our dedicated team adds new content weekly, so there’s always something fresh to sink your teeth into. Today, we’re highlighting a few of the latest and greatest course additions to Tuts+ Premium.Read More…
  • 3D & Motion Graphics
    Motion Graphics
    Illustrator to After Effects Relation-tips - Two-Face Vector AnimationThumbnail2faces
    Today's post is the third tutorial of four based on the Batman Trilogy. This part will be focusing on how to get the most natural multidimensional movement when dealing with a number of elements together. As always, we'll include several tips and tricks to help you grow as you continue learning After Effects.Read More…
  • 3D & Motion Graphics
    Motion Graphics
    Illustrator to After Effects Relation-tips - Batman Vector AnimationThumbnailbatman
    This the first tutorial of a four part series where we are going to show some of the most common and widely used effects for After Effects. In part one, following an animation based on the Batman trilogy, we are going to show how to smooth the movements of an animation and how to make a natural bounce effect. Also there are a few tips, tricks and advise for you to feel more confident with your animation within After Effects.Read More…