Kinetic Typography in After Effects Part 1

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 27. 06. 2017
  • 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.

Komentáƙe • 109

  • @GeertBonamie
    @GeertBonamie Pƙed 2 lety +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!

  • @SeniFaSacul
    @SeniFaSacul Pƙed 4 lety +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

  • @marcelodesigner
    @marcelodesigner Pƙed 6 lety +56

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

  • @seamusofarrell9682
    @seamusofarrell9682 Pƙed 3 lety +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!

  • @Fev333r
    @Fev333r Pƙed 4 lety +29

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

  • @carmeira
    @carmeira Pƙed 6 lety +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  Pƙed 6 lety +2

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

  • @aweadeyinka
    @aweadeyinka Pƙed 6 lety +13

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

  • @marykirmo
    @marykirmo Pƙed 2 lety +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!

  • @marinar8757
    @marinar8757 Pƙed 3 lety

    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!

  • @xlilcourttney
    @xlilcourttney Pƙed 6 lety +9

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

  • @dazobiwan1
    @dazobiwan1 Pƙed 2 lety

    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

  • @clareswift604
    @clareswift604 Pƙed 7 lety +5

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

    • @schoolofmotion
      @schoolofmotion  Pƙed 7 lety

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

  • @suzys937
    @suzys937 Pƙed 5 lety +1

    My favourite movie ever! Great tutorial, thank you â˜ș

  • @galefraney
    @galefraney Pƙed 5 lety +2

    Great tutorial. I learned a lot of great tips!

  • @nileevans4159
    @nileevans4159 Pƙed 6 lety +3

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

  • @Buurtwacht
    @Buurtwacht Pƙed 7 lety +12

    Thank you for these quality tutorials Joey. Much appreciated.

  • @Iamolivialondon
    @Iamolivialondon Pƙed 5 lety +1

    love the quality of this video and the channel

  • @MissIksipiksi
    @MissIksipiksi Pƙed 6 lety +1

    It helps me a lot. Thanks for your job.

  • @mszwed87
    @mszwed87 Pƙed 3 lety

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

  • @wDec149
    @wDec149 Pƙed 3 lety +2

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

  • @HrvojeMihajlic
    @HrvojeMihajlic Pƙed 5 lety

    amazing tutorial! so well explained!

  • @maxmagnus777
    @maxmagnus777 Pƙed 3 lety

    I love this format, tnx :D

  • @feller6766
    @feller6766 Pƙed 3 lety +17

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

  • @lopsy4782
    @lopsy4782 Pƙed 3 lety

    This is just awesome

  • @Ehiliem
    @Ehiliem Pƙed 3 lety

    Best Nuke tutorial I've ever seen!

  • @sachapegado
    @sachapegado Pƙed 7 lety +1

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

  • @fabwalk8133
    @fabwalk8133 Pƙed 6 lety +6

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

  • @johnyvai4004
    @johnyvai4004 Pƙed 6 lety +1

    this is just awesome.....

  • @arminmotion2741
    @arminmotion2741 Pƙed 3 lety

    learned alot. Thanks

  • @artfulchili
    @artfulchili Pƙed 5 lety +1

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

    • @artfulchili
      @artfulchili Pƙed 5 lety

      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
    @Colman24able Pƙed 7 lety +1

    awesome!

  • @taslimaakter9643
    @taslimaakter9643 Pƙed 4 lety +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  Pƙed 4 lety

      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 😊

  • @MnMS1904
    @MnMS1904 Pƙed rokem

    excellent.

  • @greenneptune7
    @greenneptune7 Pƙed 3 lety

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

  • @0xatul
    @0xatul Pƙed 3 lety

    You are the GOAT

  • @avixpaul5202
    @avixpaul5202 Pƙed 2 lety +1

    really helpful with camera nulls thanks you

  • @1234radio
    @1234radio Pƙed 5 lety +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!

  • @roizeldiez3500
    @roizeldiez3500 Pƙed 2 lety

    Thank you so much! :))

  • @ertymusic3647
    @ertymusic3647 Pƙed rokem

    very useful!

  • @seek4change
    @seek4change Pƙed 2 lety

    Thank you sir

  • @MrWarriorBD
    @MrWarriorBD Pƙed 4 lety

    awsome sir

  • @osmannurit
    @osmannurit Pƙed 2 lety

    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

  • @capere
    @capere Pƙed 3 lety

    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_
    @_b_l_x_c_k_ Pƙed 2 lety

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

  • @arhamsaa
    @arhamsaa Pƙed 2 lety

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

  • @raymondchenevey3694
    @raymondchenevey3694 Pƙed 4 lety

    this tutorial is god

  • @gurshalom8557
    @gurshalom8557 Pƙed 4 lety

    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 Pƙed 4 lety

      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 Pƙed 4 lety

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

    • @gurshalom8557
      @gurshalom8557 Pƙed 4 lety

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

  • @Due_to
    @Due_to Pƙed 3 lety

    can i use for my youtube intro?

  • @pixelpusher2490
    @pixelpusher2490 Pƙed 4 měsĂ­ci

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

  • @mttpul9843
    @mttpul9843 Pƙed rokem

    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

  • @jotidesour3372
    @jotidesour3372 Pƙed 5 lety +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 Pƙed 5 lety +1

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

    • @justinfors9817
      @justinfors9817 Pƙed 5 lety

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

  • @SUBtrauma
    @SUBtrauma Pƙed 3 lety +7

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

  • @karanveerrattan9033
    @karanveerrattan9033 Pƙed 3 lety

    Is this for beginner?

  • @iChannelTV
    @iChannelTV Pƙed 6 lety

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

  • @MuhammadUmar-go5dr
    @MuhammadUmar-go5dr Pƙed 6 lety +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.

  • @dommafia
    @dommafia Pƙed 3 lety

    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 Pƙed 3 lety +1

      Looks like a radial ramp.

  • @tim.3810
    @tim.3810 Pƙed 6 lety +1

    How called the style of your intro?

    • @schoolofmotion
      @schoolofmotion  Pƙed 6 lety +1

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

  • @CsokaErno
    @CsokaErno Pƙed 2 lety +1

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

    • @dczai
      @dczai Pƙed rokem

      crack it

  • @Vince-pm5dn
    @Vince-pm5dn Pƙed 4 měsĂ­ci

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

  • @fashina7859
    @fashina7859 Pƙed 4 lety

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

    • @schoolofmotion
      @schoolofmotion  Pƙed 4 lety

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

  • @TheJohnRowley
    @TheJohnRowley Pƙed 6 lety

    appreciated Joey, ukay?

  • @Zgjimik
    @Zgjimik Pƙed 5 lety

    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  Pƙed 5 lety +1

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

    • @Zgjimik
      @Zgjimik Pƙed 5 lety

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

  • @stevemillington3849
    @stevemillington3849 Pƙed rokem

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

  • @vanillasyd
    @vanillasyd Pƙed 10 měsĂ­ci

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

  • @arunanniesen4403
    @arunanniesen4403 Pƙed 4 lety

    Movie name is "The Neverending Story".

  • @yogicreations6505
    @yogicreations6505 Pƙed 5 lety

    project file not showing in cs6 version

  • @brentnora8128
    @brentnora8128 Pƙed 3 lety

    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.

  • @maxpvisuals
    @maxpvisuals Pƙed 5 lety

    Did you actually do this at 5:39am?

    • @maxpvisuals
      @maxpvisuals Pƙed 5 lety

      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 Pƙed 17 dny

    6:19

  • @michaeltolibas4276
    @michaeltolibas4276 Pƙed 3 lety

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

  • @marcelinopedrosantos6561
    @marcelinopedrosantos6561 Pƙed 2 lety

    Ribamar cr

  • @r34ct64
    @r34ct64 Pƙed 3 lety

    19 years old not 12 if 2002

  • @ludivinedubois5738
    @ludivinedubois5738 Pƙed 2 lety

    0

  • @patdoc
    @patdoc Pƙed 4 lety

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

  • @mrCetus
    @mrCetus Pƙed 2 lety

    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!