18 Creative Examples of Typography in Motion

The use of typography in video allows us to reclaim the lost art of arranging typefaces in a way that would make an 18th century typesetter’s head spin.

This type of art is also known as Kinetic typography.

The text is presented in a manner intended to convey or evoke a particular idea or emotion.

In this compilation we showcase 18 creative uses of kinetic typography which include short movies made with After Effects, stop motion animation and other techniques.

If you have an example of kinetic typography that you would like to share with us, please feel free to post a link to it in the comments section.

 

1. Stop and Think – Talking Head

 

2. D-Tronics from Manny Garza

 

3. Citizen Cope – Let the drummer kick it

 

4. Graphic Design: The Forgotten Web Standard

 

5. Rockwell from Jordan Clarke

 

6. Typography On My Mind from Toke Blicher Møller



 

7. Habitat for Humanity by Motion Red

 

8. Stop Motion by Twilight Arts

 

9. Typography in Motion by I Love Typography

 

10. Pieces by Sum 41 by CrispyGFX

 

11. Typographie by Matcho80

 

12. Zoolander Typography by Linzi Bergmann

 

13. Women at the Well by Matthew Borrett

 

14. Requiem for a Dream in Typography

 

15. The Hush Sound – Lions Roar by Mig Reyes

 

16. The City is at War by Lincoln Furrow

 

17. Thank You for Smoking by FrontLine Pictures

 

18. Typography Project by Stephen Siegel


This post was written and compiled by Steven Snell and WDD. For more inspiration from typography, see Steven’s gallery site TypeInspire.

