Animate Type the Old School Way

Mar 2nd in Motion Graphics by Lloyd

It's easy to get excited over the latest plugin or technology, but that inevitably leads to stuff that all looks the same. So to get something new and original, sometimes you just need to go Old School! Before computers, the way to produce type animations was to get creative with some props and a camera. Lloyd shows us how to use some reflective paper and a camera to capture some very fresh type animation. Of course he will also show you how to use After Effects as a finishing tool to bring it all together; this is Aetuts+ after all!

PG

Author: Lloyd

I run AESCRIPTS.com which provides useful scripts for Adobe After Effects. You can follow me on Twitter @aescripts

Preview

RSS readers: click post title to view preview video at AETUTS.

Get the Flash Player to see this player.

Download

Preview

Requirements:
Knoll Light Factory Unmult (download free version here)

Music used in the final piece:
Clenastro from AUDIO JUNGLE

View Tutorial

RSS readers: click post title to view preview video at AETUTS.

Instructions: Click 'View Full-screen' button (bottom right corner) to see this HD tutorial at maximum size. Click screen to pause, click again to play.

Get the Flash Player to see this player.

Download

Tutorial

Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Bueaka March 2nd

    nice:)

    ( Reply )
  2. PG

    LeJo March 2nd

    Is it possible to have a view at the “official” Title Sequence you did?
    I’m kinda curious to see it.
    Maybe just some seconds ;)
    Greetings from Germany

    ( Reply )
  3. PG

    Julien March 2nd

    Awesome effect. Nice tut ;)

    ( Reply )
  4. PG

    cris March 2nd

    Love the old school, I hope more techniques like this will come.

    ( Reply )
  5. PG

    Nahuel March 2nd

    Nice!

    How the “Old School” video music is called?

    ( Reply )
  6. PG

    thady March 2nd

    more hands on is always good…nice one

    ( Reply )
  7. PG

    luantran March 2nd

    Good. i Like AEtuts.com

    ( Reply )
  8. PG

    SANTA(RUSSIA) March 2nd

    very good)))

    ( Reply )
  9. PG

    Proof March 2nd

    wow man magic music!!! could you give me a name of this track, please …

    ( Reply )
    1. PG

      Lloyd Alvarez March 2nd

      @Proof – Music is Clenastro from AUDIO JUNGLE

      ( Reply )
  10. PG

    Abhay Sharma March 2nd

    nice tutorial
    but it can be done using standard AE plugins – CC turbulence, roughen edges.

    ( Reply )
    1. PG

      Lloyd Alvarez March 2nd

      @Abhay – I will politely disagree with you, there is no way to get this look using plugins. Besides this way you get something truly unique which is not always the case when using plugins.

      ( Reply )
  11. PG

    Billy March 2nd

    I haven’t been able to open aetuts.com with internet explorer now for 2 days….anyone else having this problem? Can open with Mozilla….but not IE.

    I’ve been waiting forever for a new Lloyd tutorial…and though cool….someone disappointing. Sorry Lloyd. I don’t think it says anything about THIS tutorial….just how awesome most of your stuff is. :)

    ( Reply )
  12. PG

    Dan March 2nd

    I really dig this

    ( Reply )
  13. PG

    Mike March 2nd

    I would say this is one of the best, if not the best tut on the site. This is finally something innovative, where you couldn’t find anywhere else.

    Nice job.

    ( Reply )
  14. PG

    Abe March 2nd

    Awesome, and ya IE keeps weirding out on me with this site now.

    ( Reply )
  15. PG

    Johan March 2nd

    Nice one :D

    ( Reply )
  16. PG

    Billy March 2nd

    @Abe….good to hear than I’m not the only one. I was having problems a while back. It would open up the main page but nothing else….then it started working fine on everything…and now it won’t open at all. Bizarre!

    ( Reply )
    1. PG

      Lloyd Alvarez March 2nd

      Thanks for reporting the problems with IE, I’ve notified the power that be.

      ( Reply )
  17. PG

    morsji March 2nd

    good idea
    u own!

    ( Reply )
  18. PG

    tschiphorst March 2nd

    I went out and tried this right away, took a different approach though. We had no reflecting paper so I took a ski goggle with mirror coating lens.. cool effect!

    ( Reply )
    1. PG

      Lloyd Alvarez March 2nd

      @tschiphorst – Nice one! This is what I was hoping to hear.. Remix!!

      ( Reply )
  19. PG

    Joel March 2nd

    Man this i really want the song bad but i dont got 10 bucks right now =/

    ( Reply )
  20. PG

    walterson March 2nd

    wurruuull
    Muito bom!!!
    Excelente advanced turorials…
    Continuem sempre assim…
    abraços!!!!
    Brazil…

    ( Reply )
  21. PG

    Rob Fiedler March 2nd

    Excellent. Thank you so much for this tutorial. Very interesting.

    ( Reply )
  22. PG

    Simon Thurman March 2nd

    I’ve only been visiting AETUTS for a few weeks now and I must say this is one of the best sites for Pro AE tutorials. It still amazes me that there are guys like you out there that are willing to share your hard work for free!! I’m a full time working dad who would love to go to college to learn AE but with everyday commitments its just not possible. What you do for people in my situation is incredible. The internet is at its best with sites like yours. I can’t thank you enough for these amazingly inspirational lessons!! This looks AWESOME!! keep em coming ;-)

    ( Reply )
  23. PG

    VertigoSFX March 3rd

    Wow, this is an amazing tut…this would be great as an intro to a horror film or something…I could see the eeriness to it…beautiful job.

    @Simon Thurman, these guys actually do get paid for making these tutorials…but for all the hard work, they’re still giving a lot for the price they’re paid (150USD/tutorial)…it is really generous.

    ( Reply )
  24. PG

    si March 3rd

    I think Saul Bass did something very similar for the titles for ‘Seconds’ – a movie I watched the other night – I think they filmed body parts being distorted in a reflective surface – crazy film

    ( Reply )
  25. PG

    lucado March 3rd

    Very good one. Maybe the best. Thanks for sharing !!!!!!!

    ( Reply )
  26. PG

    Xintare March 3rd

    Once again, amazing tutorial, Lloydl! Thanks!

    Another idea: I didn’t use a sheet of paper as text source, but simply my tv. I boosted up the backlight, brightness and contrast and got a very clean, bright image. I positioned my cam right above the screen and didn’t need any other light sources. The resulting image has no shadows darkening the text.

    ( Reply )
    1. PG

      Lloyd Alvarez March 3rd

      @Xintare – That’s a very clever idea! Especially since it negates the need for a light kit.

      ( Reply )
      1. PG

        Lloyd Alvarez March 3rd

        @tschiphorst, @Xintare and anyone else trying this at home, post links to your finished pieces would love to see all the variations

    2. PG

      Xintare March 4th

      Hi Lloyd,

      this is a first test of the effect:

      http://www.youtube.com/watch?v=PTSxR33CYmc

      I couldn’t use too extreme transformations, because the reflective paper isn’t that good. The surface structure is really strong, so I had to get very close to the paper.

      I also found, that having a tv screen as source may give you a very clean matte, but that doesn’t look very interesting:

      http://www.youtube.com/watch?v=w8DI0YIzltk&feature=related

      I will work on it some more with different paper.

      ( Reply )
  27. PG

    Saro March 3rd

    Lovely effect!

    ( Reply )
  28. PG

    illd March 4th

    Oldschool, baby! Reminds me on “A beautifull mind”

    ( Reply )
  29. PG

    Chris March 4th

    This is an incredible tutorial and a real breath of fresh air among the more conventional AE motion graphics toots. Right up my street!

    Thanks

    ( Reply )
  30. PG

    John Dangerous March 4th

    Why in gods name are you using IE up there?
    Anyway, tutorial looks real good.

    ( Reply )
  31. PG

    Joel March 5th

    The thing is that i dont have a camera.Is there any way that this can be reproduces in after effects instead of using cameras/lights.

    ( Reply )
  32. PG

    Adyos March 6th

    Just…stunning !

    ( Reply )
  33. PG

    Igor March 6th

    Great sound for this effect

    ( Reply )
  34. PG

    ricardo March 9th

    excellent job! i love the technic and the effect keep it up

    ( Reply )
  35. PG

    artofjosh.com March 13th

    wow, very nice. tutorial makers never effectively communicate their intentions at every moment and what exactly their doing at every point to make it clear and concise to the viewer, but you have done a very good job at this, thank you so much, and this is a beautiful looking technique!

    ( Reply )
  36. PG

    Chris March 27th

    awesome tut! I like your work…
    where did you go to college?

    ( Reply )
  37. PG

    MyPlOkna April 20th

    Если быть хорошо, я бы посоветовала поставить Вам баттон “Подари 5 рублёв”,
    яб с удовольствием перевела владельцу 5 рублей. А вы? ;-)
    Окна пластиковые

    ( Reply )
  38. PG

    wockee May 23rd

    omg? i’m having a cardiac arrest :$

    Nice lol!!

    ( Reply )
  39. PG

    Filipa June 2nd

    I also think that this is an amazing tutorial. I’m trying it now, with some “differences”. I don’t have reflective paper, so i try it another way: filming the reflection of the screen. Actually like this you have higher levels of contrast AND you can also film animations. :)

    Maybe you can try it and tell what you think about it. (im just a noob in AE)

    Thanks for your work, and sorry my bad english

    ( Reply )
  40. PG

    Christoph June 18th

    Best tut I’ve seen so far…..

    Greetings from Germany

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    June 18th