Here's a demo of my livefont - FUTURA ANIMATED. You can't go wrong with a bit of Johnny Cash.

Designing the animations of each glyph so they referenced and respected the principles of Futura was great fun. This was initially created for a corporate video job at Cobra Creative- when all of the titles were laid out, we struck upon the idea of animating each letter in AE and then typing with the animated movies assigned to the glyphs. This proved a bit more difficult then I initially assumed- after some research, it seemed as though Apple's Motion could use "LiveFonts" but you had to create them in LiveType. So, I installed Livetype, and it creates livefonts with an XML-like format and quicktime references. If you want to use FUTURA ANIMATED, here's the livefont. It loads in both Motion and LiveType.

movecraft.com/clients/movecraft/Futura_animated.zip

For the real job, I just placed precomps in AE.

Bran Dougherty-Johnson @psst3 on twitter asked how to get it working in AE, so we whipped up (with the super crazy support of Kevin, our developer) something that pretty closely matches the functionality of LiveType in AE. The alphabet is laid out on a timeline, then precomped. The precomp is time remapped and then the remap values are driven by the charAt values of a type layer... So, type in what you want in the type driver layer, dupe the precomps, and it should map accordingly, although you have to manually do the kerning adjustments. There is a slider to control time offset and some variables for individual animation duration for holds and outros- all handy if you want to sub in your own glyph animations!

Check it-

movecraft.com/clients/movecraft/livefont_expressions.zip

I'm building another livefont based on Gaudy Sans Hairline for a video remix pack for electronic musician Moldover, which will have speak & spell audio baked into it. Check out a little sneak peak here-

vimeo.com/7421467

Thanks to Cobra Creative for letting me mess around with this stuff for a few days instead of dragging and dropping an AE type preset on the titles. High fives to Ryan and Jake for finishing up some of the glyphs.

cobracreative.com

movecraft.com
@colin_movecraft

Credits

90 Likes

  • Bryan Woods 20 days ago
    Great stuff Colin. I want to check that out in more detail later this week if thats alright with you.
  • Colin Sebestyen plus 20 days ago
    Sure thing! Download the source files and we'll walk through them before class.
  •  
  • Stephen Fitzgerald 20 days ago
    killer work colin! it moves so fluidly!
  • Colin Sebestyen plus 20 days ago
    Thanks Stephen- speaking of fluidly- next time I'm in Portland I'll buy you that beer...
  •  
  • Edge and Heavy plus 20 days ago
    fckn niiiiiiice ... this is a refreshing take on all the typical kynetic type that's going on.
  • Colin Sebestyen plus 20 days ago
    Thanks man!
  •  
  • james curtis 20 days ago
    Excellent work Colin, now I see why shape layers are your friend. And grats on being posted to motionographer!
  • Colin Sebestyen plus 20 days ago
    Thanks dude. Actually this animation is basically shape layers -> LiveType! Two technologies I thought I would never use. And now that I loaded this stuff in Apple's Motion, I really like it. 3 years kind of late.
  •  
  • Daniel Marin 20 days ago
    Awesome Stuff! I opened the AE expression and looks great. However, If I change a letter (P to A) P disappears but A won't show up. Am I doing something wrong here? thanks for sharing.
  • Colin Sebestyen plus 20 days ago
    Yeah, since it's a display font... we only designed the uppercase letters, and only bits of punctuation (?/,"). Try holding down caps and typing in the the Driver Type layer. Also, I need to fix the divide by zero bug, so don't create more char comps then there is characters in the Driver_Type layer or you will get an error.
    :)
    I won't stop anyone from designing the lower case.

    C
  •  
  • charcoal 19 days ago
    This is great! Love that last 10 secs... so smooth
  •  
  • Telli Narcizo 19 days ago
    Really great! Impressive work you did with the letters animation.
    I'll try the expressions as soon as the render stops here :)
  •  
  • Gorgeous, Colin! I agree with Edge & Heavy, a really refreshing take on kinetic type. Now if we can just get some teachers to assign something like this instead of another MK12 "homage" ... ;)
  • Colin Sebestyen plus 19 days ago
    Thanks for the kind words Bran... Means a lot- I show your work and the ...psst stuff to my students all the time!

    The kinetic type assignment still does a lot of good things- you can critique camera animation, AE technic, and typographic hierarchy all at the same time. However, I agree, I don't usually like assigning it because it doesn't do any good on student's reels because all those typical intonation conventions have become so cliche.
  •  
  • Rob Chinn 19 days ago
    Great job Colin! Looks great!
  •  
  • takcomā„¢ 15 days ago
    Amazing! You notice me there are still dozen possibilities in the typo.
  •  
  • Luis Soldevilla 14 days ago
    Thanks for sharing!!
  •  
  • xMICO 8 days ago
    amazing work man...

    congratulations
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 4,573
    likes 90
    comments 18
  • Nov 24th
    plays 6
    likes 0
    comments 0
  • Nov 23rd
    plays 19
    likes 0
    comments 0
  • Nov 22nd
    plays 12
    likes 0
    comments 0
  • Nov 21st
    plays 13
    likes 0
    comments 0
  • Nov 20th
    plays 20
    likes 0
    comments 0
  • Nov 19th
    plays 36
    likes 0
    comments 0
  • Nov 18th
    plays 45
    likes 0
    comments 0
  • Nov 17th
    plays 39
    likes 2
    comments 0
Previous Week

Downloads

Please join Vimeo or log in to download the original file. It only takes a few seconds.