Liquid Animation | After Effects Tutorial

Watch vertically on device 👋In this super-fast After Effects tutorial, we'll be re-creating this colourful liquid animation. You've seen @ordinaryfolkco. You've seen @schoolofmotion do it. Now it's your turn! No cel-animation or shape layer skills required for this one. Let's jump in! 💦
👉Special thanks to
Johan Eriksson, for providing the star tutorial
👉Music
Monty Datta - "Nothing In Peace" @MadeBangladeshBeatz
👉Let's be friends
Instagram - anderswaltz
Portfolio - anderswaltz.com
Dribbble - www.dribbble.com/anderswaltz

[@AndersWaltz]

🤝💥❤TROUBLESHOOTING POST ❤💥🤝 I noticed that some of you are running into the same problems, so I'll address them here: Step 01 - When making the circles with Eclipse Tool, make sure they're on different layers, not the same layer. Idea: Draw one circle and duplicate it (Cmd/Ctrl-D) then make the middle one of them bigger. Step 02 - When setting the movement of the outer circles, click the anchor point to reveal the handle. Drag the handle to curve the animated path of the circle going into the middle. Step 04 - When changing the colour of each circle, make sure the big circle is on top! If the big circle is below the others, they won't blend in a good way. Step 05 - When adding Inner Shadow, make sure to add it to every circle layer. Play around with Opacity, Distance, Angle and Blending mode (Normal, Multiply or Overlay) Step 06a - When drawing circles - just like in Step 01 - make sure they're on different layers, not the same layer. Step 06b - When animating the circle positions in a loop, make sure the circles start and ends in the same place. Idea: Duplicate your keyframes to make it loop - OR - add this expression to the Position on each of your circle layers: loopOut("cycle") Step 06c - When adding Gaussian Blur to your circle layers: If you see a square around the blur-effect, click "Repeat Edge Pixels" in the Effect Controls tab to fix it. Step 06d - When masking out the moving, blurred circles: Select all blurry-circle layers and under "Track Matte" on each layer select your big circle from the drop-down list. BONUS - Make sure your Adjustment layer is always on top of all the other layers. _____ Hope this helps! Otherwise, let me know - and I'll add more fixes.

[@martindiz5760]

This comment is not pinned for me btw. Just a heads up.

[@AndersWaltz]

@@martindiz5760 Thanks for letting me know! Now pinned.

[@caterpillar990]

Best tutorial style ever!!

[@AndersWaltz]

Thaaaank you!

[@Dragon-Slay3r]

Catterpillar can become a lamb worm to use the L forklift forks to hold the blue square

[@chaerliexrrr]

I love this form of the tutorial, it's more understandable than casual screen recording. Keep it up and thank you sm!!!!

[@AndersWaltz]

Thank you so much! Appreciate it

[@jean-lucgodard6488]

this guy over here is pushing the boundaries of tutorial making. thank you

[@AndersWaltz]

Appreciate it!

[@user-sj2tn9xh9w]

best tutorial ever its so easy and quick and the style just so beautiful ... I'd love to see more of this

[@AndersWaltz]

Thank you so much!

[@Zimited]

Literally what I had in mind and wanted to create. Your idea for animating the gradient inside is smart, I thought just to animate the 4 gradient nobs but this makes more sense.

[@AndersWaltz]

Happy to help! Appreciate the kind words

[@nitinbharadwaj]

This is amazing ! Simplicity at its best... you should make more tutorials like these. I really like the way you presented everything. This is the future of tutorials on youtube!

[@AndersWaltz]

Thanks so much! This means a lot

[@akromraim]

Yeah. You are agree

[@nagihiro1382]

this tutorial itself is a masterpiece omg

[@AndersWaltz]

Haha - thanks mate!

[@dracutie]

OMG THANK YOU!! I'm learning after effects now and I didn't even thought this kind of effect is that simple to do! Like These shadows Wow Thank u so much

[@AndersWaltz]

Thank you! Happy to help!

[@ArameoDios]

Beautiful!!! 💎

[@callthesamu]

Bro, this is it!!! Got to the point quickly and with style.

[@AndersWaltz]

Thaaaank you!

[@jordanus21393]

one of the best tutorials i've ever soon. I hate wordless ones. but this was so clear and concise. AND SHOWED THE PROCESS ALONG THE WAY. thank you!

[@AndersWaltz]

Thank you! :)