Which ones are your favorites? Do you know of other great examples of kinetic typography? Share your videos with us!


  • alfa

    It was boring til I saw the Stephen Siegel one, great compilation nonetheless. Oh, I also think #8 is pretty smart :)

  • http://gographics.xanga.com Ms. 211

    This was really superb.

  • http://www.livingforart.com Jasmin Halkić

    Very nice.

  • http://www.olybop.info olybop

    very great selection ! thx for sharing
    in the same style :
    http://blog.gaborit-d.com/le-croisement-entre-la-musique-et-la-typographie/

  • Simon

    Letter wars! Check this out, one of the best I’ve ever seen: http://motionographer.com/theater/optix-inlingua/

  • http://www.aledesign.it aledesign.it

    Oh my god! This is my preferite post!! I don’t have words… Fantastic…amazing!!!

  • http://www.doublejdesign.co.uk/ Jack

    These are pretty cool! :)

  • http://www.ingledow.co.uk David Ingledow

    How are these created?

  • Gui Moreira
  • RoaldA

    awsome

  • http://www.merttol.com Mert TOL

    Nice collection mate. People can check this post too.. For more experimental examples.

    Link…

  • Jacob

    nice videos! here is another really good one. http://www.youtube.com/watch?v=FqAF-Alc7CM

  • http://wemakeweb.de Sep

    The last is the best

  • http://bonezdesign.net Patrice

    Yup. Some very nice motions up there! I like this post.

  • Caroline

    Reminds me of a very nice video I saw a few months ago, with kinetic typography, about the creative process. Absolutely worth a click!

    F is for FAIL : http://vimeo.com/3600380

  • http://www.youtube.com/watch?v=kcFQXKMIoxw SarahB

    Comedy + Typography = AMAZING!!! http://www.youtube.com/watch?v=kcFQXKMIoxw

  • http://newlayer.hu davidkolbi

    it was awesome

  • FLL

    this is really about all the things you can do with a mac, but there’s some nice typography.

  • http://twitter.com/_cres Cres

    The best typography in motion ever is the one of Pulp Fiction
    take a look
    http://www.youtube.com/watch?v=HePWBNcugf8
    =)

  • http://raspandoteclas.blogspot.com Tinta Digital

    Look another one: http://www.youtube.com/watch?v=-CyPixDcNzk

    El Cuarteto de Nos, is a rock band from Uruguay.

  • Kristian Matthews

    This gave me same great inspiration for my Creative Media diploma course that I’ll be starting soon. Thank you so much.

  • Sean

    http://vimeo.com/1683225

    Easily one of my favorites. Starts out a bit slow, but by the chorus (1:00) the guy puts the pedal down and doesn’t let up.

    • http://www.davetyler.net dave

      wow that was AWESOME!!!!

  • http://www.davetyler.net dave

    I loved all the different uses of typography. Very nice post =)

  • http://thomasmoffett.com ThomasMoffett

    incredible…very time consuming….

  • BebopDesigner

    Amazing collection! Loved the one from Requiem for a Dream and Graphic Design. Thanks for posting.

  • http://timgorichanaz.com Tim Gorichanaz

    “Brooklyn Go Hard” – Jay-Z ft. Santogold

    In case embed doesn’t work, here’s the URL: http://www.youtube.com/watch?v=QftcJtvLr8g

    This one’s a lot different than the other examples, but I think it’s worth sharing. It’s pretty bare-bones, but imagine if it were polished like the others. The guy who made it even released the .FLA (yes, it’s done in flash) so anyone can make their own version of it. Very cool.

  • Axet

    I’ve seen a Typography in Motion video for Citizen Cope’s “Let The Drummer Kick” that’s similar, but better in my opinion, than the one in this blog post.

    Take a look: http://www.youtube.com/watch?v=xAuQmJzt_q0

    The similarities make me think that they were made by the same person, but that one (this one, I believe) is just a newer version.

    • http://www.vimeo.com/bogdan19 Bogdan Macoviciuc

      Hello Axet, yes, the typography video from this blog post is done by me, and yes, it is similar because I reached for some inspiration from Artur Dimke , the original creator of the first Let the drummer kick that video.

  • http://www.graphikfood.com/ Zeb

    Very nice collections !! Very good post ! :-)

  • http://www.crearecommunications.co.uk Adam

    Some great videos there – it’s amazing how important typography is in any form of design – it’s something I found out soon enough.

  • Christina

    I knew I’d find you …. there -:))

  • http://www.migreyes.com Mig Reyes

    Hey there, thanks for including Matt and I in this list. There’s definitely some great pieces on here, so we’re honored. Be sure to check out the work of MK12 where much of this trend started!

  • http://www.smashapps.org/2009/07/beautiful-floral-photoshop-brushes.html Photoshop brushes floral

    Awesome animation. Love them all.

  • QualityWhat

    This list needs some shortening. For a list of “Creative” examples, there sure are alot of the same type of animation and style here. Heck, some of these are really unpolished student work. The original pieces that all these films got their inspiration from isn’t even here.

    1, 4, 7, 8, 9 and 11. The rest are pretty much the same.

  • http://mimi-goodies.com Mimi

    Hmm.. most of them don’t seem to be working for me. I wonder what I am doing wrong! :)

    • http://www.webdesignerdepot.com Walter

      Refresh the page and try playing only one video at a time.

  • http://www.embed-design.com/ Oliver

    Awesome…

  • http://takipteyiz.blogspot.com Zeynel Aslan

    I really impressed! Love them all.

  • http://www.psprint.com/stickers-labels Ashely Adams : Sticker Printing

    Nice selection and thanks for sharing the list. It proves that typography, in any form of design, is important and it can actually “make or break” your creativity. But those working with kinetic typography should go easy as too much motion can sometime irritate your vision.

  • RashidaPitaBread

    Love the post

    I’ve done a similar project in school to a French song
    http://www.youtube.com/watch?v=ZK3IksuJVVA

  • Chris

    With all do respect… i would very much like to know why this didn’t make the list:
    http://vimeo.com/1612411

    I think it goes heads and tails over at least 2 of the ones that did.

  • http://www.webdesignerdepot.com Walter

    @Chris: We had to choose just a few, there are too many videos out there and the post couldn’t be too long as it takes time to view each video.

    Also, we didn’t necessarily find the examples you found or other readers found.

    There are many good videos out there that didn’t make it into the list, so that’s where the links in the comments come really handy.

    Thanks for sharing yours!

  • BongoBox

    Devli’s Advocate:
    On a couple of these, you could take the soundtrack, look-and-feel, and/or animation style, and replace one with the other, and it’d work equally as well.

    In other words, some of these seem really pretty, but they don’t really work perfectly together to tell the story, they just seem like “good fits.”

    Then again, ask to see MY work…!
    :O

  • http://www.twitter.com/designiac designiac

    I think the “Typography in Motion” by I Love Typography is the beat of this collection!

  • http://www.danhbaweb20.com/ Danh ba web 2.0

    Great ! Thanks a lot
    See more typography in motion: http://tr.im/u3qx

  • http://www.krop.com/gustavs/ Gustavs Cirulis

    Great post! Had fun while having nothing to do. :)

  • http://www.webdesign-gm.co.uk New Web Design

    Some great typography videos here. All of them are good and I really like the last one. Thanks for sharing these.

  • http://twoifbysee.blogspot.com/ kristy

    I love the stop motion piece – I found this music video a little while back that uses stop motion to beautifully recreate typography with paper and other found elements…thought you might enjoy…http://twoifbysee.blogspot.com/2009/05/cookie-machine-by-jeremy-hildebrant.html

  • http://www.printplace.com/printing/poster-printing.aspx On Poster Printing

    Kinetic typography seems to be growing more and more popular, even for use in commercials. This is not very surprising, though, considering the importance of typography in print and web designs. Kinetic typography is just the next step. The problem with many of these examples, though, is that the typography is almost unreadable at times because of the large amount of motion. Straining to read the message is definitely not something you want your viewers to be focusing on. Just as in all design, the rule “less is more” still applies.

  • http://www.reborndesign.it renato

    great post!

  • http://www.kevinohara.com Kevin Oh!

    Great post. New one by Eric Hutchinson “OK, It’s Alright With Me” is pretty sweet. Black and white video + kinetic type = simple yet effective.

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

  • http://bit.ly/JohwN Harry

    Here’s a simple one that I did a few weeks back…

  • http://www.squiders.com Web Design Kent

    suitably inspired!

  • http://twitter.com/ericwashburn Eric Washburn

    wow! great collection!

  • http://www.youtube.com/user/TwilightArts TwilightArts

    Hello there, thanks for adding my video to your list. It’s an honor and also a surprise ;)

  • http://www.greatmindsdesign.com David J

    check ouy our kinetic typo vid

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

  • http://www.stuffffutts.bogspot.com Kate

    LOVE all these examples of kinetic type !

  • http://www.brettwidmann.com Brett Widmann

    i really like #16 and the last one. They each fulfill their purpose really well and it keeps my attention.

  • Sarah

    Great collection! Please also check out this cute Little Drummer Boy video:

    Little Drummer Boy by Ten Days Till – [Christmas Music Video]

    Here’s the youtube link
    http://www.youtube.com/watch?v=0ZnD_lc97UQ

  • http://www.reversethought.com Sunidhi Garg

    You should check this : My favourite example of kinetic typography in video
    http://www.youtube.com/watch?v=I8kBzKZVjxo

    It’ll make you cry! Trust me!

  • Bilal bkr
  • Mark Sleight