How to Stretch and Smear Text in After Effects

🎁DOWNLOAD THIS PROJECT FILE & ASSETS FOR FREE!🎁 som.bz/3c92k0G
Stretching and smearing type has become a mega-trend for hip and edgy brands, taking inspiration from a classic technique used in cartoons. The look is iconic, and can help you stand out from the crowd.
Nol Honig breaks down how to achieve this very effect using his work from Verizon as an example.
~ - ~ - ~ - ~ - ~ - ~ -
🎓INTERACTIVE ONLINE CLASSES 🎓
After Effects Kickstart | som.bz/aek
All Courses | som.bz/2wKsBDu
🧭FREE 10-DAY INTRO COURSE 🧭
The Path to MoGraph | som.bz/2VNHb7D
🚴‍♀️FOLLOW US FOR MORE LEARNZ 🚴🏾‍♂️
Website | som.bz/2VMjr3N
Podcast | som.bz/3czNeCP
Facebook | som.bz/3cF3SBh
Twitter | som.bz/2PQfSWF
Instagram | som.bz/2POOJU7
---------------------------------------------------------------------
Auto-Generated Transcript Below 👇
Nol Honig (00:00): Hello, I'm Nol Honig keen after effects observer and frequent wear of ties. Now I hope you're ready to expand your minds because today I'm going to show you how to stretch the heck out of some time. So no matter what level you're at with your motion design skills, the techniques that I'll be going over today, shouldn't be too difficult to grasp. Just make sure to download the project files that I'm using in this video so that you can work along with me or practice them on your own. After watching details are in the description below. Now grab a coffee because I'm definitely going to go to some great lengths to demonstrate this
Nol Honig (00:51): In the last bunch of years, motion designers have begun to bend and stretch and distort type like crazy. It's kind of a trend now. And if you don't know what the hell Vertica I'm talking about, I would look no further than DIA studios, who in my mind kind of helped pioneer this a really great example of the kind of stretchy type that I'm going to be talking about today can be found in this piece by worship studio called beyond the arc. So check this out. Yeah, there, you can see it and there and there, and there more specifically, here's a really fun shot that I animated for Verizon recently in which I had the word energy turn into the word efficiency. So today I'm going to go over two examples of stretchy type one. That's more simple where a word stretches into a stop easing onto screen. And another one that's like the example I just showed where one word stretches and transforms into another word
Nol Honig (01:53): Before we begin. I just want to note that in order to do this kind of stretchy animation, we're going to need to turn our live type layers and after effects into shape layers. And that means that our type will no longer be live. So just like in real life, you should choose your word carefully before you begin. Okay. So if you've never converted type two shapes in after effects before, let me just roll through this really quick. So if you right, click on your type layer and go to create, you can grab, create shapes from text, okay. That turns off your type layer and creates a shape layer with the same name, basically. And then if you open this up, you see that there's a pretty convenient folder structure or tab structure in here. Each letter has its own tab. And within those tabs, each one has kind of the things you'd expect from a shape layer, like a stroke and a fill. This is kind of act as a group and then you've got your own transform. This is really great. Okay. But what we're going to work on today is this, okay. Each group for each letter has a path. Okay. And we're going to be animating the heck out of those paths.
Nol Honig (03:05): So first things first, we need to create path key frames for the completed state of the type. Okay. Because once you start changing those paths, if you don't have key frames that are like the perfect S and the perfect ear, whatever, you're never getting those back. Okay. So I'm going to roll to like one second or whatever, and then I want to make path key frames for all of these letters. Now there's a lot of digging through sub folders here to get this. So what I usually do is, uh, I press you, you okay? And then I just tick off all the path, uh, stopwatches till I have key frames there. And then I'm just going to press you again, just to show all the properties that have key frames. Okay. So great. Just make sure to do that first.
For the full transcript visit: som.bz/3c92k0G