[@m_boyko]

Awesome! Very grate multi app lesson One more thanks for screen orientation, it's very comfortable to use with one hand

[@AndersWaltz]

That makes me super glad to hear, mate. Thank you.

[@DimzzKops]

wow 4 years ago love your style sir 🔥🔥🔥

[@Aleksandr_Prokudov]

THIS BEAUTIFUL ! LIKE ! U REALLY MAESTRO!!!!!!

[@AndersWaltz]

Thanks buddy! Glad to hear it

[@reoncolor5914]

thank you so much

[@OaklynMediaLLC]

Stupid simple and it looks fantastic!

[@pro100-motivator]

Thanks a lot!

[@andrehungaro]

u have me on this, awsome tutorial

[@sutekinaseigi]

Heavily underrated tutorial channel

[@Saleh_exe]

That's Helped Me A Lot 🔥🔥🔥 Thank You ❤❤❤

[@AndersWaltz]

Happy to hear that!

[@xhanplayzvalorantclips9350]

The style of the tutorial is so crazy effort full!!! ❤️❤️

[@AndersWaltz]

Awwww thank you!!

[@9alaxy]

omg so amazing! really wonderful!!!!😍

[@AndersWaltz]

Thank you! If you don't mind me asking, what did you like so much about it?

[@dhruvzxcloplo]

you make it so simple!🔥

[@AndersWaltz]

Thanks!

[@Arazetaritatara]

Awesome

[@maciejstachowicz7505]

Great Tutorial, thanks !

[@AndersWaltz]

Glad you likedit, Maciej!

[@type-v9401]

Thank you so much It’s amazing

[@AndersWaltz]

You're welcome pal!

[@ItzSylvan]

incredible stuff anders!

[@AndersWaltz]

Thank you! :)

[@rahmatulbijaknurkholis7904]

Thanks for helping 🙏

[@AndersWaltz]

Happy to help!

[@omgykkyb1234]

Keep the good Content coming!

[@AndersWaltz]

Thanks I'll get back in the game!

[@Mackesomething]

Great one Anders!! 🤙

[@AndersWaltz]

Thanks pal!

[@motionpoint001]

Absolutely stunning tutorial! Thank you for such a helpful video!

[@AndersWaltz]

Thank you very much!

[@suongtv5866]

this is a real lesson.

[@AndersWaltz]

Glad you liked it!

[@filipemecenas]

Woww

[@petarkosic8852]

Amazing tutorial!!

[@AndersWaltz]

Thank you! Happy to hear it.

[@hanzotv3]

This video made me interested... thank you🥰🥰

[@AndersWaltz]

Thank YOU!

[@Chewbacca2000]

Thanks man!!

[@AndersWaltz]

Thank YOU

[@Vince_Vibes]

AMAZING! KEEP IT GOING MAN AND THANKS

[@AndersWaltz]

Appreciate it and you're welcome 😍

[@louisseet]

I love the presentation

[@AndersWaltz]

Thanks Louis!

[@naderehicham5629]

Best tutorial ever

[@minddo]

coooool !!!!

[@AndersWaltz]

Thank you!

[@EA-nr9hc]

Love your style! Awesome tutorial :D Thank you so much!

[@AndersWaltz]

👋😁

[@dhiwantara8357]

in one minute imma subscribing

[@AndersWaltz]

Hells yeah. Expect more! And thanks for subscribing.

[@adamkalinowski9754]

Hey Anders, these are excellent tutorials! Keep it going :) btw is it possible to add multiple inner shadows (layer styles) in AE? Or rather should I use different shape layers to get more advanced style (step 5)

[@AndersWaltz]

Thanks so much Adam. Really appreciate it :) It's not possible unfortunatley. I wish! But! You could pre-compose the layer and add another layer style (like inner shadow, inner glow) after that. It's a work-around rather than a solution.

[@synnthetic5184]

Hi thank you! This is so helpful. When you make this animation, is there anyway you can source different pictures for the circles without it looking messy? I’ll try to figure it out but if you know the answer that would be great too ❤️

[@AndersWaltz]

Hi! You're welcome! - I don't seem to understand your question. Could you rephrase?

[@thedxrrkside]

Great video Anders…to 100k subs and more

[@joannapuacz8307]

exactly what I was looking for! perfectly prepared and explained, thank you!

[@AndersWaltz]

Thanks buddy!

[@cangraXD]

