Create An Infographic Typography Animation

Create An Infographic Typography Animation

on Aug 10th 2011 with 40 comments
Tutorial Details
  • Requirements: Just After Effects... enjoy
  • Difficulty: Beginner
  • Run Time: 61:19 min
Download Source Files

In this tutorial I’m going to show you how to create a Infographic Animation with graphs in the common typography style. I also talk about some of the theory and the ways to make this look more unique. We’ll also do a lot of keyframing and motion graph editing. Enjoy!

Tutorial

Download Tutorial .mp4

File size: 225.9 MB

Alexander Dohr is adintermedia 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 from Munich, Germany. I'm a freelance web designer, motion graphics artist and film maker. I love it to work with After Effects, Cinema 4D and Photoshop. Check some of my projects at Video Hive.  

Plus Premium
 
 
  • http://www.cgmotionbox.com cgmotionbox

    Thanks for this nice tut

  • Napster

    your a little hate pcs hm ^^. But nice tut of corse

  • MathMan

    I like the effect, is cool (but not awesone), but the tutorial is looooooong and sometimes booooring to dead! Man, more than a hour to explain a 20-minutes typo-motion? Really necesary? Speed up your “videotutorial-creator” skills, for God’s sake. I mean, I know is not easy and not everybody can be Andrew Kramer or someone like that, but cut-out or edit the shitty parts and move on!!

    • http://ad-intermedia.de Alexander Dohr
      Author

      Hi,

      thanks for your comment. I always appreciate constructive critique and i’ll try to keep it shorter next time.
      However I always try to encourage people to use the techniques and knowledge learnt in the tutorial in their own work/style but there will always be beginners and people how want to watch every single step to recreate this exact animation. So as a bottom line i would just ask you to skip the repeating parts.
      thanks for watching anyway

      alex

  • http://bestflashwebsites.blogspot.com Flashy

    No preview :| ?

    • Sudhir

      For the preview, just stream the first 1min or so of the tutorial and you will see what it is you will be doing in the tutorial :).

      The tutorial is great, can’t wait to start it. To be honest, long , boring or short. As long as i learn something from the tutorials then keep them coming and it is always appreciated. :D

  • Yonet

    Thank you.

  • el Fede

    Totally agree with MathMan. its way to long.

  • And

    What music did you use?

    • http://ad-intermedia.de Alexander Dohr
      Author

      The band is called: “LaBrassBanda”
      title: I’m Coming Out

  • alsmo

    Alexander you are great and thank you.
    i suggest that you will make kynetic typography for advanced, it will be very cool!

  • Matt

    Yeah, I always like tutorials for this kind of thing. But I agree with what was posted earlier. Way to long. To much rambling. I don’t understand why people don’t go and edit their tutorials after they’ve recorded them to tighten things up a bit.

    I know you want to make it easier for beginners, but a lot of the rambling i don’t think would be beneficial to anyone.

    That being said, it was a nice tutorial in terms of what you were showing us. You obviously have a lot of skill and like your style of graphics a lot. Thanks for making it and please keep em coming. And thanks for showing us where you get fonts/textures and stuff

  • Tenso

    A preview would be nice

  • http://www.flickr.com/photos/abatti95 Bruno

    Thanks for the awesome tutorial! I’ve been looking for something like this for weeks!
    I understand the length of the video, and I watch it fully.
    The explanation is perfect! I’ve taken all my doubts about kinetic typography with this video..

    Thanks again,
    Bruno.

    • http://ad-intermedia.de Alexander Dohr
      Author

      Thanks Bruno! I highly appreciate it!

  • brndn

    wow…you ungrateful bastards complaining about the length of a tutorial.

    if you’re all so critical why don’t you start your own tutorial website? the author clearly has a passion for helping other people so why don’t you go back to trolling youtube videos.

    ps. thanks for all the tutorials, they are very helpful for those of us interested in learning new things!

    • http://www.ad-intermedia.de Alexander Dohr
      Author

      Thanks a lot! I highly appreciate it though i don’t hate people for constructively criticizing me :)

  • http://scottbrasherdesign.COM brasherbuddy

    Your telling me you set your bounce effect by creating keyframes? There has to be a bounce tween for this.

    Also, you should say command, not C M D, come on man!!!

  • Rodolfo

    Alexander, soberb, excelente tutorial. I really liked the length because you teached everything with all the details. I learned many interesting things with this tutorials. Keep it up with this amazing job. Sorry for my English. Greetings from Brazil.

  • Rodolfo

    Alexander, soberb, excelente tutorial. I really liked the length because you teached everything with all the details. I learned many interesting things with this tutorials. Keep it up with this amazing job. Sorry for my English.

    Agree with Bruno, The explanation is perfect! I’ve taken all my doubts about kinetic typography with this video. Greetings from Brazil.

    • http://ad-intermedia.de Alexander Dohr
      Author

      Thanks a lot for this great comment. I’m so glad you lost your doubts on this kind of stuff :)
      i appreciate it!

  • http://www.liquidproductions.co.uk Matt Popay

    Great tutorial. This site has taught me so much about making these.
    I recently made one for my company which you can check out here http://www.liquidproductions.co.uk/our-portfolio (its on the front page)
    Would love to know what you think about it.

    I even wrote a blog about it here http://www.liquidproductions.co.uk/1268/typography-animation

    • http://ad-intermedia.de Alexander Dohr
      Author

      Hi Matt,

      thanks for the kind words. Your animation looks pretty good, only the camera movement is a little too heavy for my taste. But that depends on the taste :)

  • http://trinity-studios.com Jesse

    Great tutorial! Thank you.

  • http://magicoficecream.wordpress.com Ben

    Hiya! I tried the tutorial (but I’m still halfway through the vid), instead of your vertical bars I made horizontal ones. However, problem comes when I duplicate the layers (bars, floating bars and text) to the other side. Some of the position is disfigured. Any idea how? (Link Below)

    Image:http://i52.tinypic.com/ma8oxl.png

    As you can see, the floating bars are already there when it isn’t time for them to “float”. How do I fix that?

  • http://magicoficecream.wordpress.com Ben

    After some painstakingly 5 days, I managed to finished your tutorial. I read that you like criticisms. I just suggest that (1) Don’t shout on your tutorial (2) Don’t slam the keyboard (3) Rehearse your tutorial (4) Don’t make the details as near perfection, say the values since you hop back and forth just to get that look. Just teach the concept. (5) Perhaps record on a slightly smaller screen. Its too hard to make out of what’s happening except the composition panel (6) Make an outline of your tutorial (7) Be brief as possible.

    But rest assured, I learned many things on your tutorial. Thanks again for this!

    • http://ad-intermedia.de Alexander Dohr
      Author

      Hey thanks for watching the Tutorial! I’m pleased that, in the end, it helped you.
      To answer all your suggestions:
      (1) I did not shout, but i’m sorry for any missing audio level compensation. This issue was fixed in my newer tutorial.
      (2)I did not slam the keyboard. Furthermore I use a microphone shock mount
      (3)Although i did go through some of what i wanted to say there’s too much rambling in this one. I hope it got better in my newer Tutorials since I tried to avoid it when recording them ;)
      (4) You’re right, thanks for the suggestions. Future Tutorials will be more focused on the concept, but reading your first comment there’s also evidence that just teaching the concept did not work perfectly for you, did it?
      (5) I’m sorry for that. I watched my Tutorials on my 13″ notebook and it worked ok for me. Also as you may know i create videohive templates and do real client work. Overall i’ll probably not purchase a smaller display just for recording tutorials, sorry.
      (6 & 7) Yes and no. I don’t think that a 40min Tutorial consisting of just saying the values and exactly what I do would be easier to watch. In my opinion the perfect way is somewhere in between.

      thanks again for watching and I hope i was able to clear some of your questions / thoughts.
      regards

      alexander dohr

  • Peter

    Hey!

    Great tutorial, I was wondering if I could possibly get that document file you were working from?
    I really need something like it!

  • http://www.typevideos.com Text to video

    Amazing tutorial, thanks for the inspiration!

  • https://www.gregcoltman.com greg

    Hi, have been doing static infographics for a little while and was looking for some tuts to get me started on animated ones – loved your vid. Found it helpful – thanks. I didn’t mind the repetitive parts – I never get things first time around :)

  • ivant

    cool tut !!

  • http://www.aeronstudios.com aaron john milloren

    ,this is great..it looks really good.. the animation looks great!
    check out mine made from after effects: http://www.aeronstudios.com
    I also make quality but affordable explanation videos.and makes high-quality animated videos affordably and quickly. We create attractive business explainer videos,educational and instructional videos,
    and screencasts that bring your concepts to life in a simple way.

  • http://ae.tutsplus.com/tutorials/motion-graphics/create-an-infographic-typography-animation/ Arur

    Thanks a ton! Even though the tutorial was a bit long, it cleared all my doubts. Beautifully done.
    Thanks again. :)

  • Den

    I can’t download the tutorial, link doesn’t work, why? :(

  • Ginger Sanders

    Thanks so much for the post, Alexander. I’m really glad that someone made an explainer video to help me make this effect. It looks really cool, and I can’t wait to try it out on my own projects.

  • amir

    Can I use ready made infographics like from visualy or other software to animate it with fluid motion? If not how do I create the animated parts?

  • Melody Hill

    Besides AE what other programmes do you need?

    • Melody Hill

      Is it okay if its not the latest version of AE cause I cannot afford.

  • http://www.think-video.com/ THiNK Video

    I’m seeing that there is a lot of search around ‘kinetic typography maker’. You’ll be surprised of how many people think that kinetic typography is an ‘easy’ animation. it isn’t!! If you want it done right, you gotta learn AE.

    Tony, Founder
    http://www.think-video.com

  • http://www.online-nrw.de/ wiyono

    apple fanboys