• 23 Jul




    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

      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://www.davetyler.net dave

      wow that was AWESOME!!!!

    • 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.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://youtube.com gabriel chavez

      with after effects i got some tutorials on my youtube heres the link http://www.youtube.com/user/EverythingAE

    • 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://bit.ly/JohwN Harry
    • 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.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
    blog comments powered by Disqus

Home| Advertising| About| Contact

© 2012 All Rights Reserved