Kinetic Typography in After Effects Part 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.ย. 2024
  • In this three part series we'll cover how to create kinetic typography in After Effects.
    Download Project File: www.schoolofmo...
    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.

ความคิดเห็น • 109

  • @Fev333r
    @Fev333r 5 ปีที่แล้ว +29

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

  • @carmeira
    @carmeira 6 ปีที่แล้ว +17

    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
      @schoolofmotion  6 ปีที่แล้ว +2

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

  • @feller6766
    @feller6766 3 ปีที่แล้ว +18

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

  • @marcelodesigner
    @marcelodesigner 6 ปีที่แล้ว +56

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

    • @sajithkerala8384
      @sajithkerala8384 2 ปีที่แล้ว

      Wsszxzsxzxdgohsqq 4th jjyryhjjokmmfszzXxgbI'm h

  • @GeertBonamie
    @GeertBonamie 3 ปีที่แล้ว +3

    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!

  • @marykirmo
    @marykirmo 2 ปีที่แล้ว +4

    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!

  • @1234radio
    @1234radio 5 ปีที่แล้ว +4

    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!

  • @seamusofarrell9682
    @seamusofarrell9682 3 ปีที่แล้ว +7

    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!

  • @SeniFaSacul
    @SeniFaSacul 4 ปีที่แล้ว +12

    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

  • @wDec149
    @wDec149 3 ปีที่แล้ว +2

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

  • @mrCetus
    @mrCetus 2 ปีที่แล้ว

    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!

  • @aweadeyinka
    @aweadeyinka 6 ปีที่แล้ว +13

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

  • @CourtneyLeighannaE
    @CourtneyLeighannaE 6 ปีที่แล้ว +9

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

  • @fabwalk8133
    @fabwalk8133 6 ปีที่แล้ว +6

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

  • @Buurtwacht
    @Buurtwacht 7 ปีที่แล้ว +12

    Thank you for these quality tutorials Joey. Much appreciated.

    • @schoolofmotion
      @schoolofmotion  7 ปีที่แล้ว

      Glad you like them! Best of luck!

  • @taslimaakter9643
    @taslimaakter9643 4 ปีที่แล้ว +1

    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
      @schoolofmotion  4 ปีที่แล้ว

      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 😊

  • @clareswift604
    @clareswift604 7 ปีที่แล้ว +5

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

    • @schoolofmotion
      @schoolofmotion  7 ปีที่แล้ว

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

  • @artfulchili
    @artfulchili 5 ปีที่แล้ว +1

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

    • @artfulchili
      @artfulchili 5 ปีที่แล้ว

      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.

  • @Ehiliem
    @Ehiliem 3 ปีที่แล้ว

    Best Nuke tutorial I've ever seen!

  • @suzys937
    @suzys937 5 ปีที่แล้ว +1

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

  • @mszwed87
    @mszwed87 3 ปีที่แล้ว

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

  • @galefraney
    @galefraney 5 ปีที่แล้ว +2

    Great tutorial. I learned a lot of great tips!

  • @nileevans4159
    @nileevans4159 7 ปีที่แล้ว +3

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

  • @dazobiwan1
    @dazobiwan1 3 ปีที่แล้ว

    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

  • @avixpaul5202
    @avixpaul5202 2 ปีที่แล้ว +1

    really helpful with camera nulls thanks you

  • @Iamolivialondon
    @Iamolivialondon 5 ปีที่แล้ว +1

    love the quality of this video and the channel

  • @osmannurit
    @osmannurit 2 ปีที่แล้ว

    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

  • @MissIksipiksi
    @MissIksipiksi 7 ปีที่แล้ว +1

    It helps me a lot. Thanks for your job.

  • @maxmagnus777
    @maxmagnus777 3 ปีที่แล้ว

    I love this format, tnx :D

  • @0xatul
    @0xatul 3 ปีที่แล้ว

    You are the GOAT

  • @arhamsaa
    @arhamsaa 2 ปีที่แล้ว

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

  • @SUBtrauma
    @SUBtrauma 3 ปีที่แล้ว +7

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

  • @MnMS1904
    @MnMS1904 ปีที่แล้ว

    excellent.

  • @sachapegado
    @sachapegado 7 ปีที่แล้ว +1

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

  • @lopsy4782
    @lopsy4782 3 ปีที่แล้ว

    This is just awesome

  • @arminmotion2741
    @arminmotion2741 3 ปีที่แล้ว

    learned alot. Thanks

  • @ertymusic3647
    @ertymusic3647 2 ปีที่แล้ว

    very useful!

  • @roizeldiez3500
    @roizeldiez3500 2 ปีที่แล้ว

    Thank you so much! :))

  • @johnyvai4004
    @johnyvai4004 6 ปีที่แล้ว +1

    this is just awesome.....

  • @pixelpusher2490
    @pixelpusher2490 5 หลายเดือนก่อน

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

  • @Colman24able
    @Colman24able 7 ปีที่แล้ว +1

    awesome!

  • @gurshalom8557
    @gurshalom8557 4 ปีที่แล้ว

    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
      @gurshalom8557 4 ปีที่แล้ว

      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
      @smshh33 4 ปีที่แล้ว

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

    • @gurshalom8557
      @gurshalom8557 4 ปีที่แล้ว

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

  • @seek4change
    @seek4change 2 ปีที่แล้ว

    Thank you sir

  • @mttpul9843
    @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

  • @raymondchenevey3694
    @raymondchenevey3694 5 ปีที่แล้ว

    this tutorial is god

  • @MrWarriorBD
    @MrWarriorBD 4 ปีที่แล้ว

    awsome sir

  • @_b_l_x_c_k_
    @_b_l_x_c_k_ 2 ปีที่แล้ว

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

  • @jotidesour3372
    @jotidesour3372 5 ปีที่แล้ว +1

    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
      @darmb 5 ปีที่แล้ว +1

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

    • @justinfors9817
      @justinfors9817 5 ปีที่แล้ว

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

  • @vanillasyd
    @vanillasyd 11 หลายเดือนก่อน

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

  • @Vince-pm5dn
    @Vince-pm5dn 6 หลายเดือนก่อน

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

  • @CsokaErno
    @CsokaErno 2 ปีที่แล้ว +1

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

    • @dczai
      @dczai ปีที่แล้ว

      crack it

  • @capere
    @capere 3 ปีที่แล้ว

    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

  • @greenneptune7
    @greenneptune7 3 ปีที่แล้ว

    @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?

  • @arunanniesen4403
    @arunanniesen4403 5 ปีที่แล้ว

    Movie name is "The Neverending Story".

  • @stevemillington3849
    @stevemillington3849 ปีที่แล้ว

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

  • @iChannelTV
    @iChannelTV 6 ปีที่แล้ว

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

  • @MuhammadUmar-go5dr
    @MuhammadUmar-go5dr 6 ปีที่แล้ว +1

    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
      @schoolofmotion  6 ปีที่แล้ว +2

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

    • @MuhammadUmar-go5dr
      @MuhammadUmar-go5dr 6 ปีที่แล้ว

      Wow, worked. Thanks man

  • @Zgjimik
    @Zgjimik 5 ปีที่แล้ว

    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
      @schoolofmotion  5 ปีที่แล้ว +1

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

    • @Zgjimik
      @Zgjimik 5 ปีที่แล้ว

      @@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.

  • @brentnora8128
    @brentnora8128 3 ปีที่แล้ว

    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.

  • @Due_to
    @Due_to 3 ปีที่แล้ว

    can i use for my youtube intro?

  • @karanveerrattan9033
    @karanveerrattan9033 4 ปีที่แล้ว

    Is this for beginner?

  • @dommafia
    @dommafia 3 ปีที่แล้ว

    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
      @kaito2005 3 ปีที่แล้ว +1

      Looks like a radial ramp.

  • @tim.3810
    @tim.3810 6 ปีที่แล้ว +1

    How called the style of your intro?

    • @schoolofmotion
      @schoolofmotion  6 ปีที่แล้ว +1

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

  • @michaeltolibas4276
    @michaeltolibas4276 3 ปีที่แล้ว

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

  • @TheJohnRowley
    @TheJohnRowley 6 ปีที่แล้ว

    appreciated Joey, ukay?

  • @yogicreations6505
    @yogicreations6505 5 ปีที่แล้ว

    project file not showing in cs6 version

    • @schoolofmotion
      @schoolofmotion  5 ปีที่แล้ว

      Are you using a modern CC version of After Effects?

    • @yogicreations6505
      @yogicreations6505 5 ปีที่แล้ว

      @@schoolofmotion no cs6

  • @maxpvisuals
    @maxpvisuals 5 ปีที่แล้ว

    Did you actually do this at 5:39am?

    • @maxpvisuals
      @maxpvisuals 5 ปีที่แล้ว

      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
    @Evie_Ruby 2 หลายเดือนก่อน

    6:19

  • @r34ct64
    @r34ct64 3 ปีที่แล้ว

    19 years old not 12 if 2002

  • @marcelinopedrosantos6561
    @marcelinopedrosantos6561 2 ปีที่แล้ว

    Ribamar cr

  • @ludivinedubois5738
    @ludivinedubois5738 2 ปีที่แล้ว

    0

  • @madisonprincinsky182
    @madisonprincinsky182 3 ปีที่แล้ว

    47:40

  • @patdoc
    @patdoc 4 ปีที่แล้ว

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

  • @marinar8757
    @marinar8757 3 ปีที่แล้ว

    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!

  • @HrvojeMihajlic
    @HrvojeMihajlic 5 ปีที่แล้ว

    amazing tutorial! so well explained!

  • @fashina7859
    @fashina7859 4 ปีที่แล้ว

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

    • @schoolofmotion
      @schoolofmotion  4 ปีที่แล้ว

      Hi Fashina! Please reach out to our support team : support@schoolofmotion.com