Tutorial 39: Liquid
Vložit
- čas přidán 6. 10. 2016
- How to quickly and easily get a liquid-filling look inside of After Effects
Workbench: workbench.tv/tutorials/2016-10...
Patreon: / workbench
Merch: workbench.tv/products/merch/
Paypal: www.paypal.me/workbenchtv
Social
***********************************************************
Instagram: / workbenchtv
Twitter: / workbench_tv
Facebook: / workbenchtv
If you've ever wanted to make a simple liquid-filling-something effect this quick and easy tutorial is for you. You might not believe how simple it is. It's not Realflow, but it is RealEasy.
Also, if you're nerdy like me, you're probably wondering why I always start my shapes by double clicking the tool. It's the quickest way to make sure your shape is centered exactly in the middle of the comp with its anchor point in the middle. That way you can rotate the shape without it wobbling. - Krátké a kreslené filmy
You could also use the "rove across time" feature to keep the timing.
Very true! Thanks.
rove across time doesn't work for path keyframes (and masks)
@@waqaransari3666 Odd. Yep. You're correct. I've never noticed that. Now that we have expression access to paths, you could smooth it out if you felt like figuring it out the code.
YES, thats how a tutorial should be, straight to the point, no pointless talk, thank you
Thanks! That's how we roll. :)
Exactly! SO many tutorials are hard to hear or FULL of waffle you don't need. You can always rewind JKL keys are so useful. Also no need for music or even worse music and no VO!
That's exactly one of the reasons I decided to make tutorials in the first place. And yes, I can't stand tutorials without VO. Almost every computer has a mic. Use your voice (and don't keep the music blasting in the background). I've considered adding some really subtle music, but these are tutorials, not short films, haha.
This my first time watching at your videos. And when I look up to your channel, I couldn't ask for more than to drowning myself into it. It's so super-neat and well organized.
Subscribe!
Your channel deserves to have *MILLIONS* subscribers.
Thank you, Joe 😊
Thank you very much for the kind words! I don't think we'll ever hit millions, but it'd be neat to get into the hundreds of thousands like some of the big After Effects channels!
very nice. beginners should realise that they can go crazy using a 5 min tutorial to create impressive stuff. take this right here and start changing a lot of stuff and come up with your own crazy motions. good work
Yep. I gear my stuff toward advanced users, but this one is definitely something beginners can fly with. Thanks!
THANK YOU SO MUCH. Easy, to the point with enough explanation to remember, and you didn't make us listen to 20 minutes of trap music in lieu of speech. THANK YOU!
Haha, that's what I'm here for! I try to keep my tutorials as short and to the point as possible.
Straight to the point, thats what i called a tutorial.
Thanks! That's how we roll, or try to anyway. :)
brilliant vid. i am looking forward to checking out more of your content.
Thanks! There's a lot to check out, and a lot that is more interesting I'd say. :)
quick and to the point, love this
Thanks, Javier!
you make cool stuff amazingly easy :) thanks
Haha, I try. Thanks for watching!
You're so fucking amazing man, ''quick into the point'' you deserve so many more subs.
Subbed btw, nice job!
Haha, thanks! I'm working on it!
WOOHOOO! Dude Iove this method!
Thanks!
Subscribed. Like your quick flow learning.
Thanks!
this could be my fav show ONLINE
Thanks man, Huge help!
Awesome! Glad to hear it helped! Thanks for watching!
Great tutorial! Thanks!
Thanks!
Nice Video bro! Quick and on the Point.. I like this :D
Thanks! That's how I roll.
Perfect, short and to the point! QUESTION, if I brought a shape in from illustrator can I do this same effect but apply it to a mask instead?
Thanks! And yeah, that shouldn't be a problem.
subbed, thanks man this is teh bomb
Thanks! If this is your first WB tutorial, you've got an extensive backlog to check out, haha. If not, thanks for keeping up and the sub!
Loving the tutorials. Super Speedy and clean. I have a question though. What window is that window labeled "flow"? It looks like the graph editor but better. Is it a plug in or settings?
Thanks! Flow is a script. You can find it on aescripts by searching for Flow. It's awesome. I outline the tools I use in this blog post: workbench.tv/blog/2016-12-28_Tools/ If you grab it, be sure to get the libraries from their product page on aescripts. They're good and free. We also have a free library: workbench.tv/freebies/2017-01-03_FlowLibrary/ Thanks for watching!
Great tutorial thankyou👌
Thank you for watching!
Thank you so much. Very useful! (I love to pronounce Bézier with a snobby, French accent).
Haha nice! I'm glad you found it useful! Thanks for watching!
I was just looking around for liquid animation tut and came across yours which is just great... but when you ended the video you said "I'll see you [guys] next week... as long as the hurricane doesn't take my house" LMAO... oh man... LOL!!
...
I subscribed btw
Thanks! Haha, I survived. :) My house was built in 1923. The last big hurricane hit here in 1921 so I'm not sure how it'd fare. Thankfully, somehow we usually manage to avoid them!
That's great to hear... I live in the Caribbean so I know a think or two about hurricanes... but that comment caught me off-guard. I had a very serious and pensive look on my face and then your last comment just floored me LOL... I literally replayed the entire video just to relive that moment LMAO... I'll be checking out your channel man... good stuff.
Haha, thanks! I try to insert some humor when I can. My more recent tutorials have some pretty goofy intros. :) Stay safe this year!
Awesome tutorial buddy. Subbed. The intro was awesome to say for sure. Btw what's the intro song?
Thanks man! The intro is from Audio Jungle and it's literally called "Dubstep Intro," haha. The artist is Dope Stuff. The newer tutorials are me playing a quick riff on guitar.
Thanks 😃
Thanks for watching!
How would you apply the same principles to a logo, would you have to create the logo elements within After Effects or could you import it from Illustrator?
Also can the same technique be applied to text?
Yes, you'd need to use the setup at the end of the video. Use whatever logo or text you want, it doesn't matter if they're vector or raster as long as there's an alpha. Then you use that layer as a track matte. You can also use a black and white image to do it. Here's info if you're unfamiliar with track mattes: helpx.adobe.com/after-effects/using/alpha-channels-masks-mattes.html#track_mattes_and_traveling_mattes
How do I make it so, that my logo is transparent in the 'shape'? Like the 2nd example you showed?
You mean cut out from it the shape so the liquid is your logo? Sure. I put the logo underneath the layer that I used this technique on. Then I set the track matte (TrkMat in the UI next to Mode) of the logo's layer to alpha matte. Hopefully that helps! If not let me know.
gah, help! When i resized the square to be invisible, it didnt make a second keyframe - the time is different, and ive got one keyframe already, but a second one isnt appearing.
Are you sure you have the right path keyframed?
Hi, man! Ty 4 lesson $) But i have just 1 question... How can i fill random object (like a triangle) from centre to sides?
Hi! Unfortunately, that would require a bit more effort. I'd just hand keyframe a shape/solid to do that.
what type of add on do you use to speed up animations and is it free? Or is their a free one?
Do you mean scripts and plugins? Here's an old list. I need to make a new one. workbench.tv/blog/2016-12-28_Tools/
Can you show how you did the logo? I'm trying to do the exact same thing and I'm running into a weird animation of my shape layer. I was having trouble in particular with the negative space and controlling the animation direction of the shape layer. Can you do a tut of your process from start to finish on just the logo part? Thanks so much! :)
It’s been a bit, but I believe I just used the same cube as a track matte for the logo.
@@Workbenchtv i just found your site with all your tuts - awesome stuff, plan to watch them all. Do i need the flow extension to make it work? I'm self teaching so my skills are super limited at this point
Did you draw the shape in AE or bring it in from illustrator? I’m have trouble with the animation of my logo because I have negative space
@@jeremybermender6322 Nope! Flow is for something completely different. You just need to learn this: helpx.adobe.com/after-effects/using/alpha-channels-masks-mattes.html#track_mattes_and_traveling_mattes :) Thanks!
how did you combine the liquid motion with the logo?
The logo is the second layer, and it's using the animated liquid I showed at 2:47 as a track matte.
This just saved me from throwing my laptop out of the window out of frustration
Haha, awesome. Glad to hear it. I'm sorry, I thought I replied to you. I feel like youtube has been bugging out on some of my comments lately. Thanks for watching!
Wouldn't the turbulent displace effect also be a pretty easy way to create a fluid like animation?
Sure, it's just not as easy to set up and control for this look, it takes a lot longer to render, and doesn't scale well. And you'd still need to mask it, or animate a matte shape up. You can also use Wave Warp. But it has the same pitfalls.
How do you have the flow menu?
I bought Flow, haha. aescripts.com/flow/ Though it needs to be updated, I've written about the scripts I use here: workbench.tv/blog/2016-12-28_Tools/
Hey loved how it was straight but I dont know how to give the flow part at the start, its a panel inside after fx or a plugin? And if it is a plugin can I have it free or is that other way to do that part without the plugin?
If you don't have Flow, you can use the graph editor for easing. It's just not as good. This would help you on that. www.schoolofmotion.com/blog/graph-editor-after-effects/ Info on Flow is listed there as well.
@@Workbenchtv omg thanks for the answer! 7 years later and you still supporting! Big LOVE
@@chiquito1731 5, haha. You're welcome!
@@Workbenchtv holy s*** my maths
byeeeee
@@chiquito1731 Haha! :)
Hi Workbench! love the video, however I am creating my project with an Image, is there a way to get the path option on an image? I cannot even get to bezier path option :) I am on Windows, sorry If Im being stupid, Im learning AE
Hi! Instead of using a path, you'd need to use a mask to reveal the image. If you want a square, you basically use the same tools and process, you just make the square while you have the image layer selected. If not you can just draw a mask with the pen tool. Basically instead of making a shape layer, you need to make a mask (shape) on an image layer. I hope that makes sense.
@@Workbenchtv I shall try this now! Thank you so much for the fast response!
You're welcome! Good luck! If you get stuck, this page should help: helpx.adobe.com/after-effects/using/creating-shapes-masks.html
how did you fill the logo?
I'm working on a shape layer where my logo is basically a ton of little shapes.
Can I use it as a mask and then have a different shape as the liquid layer?
Yep. I'm using the top shape shown at 2:50 as a track matte. Note Layer 2 has TrkMat set to Alpha.
@@Workbenchtv I figured it out in the meantime by rewatching closely. Thanks for the answer !!
@@NeichaUnagi Awesome. Glad you got it sorted!
I'm lost at 1:44. Hold option?
I assume you're on a PC? Command is Control, Option is Alt.
what does set first vertex do?
I should've explained that more. When you draw a path with the pen tool, or even the shape tools (that's non parametric, i.e. a path only without size parameters) the first vertex is set. So After Effects orders and keeps track of the vertices. For some reason, when you convert a parametric shape into a bezier shape path, it doesn't keep track of that order, so when you animate it, it seems to keep track of them spatially and odd things happen because the points can swap order. That part is hard to explain. If you're curious, do this tutorial and omit the "set first vertex" step and animate the path.
where to open that panel or window on right side the flow window how to open that pleas help
Are you talking about the one labeled Ease and Wizz? That's a third-party script. You can buy it on aescripts.com.
You could have said that
download of the project file pls? i need help cuz when i click g to activate the pen tool, and i make a path, it doesnt go on to the shape.
Hi, just saw this. I'm not sure what you mean. I don't have this project file available. If you click with the pen tool to make a shape, you have to have no other layers selected, or it will make a mask instead.
how to make it to fill the picture
can you please provide FLOW AfterEffect plugin for ae cc 2015?
I am not the developer of Flow. That said, it's compatible with 2015. aescripts.com/flow/
Thanks, I am using as Trial now.
It's worth it.
"G for gen tool" haha, great tutorial.
Haha, thanks! I stole that from Andrew Kramer because it's just too good. ;)
Hehe :D
dope
Thanks!
Is there a differnt way of doing this?
I'm not sure what you're looking for? There are tons of ways to do everything. :)
Do you use a plugin for the easy in?
I use Flow. It's a script. :) aescripts.com/flow/
Thanks :3
You're welcome! It's awesome. I highly recommend it! I have a tools post on our blog that shows what I use if you're curious about other stuff. workbench.tv/blog/2016-12-28_Tools/
Workbench OHHH WOAH... Explode looks really good! I been fighting with AE and Illustrator for sooo long!
It is. :)
How you find: Flow please, i don't have :/
aescripts.com/flow a list of most of the tools we use is here: workbench.tv/blog/2018-11-20_Tools2/
How to aply that on logo?
I used the logo as a track matte for the animated square.
@@Workbenchtv thank you
@@chiquito1731 You're welcome!
😍😍
😌
i cant set first vertex
Are you working with a bezier path or a parametric path?
Had the same problem! This is how you fix it. When you right click and create the Bezier Path, the Path 1 shows up. Underneath Path 1 is the stop watch icon with the word Path. What you want to do is just click Path 1 not both of them. When Path 1 is selected go and select that single point. Also when you start editing the Flow, its a third party plug in. I think easy ease can work?
Yeah, Flow just handles easing. It's a quicker way to modify the graph curves, and it's also repeatable.
Thank you for a great tutorial!
No problem!
'if you wanna be THAT guy' 😂 Looks like a great tutorial but the type is tiny so hard to read
😂 Even at full screen? I'm trying to do a better job at calling the text out when it's relevant, and I now have Expressionist for tutorials that deal with expressions. Thanks for watching!
Yes in real old school the type looks no larger than 6pt on my MacbookPro 15inch. And it's fuzzy. I need to get used to watching more tutorials, the main issue I always find is the thing I'm trying to do is slightly different to the example I've managed to find so I'm almost always left wondering what to do:( God I wish I had your skills! I'd find work tomorrow. Business is SO different now. Everything has become soooo technical:(
Weird, I have a 15" MacBook pro. 2 actually, an older one and a newer one (and a 15" Powerbook that stopped working a long time ago, haha). That should be good enough to see it. Is youtube forced to 1080p? I find sometimes with auto set it still gives me crap quality unless I specify it for videos and I have a 150/150 connection.
Everything doesn't have to be so technical, but it certainly helps to speed things up if you can use it to your advantage. :) I definitely encourage you and everyone else, to go beyond the example. A lot of the stuff I've learned was when I did just that.
u fast as fuck
Fast to reply too. :)
Workbench i see 😅
honestly this didn't help me at all
idk where I went wrong but this sucks. no hate intended but u should probably slow down I like the straight to the point videos but that doesn't mean fly through it. I am experienced with after effects and still could not keep up
I'm not really sure what's difficult. It's animating a rectangle and flip flopping the bezier handles on two sides as it animates up. Did you miss the part about "Set first vertex?" Without that it gets funky. That's about the only part that can be messed up. It's all in there.