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
Client Feedback: Please change the font
@Nananea
4 жыл бұрын
*eye twitches*
@rodrigosimoes3177
4 жыл бұрын
lol
@garobi5523
3 жыл бұрын
really wanna die😅
@alonaponomarenko8777
3 жыл бұрын
sooooo truth))) lol
@StoutPika
3 жыл бұрын
RIP bro
Was looking for something like this. Thank you, deeply appreciate the work put into this
I love your content! The quality is refreshing and reassuring. You've got me for life!
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
Came back to watch again and it's the gift that keeps on giving!!
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.
03:30 - you can also CTRL+F and type "path".
@leesl822
4 жыл бұрын
Thanks man cool tip
*awesome... THANK YOU*
Energy Efficiency animation is so good. That red in the middle tho!
I really fan of your work. Thank sir
guaoooo .... sorprendente tutorial ¡¡¡
Thnks alot
i'll cherish this forever
🤟😯 Nol dropping all the secrets!
Hi! I'm wondering when the Fall 2020 and Winter 2021 start dates are for the After Effects Kickstart course are?
Nol your the best!
@nolhonig3934
4 жыл бұрын
Ralph!! Thanks my friend!
Hey there, thanks for the video! The link is not working at the moment though.
these kinda lessons making me want to know more about Ae and mograph! Hate it! :)
Thanks so much for this! Could someone explain why the expanded paths (when the letters have individual layers) are there twice?
@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!
Can you do more of these tutorials bit slow .. esp UI animations
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🙏🙏🙏
Gracias!!
Nice work! I appreciate the fact you did an "S", which is not intuitive.
what if I change the text??,, is that mean i make it from the beginning?
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
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.
ohhhhisss
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.
Stretch it like its hot 🔥
OMG OMG OMG OMG Custom Preset Time
yeah, stretch the s like that
The voice over sounds like if Quentin Tarantino and will forte had a son
"A forgot to keyframe the A-hole!" Aka the counterspace.
Can we have the 'explode shape layers' extension for free? Please give us the free download link of it?❤❤❤
@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
"What the helvetica". Get out
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!
dude seriously? search up on slit scanning, no need to do all that work, it's super easy.