Пікірлер: 48

  • @NawazAlamgir
    @NawazAlamgir4 жыл бұрын

    Client Feedback: Please change the font

  • @Nananea

    @Nananea

    4 жыл бұрын

    *eye twitches*

  • @rodrigosimoes3177

    @rodrigosimoes3177

    4 жыл бұрын

    lol

  • @garobi5523

    @garobi5523

    3 жыл бұрын

    really wanna die😅

  • @alonaponomarenko8777

    @alonaponomarenko8777

    3 жыл бұрын

    sooooo truth))) lol

  • @StoutPika

    @StoutPika

    3 жыл бұрын

    RIP bro

  • @mrtrollcapmaster7442
    @mrtrollcapmaster74424 жыл бұрын

    Was looking for something like this. Thank you, deeply appreciate the work put into this

  • @CamofSteel
    @CamofSteel4 жыл бұрын

    I love your content! The quality is refreshing and reassuring. You've got me for life!

  • @munnypmotion
    @munnypmotion3 жыл бұрын

    I learned a ton of tricks and tips! This tutorial is awesome because it's also inspired more ways to play with this style! Thank you

  • @munnypmotion
    @munnypmotion3 жыл бұрын

    Came back to watch again and it's the gift that keeps on giving!!

  • @BlackWinterProduction
    @BlackWinterProduction4 жыл бұрын

    Thank you, very interesting! Although I would definitely prefer not only to explode the shape layer, but also to split position and path animation for more control and flexibility.

  • @animaki
    @animaki4 жыл бұрын

    03:30 - you can also CTRL+F and type "path".

  • @leesl822

    @leesl822

    4 жыл бұрын

    Thanks man cool tip

  • @muhammadkhalil3935
    @muhammadkhalil39354 жыл бұрын

    *awesome... THANK YOU*

  • @kevinfoster6673
    @kevinfoster66734 жыл бұрын

    Energy Efficiency animation is so good. That red in the middle tho!

  • @AmritSingh-sc7fr
    @AmritSingh-sc7fr Жыл бұрын

    I really fan of your work. Thank sir

  • @darilysmontilla8896
    @darilysmontilla88962 жыл бұрын

    guaoooo .... sorprendente tutorial ¡¡¡

  • @Mohan-2034
    @Mohan-2034 Жыл бұрын

    Thnks alot

  • @osmanalaa6626
    @osmanalaa6626 Жыл бұрын

    i'll cherish this forever

  • @LoganPinney
    @LoganPinney4 жыл бұрын

    🤟😯 Nol dropping all the secrets!

  • @vibhuvashisht8032
    @vibhuvashisht80324 жыл бұрын

    Hi! I'm wondering when the Fall 2020 and Winter 2021 start dates are for the After Effects Kickstart course are?

  • @ralphmoreau2768
    @ralphmoreau27684 жыл бұрын

    Nol your the best!

  • @nolhonig3934

    @nolhonig3934

    4 жыл бұрын

    Ralph!! Thanks my friend!

  • @geraldinetoh9001
    @geraldinetoh90014 жыл бұрын

    Hey there, thanks for the video! The link is not working at the moment though.

  • @viktorsz
    @viktorsz4 жыл бұрын

    these kinda lessons making me want to know more about Ae and mograph! Hate it! :)

  • @juliancscs
    @juliancscs4 жыл бұрын

    Thanks so much for this! Could someone explain why the expanded paths (when the letters have individual layers) are there twice?

  • @nolhonig3934

    @nolhonig3934

    4 жыл бұрын

    Some letters have two paths, like O. One path is the outside of the shape, and the other is the donut hole in the middle. So a letter like L has one path, while Q, A, P, O, etc, have two. An upper-case B has three paths!

  • @tonys490
    @tonys4904 жыл бұрын

    Can you do more of these tutorials bit slow .. esp UI animations

  • @BlakeGravett
    @BlakeGravett3 жыл бұрын

    When I copy and paste the key frames after I have set the last frame position, I move the text off screen and it doesn't animate to the last frame position. HELP🙏🙏🙏

  • @diegogamba7825
    @diegogamba78254 жыл бұрын

    Gracias!!

  • @slee6261
    @slee6261 Жыл бұрын

    Nice work! I appreciate the fact you did an "S", which is not intuitive.

  • @betaprototype2404
    @betaprototype24043 жыл бұрын

    what if I change the text??,, is that mean i make it from the beginning?

  • @yellowcake.
    @yellowcake.4 жыл бұрын

    Nice tutorial...One thing...on a PC...if you hold the shift key while you move the points on a path they will hold the direction. That said the guide lines are necessary to verify their position...Again Thanks!

  • @hoozn

    @hoozn

    2 жыл бұрын

    iirc this does not work as long as the "snap to grid" option is active (as it is by default), and one or more of the corners/anchors are very close to the guide.

  • @kalapagiwork357
    @kalapagiwork3574 жыл бұрын

    ohhhhisss

  • @2424rocket
    @2424rocket Жыл бұрын

    Your comment about, “you can do it more carefully“… No no no. The more careful you are the more mechanical it feels. A little sloppiness makes it feel organic. For my two cents, the crazier it looks the better. So it would be nice for aftereffects to actually give us a plug-in that does all that stretching for us… Then we can make changes within their plug-in. But God for bid after effects would give us some thing that cool.

  • @JonathanWinbush
    @JonathanWinbush4 жыл бұрын

    Stretch it like its hot 🔥

  • @thetrapsuite5694
    @thetrapsuite56944 жыл бұрын

    OMG OMG OMG OMG Custom Preset Time

  • @AndreTosatti
    @AndreTosatti3 жыл бұрын

    yeah, stretch the s like that

  • @michaelnixon1930
    @michaelnixon1930 Жыл бұрын

    The voice over sounds like if Quentin Tarantino and will forte had a son

  • @yoniw2006
    @yoniw20064 жыл бұрын

    "A forgot to keyframe the A-hole!" Aka the counterspace.

  • @dollarproduction24
    @dollarproduction244 жыл бұрын

    Can we have the 'explode shape layers' extension for free? Please give us the free download link of it?❤❤❤

  • @user-vr9dj4eo8v

    @user-vr9dj4eo8v

    3 жыл бұрын

    Enrol in the free aftereffects course - Motion Design school And get their Motion Tools script for free which has Extract and merge shapes functions and other useful functions as well

  • @dominiusmaverick1854
    @dominiusmaverick18544 жыл бұрын

    "What the helvetica". Get out

  • @2424rocket
    @2424rocket Жыл бұрын

    Could be a terrific tutorial, but it's not. What you fail to explain - and as important as anything else - when I grab any one keyframe - all of the keyframes get selected - no matter what I do. And without the ability to select individual letters - well, it just doesn't work!

  • @nia995
    @nia9953 жыл бұрын

    dude seriously? search up on slit scanning, no need to do all that work, it's super easy.