Kinetic Typography in After Effects Part 1

In this three part series we'll cover how to create kinetic typography in After Effects.
Download Project File: www.schoolofmotion.com/tutori...
Check out Part 2: bit.ly/2tuoFTG
Enroll for Free in the 30 Days of After Effects Series: bit.ly/2tu842p
---------------------------------------------------------------------
Partial, Auto-Generated Transcript Below 👇
Cartoon Voice (00:00:04): No, he's a rock biter! A rock biter!
Joey Korenman (00:00:22): Joey here at school of motion and welcome to day 16 of 30 days of after effects. This video is part one of a three lesson series, and I'm pretty excited about it. I'm going to walk you through nearly every single step that it takes to create the kinetic type piece that played at the beginning of this video. I wanted to do that because I thought it might be interesting to walk you through an entire project step by step, because there are so many things that have to come together when you're sinking audio. And you're trying to get typed to pop up at the right time and you're thinking of how to animate. And then you've got tons of layers and camera moves. There's just a lot of stuff. So I want to show you how I deal with the complexities of a normal motion, graphics, job, kinetic type jobs have been around for a long time, and they're probably not going away anytime soon.
Joey Korenman (00:01:08): Now, before we get started, don't forget to sign up for a free student account. So you can grab the project files from this piece as well as assets from any other lesson on the site. All right. Let's hop into after effects and let's get going on the first part of our kinetic type video. So, first of all, if you guys don't know what movie this quote is from then, um, then I feel old. Um, but anyway, what I want to try to do with this video, uh, is a little bit of an experiment to see, uh, how this is going to work. And, um, when this is all over, if we're all still alive, I'd like to, uh, maybe get some feedback from you guys. Let me know if doing tutorials this way works for you. If you learn something from it. And what I want to try to do is literally over the course of, I'm guessing two to three videos, uh, I want to try to recreate this entire thing for you.
Joey Korenman (00:01:58): Um, and I might fast forward through some parts and, and, and gloss over some things, but I want to walk you step by step through it, um, because doing a video like this, especially, you know, when you're starting out as an after effects artist, it can seem kind of daunting. Cause there's just so many things happening. There's, you know, there's all these animated pieces. Um, there's a ton of camera, movement there's effects. And how do you manage that? Um, and sync it all up to audio and get it to feel the way you want and all that stuff. Um, and you know, really there's, there's not a trick to it. It, it just takes a lot of work, but I want to sort of train unless you into my head a little bit. So I'm seeking, you can kind of see how I go about setting stuff like this up.
Joey Korenman (00:02:42): Um, so, uh, so I'm going to come back to this a lot and reference it, but, uh, here we go, let's dive in and start doing this. So, um, the first thing I wanna show you is a sort of the pieces of this that we have. Um, so all of the pieces of this animation, um, you know, the, the sort of big graphic pieces, they're just black and white illustrator art. Um, and I just did this real quick, uh, just so we had something to work with. Um, and you know, I won't go too far into like the illustrator part of this, but, um, just know that doing your artwork in illustrator, uh, it's always a good idea, even if you end up like bringing into Photoshop and, and tweaking it more there, if you create it in illustrator, you always have the option of, you know, making, I mean, you know, I've got these tiny little footprints, um, you know, but then if I want to, I can turn on the continuous rasterize button and I can just make them enormous and they don't pixelate.
Joey Korenman (00:03:44): So, um, that's something that, you know, almost every little video like this, uh, the artwork has done an illustrator first. Um, and also I want to take you guys back in time, um, because you know, I'm sure a lot of you have seen this before. Um, but this type of video is called a kinetic type video. It's one of the, it's one of those things that just you'll have to do at some point. Um, and you can think MK 12 for that. So this video came out in 2002, which is very hard to believe that it really was that long ago. Um, but as far as anyone can tell them, and this is, and I don't know, maybe I'm wrong, but this is always cited as the first kinetic type video. So I just want to show you guys a little bit of it if you've never seen it.

[@Fev333r]

0:30 walk you through, perfectly timed with the footsteps, lol!

[@GeertBonamie]

What a neat trick to do complex camera moves -my life will never be the same. It is also very refreshing to see someone tackle a bigger project, addressing all the challenges that come with it. Thank you, sincerely!

[@SeniFaSacul]

I just found this video because I wanted to improve my Kinetic skills and I'm so thankful! You rly are a good teacher, thank you! might consume all your videos after this haha

[@carmeira]

I did Kickstart last fall and I am starting Animation Bootcamp next week so I thought it would be good idea to watch SoM tutorials to warm up. I really appreciate how you explain everything without talking down to the viewer. This is so freaking exciting and useful. Thank you!

[@schoolofmotion]

That's amazing. Best of luck in Animation Bootcamp. You're gonna learn a ton!

[@marcelodesigner]

The best kinetic typography tutorial. Great technique, great pace, awsome didactic. Thanks a lot!

[@sajithkerala8384]

Wsszxzsxzxdgohsqq 4th jjyryhjjokmmfszzXxgbI'm h

