Liquid Animation | After Effects Tutorial

Поділитися
Вставка
  • Опубліковано 3 жов 2024
  • 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

КОМЕНТАРІ • 315

  • @AndersWaltz
    @AndersWaltz  Рік тому +27

    🤝💥❤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
      @martindiz5760 Рік тому +1

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

    • @AndersWaltz
      @AndersWaltz  Рік тому +1

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

  • @chaerliexrrr
    @chaerliexrrr 2 роки тому +83

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

  • @caterpillar990
    @caterpillar990 3 роки тому +122

    Best tutorial style ever!!

    • @AndersWaltz
      @AndersWaltz  3 роки тому +3

      Thaaaank you!

    • @Dragon-Slay3r
      @Dragon-Slay3r Рік тому +1

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

  • @jean-lucgodard6488
    @jean-lucgodard6488 3 роки тому +15

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

  • @nagihiro1382
    @nagihiro1382 3 роки тому +12

    this tutorial itself is a masterpiece omg

  • @nitinbharadwaj
    @nitinbharadwaj 4 роки тому +15

    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
      @AndersWaltz  4 роки тому +2

      Thanks so much! This means a lot

    • @akromraim
      @akromraim 3 роки тому +2

      Yeah. You are agree

  • @Ficherlino
    @Ficherlino Місяць тому

    i was so mesmerized by the animation that i didn't even pay attention to what the tutorial was teeling me to do, had to watch it again lol
    Amazing work!

    • @AndersWaltz
      @AndersWaltz  Місяць тому +1

      Haha, hope it was helpful too. Thank you!

  • @وليد-غ2ف
    @وليد-غ2ف 3 роки тому +13

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

  • @dracutie
    @dracutie 7 місяців тому +1

    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
      @AndersWaltz  7 місяців тому +1

      Thank you! Happy to help!

  • @SusheelMhatre-j2z
    @SusheelMhatre-j2z 8 місяців тому +7

    After Effects tutorial without After Effects

  • @sahanmadushanka-d9c
    @sahanmadushanka-d9c 4 місяці тому

    Best tutorial style ever!!

  • @Zimited
    @Zimited Рік тому +3

    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
      @AndersWaltz  Рік тому

      Happy to help! Appreciate the kind words

  • @sutekinaseigi
    @sutekinaseigi 2 роки тому

    Heavily underrated tutorial channel

  • @jordanus21393
    @jordanus21393 Рік тому +4

    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!

  • @DimzzKops
    @DimzzKops 3 місяці тому

    wow 4 years ago love your style sir 🔥🔥🔥

  • @xhanplayzvalorantclips9350
    @xhanplayzvalorantclips9350 2 роки тому +9

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

  • @suongtv5866
    @suongtv5866 3 роки тому +1

    this is a real lesson.

  • @dhiwantara8357
    @dhiwantara8357 3 роки тому +2

    in one minute
    imma subscribing

    • @AndersWaltz
      @AndersWaltz  3 роки тому

      Hells yeah. Expect more! And thanks for subscribing.

  • @ItsMeSpidey
    @ItsMeSpidey 2 роки тому +5

    What a beautiful way to make a tutorial!

  • @ArameoDios
    @ArameoDios 3 місяці тому

    Beautiful!!! 💎

  • @Liam-tv7hx
    @Liam-tv7hx 2 місяці тому

    excelent tutorial, thank you so much!!

  • @callthesamu
    @callthesamu 2 роки тому

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

  • @thefrogue6970
    @thefrogue6970 Місяць тому

    thanks so much, this was really helpful!

  • @niu1909
    @niu1909 2 роки тому +2

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

    • @AndersWaltz
      @AndersWaltz  2 роки тому +1

      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!

  • @Aleksandr_Prokudov
    @Aleksandr_Prokudov 4 роки тому +1

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

    • @AndersWaltz
      @AndersWaltz  4 роки тому +1

      Thanks buddy! Glad to hear it

  • @m_boyko
    @m_boyko 4 роки тому +1

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

    • @AndersWaltz
      @AndersWaltz  4 роки тому

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

  • @ItzSylvan
    @ItzSylvan Рік тому

    incredible stuff anders!

  • @andrehungaro
    @andrehungaro Рік тому +1

    u have me on this, awsome tutorial

  • @9alaxy
    @9alaxy 11 місяців тому

    omg so amazing! really wonderful!!!!😍

    • @AndersWaltz
      @AndersWaltz  11 місяців тому

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

  • @viktoriaszabo1245
    @viktoriaszabo1245 3 роки тому +3

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

  • @lotusinframe
    @lotusinframe 2 роки тому +1

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

  • @nart7185
    @nart7185 Рік тому

    AE-sthetic satisfaction!

  • @snkrsdestroy4993
    @snkrsdestroy4993 2 роки тому +1

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

  • @shikomartins
    @shikomartins 3 роки тому +2

    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
      @AndersWaltz  3 роки тому +1

      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
      @shikomartins 3 роки тому +1

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

  • @koolboy8600
    @koolboy8600 3 роки тому

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

  • @rahmatulbijaknurkholis7904
    @rahmatulbijaknurkholis7904 4 роки тому +1

    Thanks for helping 🙏

  • @Saleh_exe
    @Saleh_exe 2 роки тому +1

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

  • @maciejstachowicz7505
    @maciejstachowicz7505 3 роки тому +1

    Great Tutorial, thanks !

  • @hanzotv3
    @hanzotv3 Рік тому

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

  • @minddo
    @minddo 3 роки тому +1

    coooool !!!!

  • @louisseet
    @louisseet 8 місяців тому

    I love the presentation

  • @dhruvzxcloplo
    @dhruvzxcloplo 2 роки тому

    you make it so simple!🔥

  • @_Qm0
    @_Qm0 4 місяці тому +1

    *_Great teacher everrrr_*

  • @Mackesomething
    @Mackesomething 4 роки тому

    Great one Anders!! 🤙

  • @jtjt7442
    @jtjt7442 3 роки тому +1

    AAAAAAAAAAAAAAAAAAAmazing tut style!!!!!!!

  • @reoncolor5914
    @reoncolor5914 2 роки тому +1

    thank you so much

  • @motionpoint001
    @motionpoint001 2 роки тому +4

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

  • @sohastar4206
    @sohastar4206 8 місяців тому +1

    great

  • @omgykkyb1234
    @omgykkyb1234 4 роки тому +1

    Keep the good Content coming!

    • @AndersWaltz
      @AndersWaltz  4 роки тому

      Thanks I'll get back in the game!

  • @petarkosic8852
    @petarkosic8852 3 роки тому +1

    Amazing tutorial!!

  • @dbm3757
    @dbm3757 11 місяців тому

    High Quilty TuTo... Really Thanks man..

  • @filipemecenas
    @filipemecenas Рік тому +1

    Woww

  • @thedxrrkside
    @thedxrrkside 2 роки тому +1

    Great video Anders…to 100k subs and more

  • @naderehicham5629
    @naderehicham5629 2 роки тому

    Best tutorial ever

  • @ka3raa
    @ka3raa 4 роки тому +1

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

  • @shisuiedits
    @shisuiedits 8 місяців тому

    one of the most dope tutorials i have ever seen

  • @vvpedro
    @vvpedro 4 роки тому +2

    This style of tutorial is really good!

  • @OaklynMediaLLC
    @OaklynMediaLLC 3 роки тому

    Stupid simple and it looks fantastic!

  • @felipedardis8794
    @felipedardis8794 3 роки тому +2

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

    • @AndersWaltz
      @AndersWaltz  3 роки тому +2

      Cheers! Glad you liked it 😁

  • @railinda719
    @railinda719 Рік тому +1

    This tutorial was so satisfying and stress free for my brain, thnks

  • @HAM4.
    @HAM4. 2 роки тому +1

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

  • @1600.agency
    @1600.agency 4 роки тому +1

    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
      @AndersWaltz  4 роки тому

      Wow that's amazing! Merci beaucoup 😍

  • @ДмитроГавриков
    @ДмитроГавриков 4 роки тому +1

    cool stuff!

  • @Chewbacca2000
    @Chewbacca2000 Рік тому

    Thanks man!!

  • @Arazetaritatara
    @Arazetaritatara 3 роки тому

    Awesome

  • @Vince_Vibes
    @Vince_Vibes 4 роки тому +1

    AMAZING! KEEP IT GOING MAN AND THANKS

    • @AndersWaltz
      @AndersWaltz  4 роки тому

      Appreciate it and you're welcome 😍

  • @EA-nr9hc
    @EA-nr9hc 4 роки тому +3

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

  • @Madeena09
    @Madeena09 4 роки тому +3

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

  • @type-v9401
    @type-v9401 4 роки тому

    Thank you so much It’s amazing

  • @juangerardo1310
    @juangerardo1310 4 роки тому +2

    Brilliant!! Genius!! Terrific!

  • @danngoc
    @danngoc 4 роки тому +3

    BRILLIANT Tut thank you sooo much

  • @jaymickgraphics7215
    @jaymickgraphics7215 3 роки тому +1

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

    • @AndersWaltz
      @AndersWaltz  3 роки тому +1

      There'll be more coming. Appreciate this 🙏

  • @cangraXD
    @cangraXD 2 роки тому

    AMO

  • @DazaiOsammu
    @DazaiOsammu Рік тому

    Woah

  • @joannapuacz8307
    @joannapuacz8307 2 роки тому +2

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

  • @cenadj
    @cenadj 3 роки тому +1

    truly innovative!! Please keep them coming..

    • @AndersWaltz
      @AndersWaltz  3 роки тому

      Thanks! I'll make more time for these.

  • @nirmalraj6762
    @nirmalraj6762 3 роки тому +1

    nice one

  • @pro100-motivator
    @pro100-motivator 3 роки тому

    Thanks a lot!

  • @kieucuong4818
    @kieucuong4818 4 роки тому +2

    so cool tut ! love your vid so much

    • @AndersWaltz
      @AndersWaltz  4 роки тому +1

      Glad to hear it! More will come soon!

  • @eulaliegrimaud
    @eulaliegrimaud Рік тому +1

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

    • @AndersWaltz
      @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
      @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!

  • @-vileon-3294
    @-vileon-3294 3 роки тому +1

    awesome!! sweet style tutorials
    sub

  • @MandeepSingh-gz8hz
    @MandeepSingh-gz8hz 3 роки тому +1

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

    • @AndersWaltz
      @AndersWaltz  3 роки тому +1

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

  • @rohitbrr
    @rohitbrr 3 роки тому +4

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

  • @sikeyimboyleisi
    @sikeyimboyleisi Рік тому

    Very nice flex! Teach us your tricks!

  • @penguinthesolver1405
    @penguinthesolver1405 3 роки тому +1

    I got aesthetic pleasure, thank you, subscribed

  • @liqiluxy5841
    @liqiluxy5841 2 роки тому

    LOVE YOUR TUTORIAL, FAST AND ESAY TO UNDERSTAND

  • @lipatuk
    @lipatuk 4 роки тому +2

    you make amazing tutorials! tnxs

  • @joshofali
    @joshofali 2 роки тому

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

  • @simfonik6725
    @simfonik6725 5 місяців тому

    thank uuuu

  • @valentinarivera4160
    @valentinarivera4160 4 роки тому +1

    tranks!!

  • @tharakadhanushkathare
    @tharakadhanushkathare 4 роки тому +1

    🔥🔥🔥🤘👍

  • @damoves2617
    @damoves2617 Рік тому

    Wow this tutorial is so well done!

  • @faraj5789
    @faraj5789 8 місяців тому +1

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

    • @AndersWaltz
      @AndersWaltz  8 місяців тому +1

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

  • @adamkalinowski9754
    @adamkalinowski9754 4 роки тому +2

    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
      @AndersWaltz  4 роки тому +2

      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.

  •  3 роки тому +1

    beautiful! thank you

  • @akromraim
    @akromraim 3 роки тому +1

    You are fire! Thanks!!

  • @lluismontornes6191
    @lluismontornes6191 7 місяців тому

    A Masterpiece!!!!!

  • @Greg.Lacoste
    @Greg.Lacoste 2 роки тому

    OUCH!! my head lol

    • @AndersWaltz
      @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!

  • @lailakifayeh1305
    @lailakifayeh1305 3 роки тому +1

    Amazing tutorial style

  • @poppensmurf
    @poppensmurf Рік тому

    Bro what the fuck, fantastic tutorial style.