AMO

[@user-gj8od2fi6s]

cool stuff!

[@AndersWaltz]

Thanks a lot!

[@viktoriaszabo1245]

you are a genius, sooo easy, better than a 10 minutes narrated video, awesome I def check all of ur videos!!!

[@AndersWaltz]

Thank you mate!

[@simfonik6725]

thank uuuu

[@Madeena09]

This tutorial is so helpful and easy, I would love to see more 👍

[@AndersWaltz]

Thanks. More will come

[@dbm3757]

High Quilty TuTo... Really Thanks man..

[@AndersWaltz]

Thanks buddy!

[@felipedardis8794]

Very clear and straight to the point! Awesome! Thank you man!

[@AndersWaltz]

Cheers! Glad you liked it 😁

[@diegobrito6898]

Nossa, euamei isso!

[@niu1909]

Can you breakdown this quick tutorial for absolute begginers! I Simply love the outcome!

[@AndersWaltz]

That was actually my goal! However, I understand that absolute beginners might need to see more of the program etc. This is all I can do for now, though. Good luck!

[@jaymickgraphics7215]

Please can't wait for more content like this. This is damn sick. Thankyou very much sir.

[@AndersWaltz]

There'll be more coming. Appreciate this 🙏

[@tharakadhanushkathare]

🔥🔥🔥🤘👍

[@AndersWaltz]

🙌

[@jtjt7442]

AAAAAAAAAAAAAAAAAAAmazing tut style!!!!!!!

[@AndersWaltz]

Thank you!!

[@koolboy8600]

Can’t believe i have to scroll so much so see this

[@HAM4.]

Bro thanks a lot, was the best tutorial ever seen. 😍😍🖤

[@nart7185]

AE-sthetic satisfaction!

[@AndersWaltz]

Haha love it

[@danngoc]

BRILLIANT Tut thank you sooo much

[@AndersWaltz]

You're very welcome!

[@lotusinframe]

this have to be the most creative way to make a tutorial mate , kudos, subscribed

[@sikeyimboyleisi]

Very nice flex! Teach us your tricks!

[@-vileon-3294]

awesome!! sweet style tutorials sub

[@AndersWaltz]

Appreciate it! Thanks

[@1600.agency]

Hello, i do not speak English, i am French and use Google translation to translate this text to thank you for this excellent tutorial !

[@AndersWaltz]

Wow that's amazing! Merci beaucoup 😍

[@keke310]

I had a problem with the stape 6.4. I don't know if I have to overlay my multicolor circle with my simple circle or if I have to make invisible my simple circle. Please, help!

[@ItsMeSpidey]

What a beautiful way to make a tutorial!

[@AndersWaltz]

Thank youuu!

[@snkrsdestroy4993]

Jesus, this tutorial is literally better than majority of content on youtube (from quality perspective) Keep it up!

[@AndersWaltz]

Thank you very much!

[@bananafontela8609]

💖

[@rohitbrr]

Love it ❤️❤️❤️❤️❤️

[@AndersWaltz]

❤️

[@ainoapubillunzeta1990]

How do you add a curve to the position path without doing it manually? Thanks for the tutorial! Really cool and easy!

[@AndersWaltz]

You use the handles on the path. You'll need to use one of the options under the Pen Tool. It's called bezier something.

[@DazaiOsammu]

Woah

[@AndersWaltz]

Thank you! :)

[@shikomartins]

Anders, amazing tutorial. Can you explain 2 things: 1 - how to create the color blending at 1min? 2 - how to loop the position? Thanks a lot!!

[@AndersWaltz]

Hey Renato! The colours start blending when you add gaussian blur (blurriness 100 or more) to all the moving circles. Furthermore, you make the positions loop by choosing a start point, a middle point and a end point (start and end has to be the same to loop) Use the "Convert Vertex Tool" under "Pen Tool" to make the path go in a circle. Try it out!

[@shikomartins]

@@AndersWaltz hey man, thanks a lot for the explanation. I'll try this and return here with the results! Your tutorial is amazing, loved how you made it soo short and straightforward! Congrats and thanks again for the answer!

[@AndersWaltz]

@@shikomartins Hope it worked out! Otherwise, I just added a troubleshooting comment on the top of this page. It has been pinned, so it should be easy to find!

[@vvpedro]

This style of tutorial is really good!

[@AndersWaltz]

That's great to hear!

[@erickditchfield6285]