[@seamusofarrell9682]

Your tutorials are amazing. I can watch other tutorials that make these crazy complicated visuals but it just feels like I’m following a recipe without knowing the “why” behind everything. After I watch your tutorials I always come out with a game changing skill that I’ve been struggling with I.e. pre-composing or graph editing. Thanks for your awesome work and outstanding teaching!

[@dazobiwan1]

Thank you so much for sharing your knowledge man and to do it the way you do it. Very pleasant to hear, very precise, very generous. Love you

[@marykirmo]

I think this tutorial just shaved at least two months off my learning curve. Seeing the decision making and the whys and hows is so valuable. It’s like a cheat for all the messy trial and error I’d be struggling along with. THANK YOU!

[@CourtneyLeighannaE]

Love this you talk so clearly and you have a nice voice to listen to ;) Thank you

[@marinar8757]

It's a truly awesome tutorial. I don't see a lot of likes on other parts of it. Probably, mostly people search short & sweet tuts, but they will never learn as much as you can learn from this long video with all process explanation. So great thanks from my side that you show up this tut pay free!

[@feller6766]

33:08 " And now I can just hit 'U'!" Woah woah, no need to get physical

[@ABDTalk1]

nice

[@kaesekrustechannel]

lol

[@1234radio]

WARNING!!! The title of the video is misleading!! I came here to learn kinetic typography. Instead I learned a pack of really useful information while following the construction of an actual project, from tiny "secret" tips to big boss "monsters" helping me work easier better and more effective. Best part - is speaking your creative ideas aloud. Thank you for great tutorials. The best around!

[@Iamolivialondon]

love the quality of this video and the channel

[@galefraney]

Great tutorial. I learned a lot of great tips!

[@aweadeyinka]

Love this tutorial especially the explanation on the different camera modes,

[@TheJohnRowley]

For real! mindblown.gif

[@MissIksipiksi]

It helps me a lot. Thanks for your job.

[@suzys937]

My favourite movie ever! Great tutorial, thank you ☺️

[@clareswift604]

Loving the project based approach to your tutorials - Think I might be signing up for one of your courses

[@schoolofmotion]

Sweet! The bootcamps are definitely the best way to grow your skills super fast. Hit us up if you have any questions. Cheers.

[@HrvojeMihajlic]

amazing tutorial! so well explained!

[@mszwed87]

Soooo good tutorial, even after almost 4 years :) Thank You

[@maxmagnus777]

I love this format, tnx :D

[@nileevans4159]

Thank you for these TOP notch tutorials, they really are among the very best out there. Brilliant

[@wDec149]

that last tip about using nulls to control the camera was very interesting!

[@Buurtwacht]

Thank you for these quality tutorials Joey. Much appreciated.

[@schoolofmotion]

Glad you like them! Best of luck!

[@lopsy4782]

This is just awesome

[@johnyvai4004]

this is just awesome.....

[@artfulchili]

How you guys don't have more subscribers and more likes I will never know. Great stuff!

[@artfulchili]

Except for your description of how a foot falls for walking... that was the exact opposite of what actually happens in a normal gait cycle. Should be heal first, then ball, then toes. I realise this is practically irrelevant but I'm still here.

[@Colman24able]

awesome!

[@Ehiliem]

Best Nuke tutorial I've ever seen!

[@sachapegado]

Great tutorial. Top notch tips man, thanks a lot \o/

[@schoolofmotion]

Thank you!

[@arminmotion2741]

learned alot. Thanks

[@fabwalk8133]

you remind me of hank from breaking bad. i loved the tutorial. probably will consume all your videos in the next few days.

[@roizeldiez3500]

Thank you so much! :))

[@0xatul]

You are the GOAT

[@MnMS1904]

excellent.

[@MrWarriorBD]

awsome sir

[@ertymusic3647]

very useful!

[@taslimaakter9643]

You guys are a true mentor who's a big heart and helping mind. Your teaching style is really awesome. So many new things I am learning through the tutorials. I can't express how much I am grateful to you. Even I have made up my mind learning all the tutorials I may get a premium course from you. Then I will ask which course will suit me. There are 160 tutorials except for podcasts & interviews. So by adopting those tutorials, I may step to an intermediate level, then which course you suggest I go for. Not now but next year (In sha Allah). Thanks, Thanks, Thanks,.................. a lot.

[@schoolofmotion]

We'd be happy to help you figure out the best course for your skill set! When you are ready, reach out to our support team and we'll get you set up 😊

[@seek4change]

Thank you sir

[@osmannurit]

1:06:29 Thanks for finding that problem. The real torture would start if you didn't find it :D Awesome tutorial! I am excited for the rest

[@avixpaul5202]

really helpful with camera nulls thanks you

[@schoolofmotion]

You're very welcome.

[@raymondchenevey3694]

this tutorial is god

[@greenneptune7]

@1:02:55 What were you about to do with the middle keyframes had the animation turned out choppy? Rove across time or auto bezier?

[@SUBtrauma]

