kinetic typography: aziz ansari

i’ve always been a fan of typography… i could stare at a typeface at size 120pt…

kinetic typography (moving text) combines the beauty of typography with dynamic motion, usually sync’d up with audio from a movie or song/spoken word.

there are a bunch of examples on youtube if you search for “kinetic typography” (my favs are the ones with pulp fiction and fight club)…

…so i decided to throw my hat into the ring…

i knew the audio was going to be a critical part of the whole project and i didn’t want to do movie quotes… then it came to me (like the windows 7 commercials)…

i chose a comedian with a TON of energy and awesome delivery: aziz ansari

aaaand since this was my first one, i just wanted a quick bit to learn the steps and then upload to youtube — so i chose one of my favorite bits from his cd: “hotel luxury linens”

overall it took me 6 hours to make this 26-second video… part of it was a shitty mouse that would randomly double click when i did a single click (grrrr) and then the majority of it was me being a super n00b

my one and only resource was this site: crooked gremlins — the video tutorial was well made (though i WISH the video was hd quality because there were a few points where i needed to see the details of what he clicked)

the funny part is that the tutorial totally breezes past the toughest part… the timeline edits. for those familiar with flash, adobe after effects is preeeetty similar… similar in the way that you make “keyframes” to time the animations just right — but it’s a little different… a different logic for the way you have to animate it. i think now i somewhat have the hang of it, i’ll be speedier during that part of the process

about the video — i’ve seen it several times already and i kinda wish i did a few things differently:

  • better emphasis: when aziz first says “two ninety six!!” i shoulda made that HUUUUGE and more dynamic… instead it just shows up on screen without much pop
  • text layout: i need to lay out the text a little better in illustrator — this is what kind of determines how the motions will play out
  • work in different degrees other than 90: when the video rotates, i played it safe and used 90 degree increments each time (cept for the last word, where i used 45 degrees to fit the whole thing on screen)

for future projects:

  • graphics? i’ve seen some really good KT’s that use vector graphics in them, which adds to the overall effect of the video
  • words within letters: this doesn’t make sense to you… but it’s an effect i’ve seen people do where the next words start to form within a letter in a different color

so yea… lemme know what you think — and if you have any suggestions for my next video

10 Responses to “kinetic typography: aziz ansari”

  1. Andy says:

    Im gald you said it. the better emphasis on 296 was a prevalent thought for me. Words within letters are cool. All in all, i thought was a great first attempt. I can’t wait to see the ones you produce once you improve and learn more of it. I think this one is awesome.

    too bad you cant leave comments on the gremlin site.

    the audio sync, id imagine, would be the toughest part. especially since aziz talks so fast.

  2. Joey says:

    thanks andy… i like how it ends with the text more bunched together… i got into a groove toward the end

    the audio sync wasn’t too hard… i think it was better that he talked fast… cuz then i could keep the words closer together on the timeline

    got any suggestions for audio?

  3. david says:

    nice josep! impressive for your first time, 6hrs for a 26 sec clip that’s dedication son.

    • Joey says:

      thanks day-bid… that’s a huge relief that you like it… the whole 6 hours i was thinking, “dave’s totally gonna say, ‘DUDE BRO that SUCKS!'”

      lawlz… thanks again!

  4. Tim says:

    I didn’t watch it, but since Dave is slacking off I will totally say “DUDE BRO, that SUCKS!”

    You can thank me later.

    On a related note, why can’t I leave a message without giving you an e-mail address? What guarantee do I have that you won’t sell my personal information to 3rd parties who will then spam me? I need some sort of disclaimer informing me that what ever information I give you is safe. In fact, I almost didn’t leave a message for that very reason!

    • Joey says:

      you can take my word that i won’t sell your personal info to 3rd parties… i can’t guarantee that i won’t sell it to 4th parties… those are the bastards who’ll eff with ya
      just be like mark — he puts some fake email address each time… cracks me up too

  5. Tim says:

    I used an awesome website address. Did you check that out yet?

  6. Sarmad says:

    That was sick. That whole 6 hour to :26 rate of production will not do. I bet if you used both of your hands while sitting at the computer you’d increase your efficiency.

  7. […] finished my second kinetic typography video… this one took considerably longer than the first (:26 versus […]

Leave a Reply