Hi! At the 0:59 - 1:05 mark, how do you get that overall form? I am using 5 layers (one circle per layer). Then I used a set matter to make them appear as one circle. I have the shape similar to you at the 0:59 mark, but can't achieve that form at the 1:05 mark.... any advice?! Thanks! Love the video!

[@AndersWaltz]

Hey Erick and everyone who liked this comment! I've just added a pinned comment to the top of this page going through the major problems you might run through. Check it out and let me know if it fixed your issue. Good luck!

[@sohastar4206]

great

[@AndersWaltz]

Thank you!

[@juangerardo1310]

Brilliant!! Genius!! Terrific!

[@AndersWaltz]

Thank you!

[@ka3raa]

this was super different! please ddon't stop... keep it coming

[@AndersWaltz]

I will! Thank you :)

[@MandeepSingh-gz8hz]

This is some next level presentation and tutorial 👍👍 Thanks for this.

[@AndersWaltz]

You're so welcome! Appreciate you taking the time to let me know this works for you.

[@lipatuk]

you make amazing tutorials! tnxs

[@AndersWaltz]

Appreciate that!

[@liqiluxy5841]

LOVE YOUR TUTORIAL, FAST AND ESAY TO UNDERSTAND

[@akromraim]

You are fire! Thanks!!

[@eulaliegrimaud]

Hello ! how to make a trkmat please ? It's very good thanks for this tutorial !

[@AndersWaltz]

I think the best way to find the answer to this question is to Google - rather than me writing a long message. Search for After Effects Track Matte.

[@AndersWaltz]

I've just added a pinned comment to the top of this page going through the major problems you might run through. Check it out and let me know if it fixed your issue. Good luck!

[@joshofali]

Beautiful and the most simplest tutorial!! Thank you!!

[@AndersWaltz]

Appreciate it! Thanks!

[@HelloDeborahUK]

Could you do this with a logo in the middle - a png or svg blob shape? Or does it have to be a shape made in after effects?

[@AndersWaltz]

Hello Deborah! You can most definitely do this with a logo (png or Illustrator file). Just add the same effects and see them melt together. It might be more tricky the way I do it.. I'd suggest you search KZbin for 'liquid morph logo' or something like that and find a tutorial that focuses on logo shapes rather than spheres. Good luck!

[@bryce5405]

Can you also upload the tutorial that shows this process directly in aftereffect? It would be really helpful tu

[@AndersWaltz]

Unfortunately, no. Did you have a hard time following along? I'm always down for feedback.

[@cenadj]

truly innovative!! Please keep them coming..

[@AndersWaltz]

Thanks! I'll make more time for these.

[@valentinarivera4160]

tranks!!

[@AndersWaltz]

You're so welcome!

[@nirmalraj6762]

nice one

[@AndersWaltz]

Thanks!

[@nguyenthinh4720]

@AnderWaltz Hello Mr, thank you so much for this tutorial, but I am quite missing at step 6, my Inner Shadow effect is under the small circles (in your video, the circles are under the Inner shadow effect, can you help me with that? I don't know where I go wrong, thanks so much

[@AndersWaltz]

Hey Nguyễn! I've just added a pinned comment to the top of this page going through the major problems you might run through. Check it out and let me know if it fixed your issue. Good luck!

[@lailakifayeh1305]

Amazing tutorial style

[@Greg.Lacoste]

OUCH!! my head lol

[@AndersWaltz]

Hey! I've just added a pinned comment to the top of this page going through the major problems you might run through. Check it out and let me know if it fixed your issue. Good luck!

[@WOONGWOONGJA]

Thank you so much! 👍👍

[@kieucuong4818]

so cool tut ! love your vid so much

[@AndersWaltz]

Glad to hear it! More will come soon!

[@penguinthesolver1405]

I got aesthetic pleasure, thank you, subscribed

[@faraj5789]

I had a problem with the choker surprisingly the soluation was to remove the background 😂😂 , weird

[@AndersWaltz]

Happy that you solved it! The choker will not work with a background, indeed.

[@emelio6928]

Hi buddy, thanks for the tutorial. How do I add a background? If I add it below the precompose all the effects from adustment layer start effecting the BG as well

[@AndersWaltz]

Precompose everything and add a background outside of the composition! That way the effects won't affect your background layer. Good luck!

[@shisuiedits]

one of the most dope tutorials i have ever seen