I'm curious who walks landing on the front of their foot first, unless they are trying to be sneaky.

[@gurshalom8557]

Great tutorial as always. Thank you Joey. I've notest that as you add the second null (move02), it changes something in the first one. that's why the sudden hitch occurred. I was wondering how to solve it in a way, that you don't have to go back and correct the hitch again. because it the best way to control the camera and combine movement from one to the other.

[@gurshalom8557]

so.... I don't really know what I just did, but when I created the second move again (about 30 times :)), the hitch didn't occurred. But I'll still be happy to get the 'How to do it right and override the hitch' explanation

[@smshh33]

@@gurshalom8557 Maybe you can answer for me - why is it even necessary to parent Move 01 to Move 02?

[@gurshalom8557]

@@smshh33 Because if you don't, the camera will stay without parent

[@arhamsaa]

great tutorial but one question? whose heel lands after the front part and toes? that's a weird way to walk.

[@capere]

A null layer keeps on being created in my comp(Footstep_arc)on using Scale Composition script. Please help to use this scrip without any bug

[@_b_l_x_c_k_]

Is there tutorial on the moving words “a nutcase?” Part where the text sort of moves in a 3d perspective?

[@jotidesour3372]

This is awesome- basic question though- when you set the purple background you had a highlighted background on top, how did you make this? Was is a a preset you can add or did you make it in illustrator? Thanks!

[@darmb]

Yeah, how did you do this? It seems useful!

[@justinfors9817]

I would do it by creating a circle and then adding a ton of gaussian blur

[@Due_to]

can i use for my youtube intro?

[@iChannelTV]

Part of that was 1:11:04??? LOL. Please, Speechless.

[@mttpul9843]

01:07:00 When I duplicate the null and parent the first null to the second one... it screws up my motion path 😭 even after I fix the Y-axis like in your video

[@pixelpusher2490]

Hi! Thank you for this tutorial, but the project files' download link aren't getting sent to my email.

[@arunanniesen4403]

Movie name is "The Neverending Story".

[@karanveerrattan9033]

Is this for beginner?

[@tim.3810]

How called the style of your intro?

[@schoolofmotion]

We can call that a quick shape experiment. We had a more complex one storyboarded but time got away from us.

[@stevemillington3849]

6:02 Oh geesh, now I feel old :/

[@brentnora8128]

Lol, I wouldn't lie, but that audio track makes me laugh every single time he is alarmed by he's a rock biter, lol. I enjoyed this tutorial, thanks buddy.

[@vanillasyd]

38:03 that's the only thing i didn't understand .. Maybe someone in the future could explain me this...

[@MuhammadUmar-go5dr]

Non of the any tutorial project file is working, it's some sort of strange z-file-compressor is there, which my windows platform does not recognize.

[@schoolofmotion]

try just changing the file extension to .zip. It should work fine.

[@MuhammadUmar-go5dr]

Wow, worked. Thanks man

[@TheJohnRowley]

appreciated Joey, ukay?

[@Zgjimik]

Did you wake up in the morning and record this or did you not sleep all night, because I can see that it's 6 am? Was just wondering.

[@schoolofmotion]

We wake up early at SoM. Have you heard of the #21earlydays challenge?

[@Zgjimik]

@@schoolofmotion I haven't, it sounds exciting. Thank you for the tutorials, they are very helpful and atm I'm editing my first kinetic typography video.

[@dommafia]

and Like a noob I just want to know how he created the highlighted purple background on top of the regular purple background :( 16:15 Any help is appreciated

[@kaito2005]

Looks like a radial ramp.

[@Vince-pm5dn]

projects files send to email doesnt work anymore....

[@fashina7859]

Download's not working, even tried installing the older version of aftereffect.

[@schoolofmotion]

Hi Fashina! Please reach out to our support team : [e-mail]

[@CsokaErno]

Hello! Particular effect is missing. Without it how can I complete this tutorial? :) :/ It's a third party, paid plug-in.

[@dczai]

crack it

[@yogicreations6505]

project file not showing in cs6 version

[@schoolofmotion]

Are you using a modern CC version of After Effects?

[@yogicreations6505]

@@schoolofmotion no cs6

[@maxpvisuals]

Did you actually do this at 5:39am?

[@maxpvisuals]

This is a good watch so far but good god that app that keeps jumping up from the bottom right is driving me crazy

[@Evie_Ruby]

6:19

[@michaeltolibas4276]

lmao 100k+ people watched the first part then 32k on the second and 16k at the 3rd part

[@r34ct64]

19 years old not 12 if 2002

[@marcelinopedrosantos6561]

Ribamar cr

[@ludivinedubois5738]

0

[@madisonprincinsky182]

47:40

[@patdoc]

Stop talking while the video is playing. or at least put the video on mute

[@mrCetus]

It's a truly awesome tutorial. I don't see a lot of likes on other parts of it. Probably, mostly people search short & sweet tuts, but they will never learn as much as you can learn from this long video with all process explanation. So great thanks from my side that you show up this tut pay free!