Create An Animated Split Flap Clock

Create An Animated Split Flap Clock

on Jul 18th 2012 with 18 comments
Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 10:35 min

Final Product What You'll Be Creating

Download Source Files

This tutorial explain how to animate a digital ‘retro’ split flap clock display. It also show how to light up a scene as well as to create fake shadow.

Tutorial

Download Tutorial .mp4

File size: 104.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.

Hello! My name is Matas and I am an animation student & creative artist. Besides that I am working as a Senior Animator at the design studio based in Derby (UK) as well as run my own freelancers cooperative team 'Zazu-Studio'.  

Plus Premium
 
 
  • Zach

    Thanks for the tutorial! The files cannot be opened on a Mac with AFX CS5. I’ve tried both .aep files in the folder.

    Can you fix this?

    Screenshot: http://cl.ly/image/1c1L3B0G1D3V

    • http://www.zazu-studio.com Matas
      Author

      Hey Zach, there are two types of files: CS5.5 & CS6

      But as many people still using older versions of After Effects I’ll try to sort it out.

    • http://www.zazu-studio.com Matas
      Author

      Hi Zach,

      You could try to use After Effects XML project file known as .aepx . I am not 100% sure, but this should be compatible backwards with older After Effects versions. Do not forget to re-link project files after opening .aepx project file. Hope this will help.

      Link to After Effects XML project file: http://goo.gl/DBGBG

  • http://benwattsdesign.com Ben

    Nice result :D

    • jhomo

      excellent tutorial, but I have a problem, I use Adobe After Effects CS4, it will be possible for you to send these files to the previous version of after effects? I would greatly appreciate it. ;)

      • http://www.zazu-studio.com Matas
        Author

        jhomo, read comment above as I posted After Effects XML project file. However, not sure if it’s going to work.

      • http://videohive.net/user/5p1r17 5p1r17

        You can save as CS5 in CS5.5.
        File -> Save as CS5

  • jhomo

    does not work, and I would love to work this tutorial. : S

    • http://www.zazu-studio.com Matas
      Author

      Had to sort it out. Most I could do was to save as CS5 version.
      Here is the link to CS5 project file: http://goo.gl/98Ils

      Hopefully you will be able to use it. ;)

      P.S.: don’t forget to re-link layers.

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

    Sorry to say but I have seen this tutorial already.
    I think on creative cow.

    Nothing new to learn :(

    • http://www.vimeo.com/everettoptions Adam Everett Miller

      We posted a similar tutorial a couple years ago, but it wasn’t as user friendly… so this is essentially an updated version of the same effect.

  • Den

    why I can’t download a tutorial?

  • Joey Miranda

    Hi,

    Looks like you’ve done a great job here! I would love to know if the same could be done with video content instead of numbers?

    Thanks so much,
    Joey

  • Alex

    Hi! Thank you for the tutorial! However I have after effects cs5 so can’t seem to open the project and the xml link has expired..could you possibly re-ipload the link?thanks!

  • Matthew Stephens

    The dropbox AE 5 file is no longer present. Can this be corrected?

  • http://www.facebook.com/jo.m.tu Jo Mon Tu

    great! Thanks!

  • automatic_ab

    Does anyone know of an expression or script that can be used to drive the animation so that It doesn’t have to be done by hand? Thanks!

  • robstroom

    I’m getting jagged edges when I make the comp collapse. Is there any way to avoid this?

    See image below (left flap is collapsed, right flap not):
    http://d.pr/i/szMS