Super Easy Liquid Gradient Animation in After Effects!

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 135

  • @Hiisilapsi
    @Hiisilapsi ปีที่แล้ว +3

    A very fast and clear tutorial, thank you!

  • @global_cash
    @global_cash 9 หลายเดือนก่อน +1

    i am newbie and i have understand everything and i made it well, thank you!

    • @rapiddesigns7764
      @rapiddesigns7764  9 หลายเดือนก่อน

      Glad to be able to help! Keep subscribed :)

  • @deekaym
    @deekaym ปีที่แล้ว +8

    Thank you for this tutorial…easy to follow and straight to the point 🙏🏽

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Glad this helped! Stay subscribed for more such videos coming your way

  • @na0mid0gg
    @na0mid0gg ปีที่แล้ว +1

    Keep coming back to this! Thanks!

  • @rydellgarcia
    @rydellgarcia 6 หลายเดือนก่อน +1

    bro youre underrated for this. this is goated!!!!!!!!!!!!! thankss!

    • @rapiddesigns7764
      @rapiddesigns7764  5 หลายเดือนก่อน

      Appreciate it! Stay subscribed for more content coming your way.

  • @venkatraj2823
    @venkatraj2823 4 หลายเดือนก่อน +1

    So Cute way of explaining

  • @dopemotions
    @dopemotions 19 วันที่ผ่านมา

    nice one!

    • @rapiddesigns7764
      @rapiddesigns7764  19 วันที่ผ่านมา

      Thanks a lot, means a lot coming from you!

  • @astrosfranchise
    @astrosfranchise 11 หลายเดือนก่อน +1

    Thank you for a great tutorial !

  • @cam1949
    @cam1949 9 หลายเดือนก่อน +4

    it was working great during the beginning of my video but after a while it just stops moving. i'm not sure what to do about fixing it because i followed everything step by step. any ideas on how to fix?
    quick update lol but i figured it out! if anyone else has the same issue, here's what to do! all you need to do is add '%32768' next to time*200. so basically, you'd put time*200%32768.

  • @TheMotionDesigner24
    @TheMotionDesigner24 13 วันที่ผ่านมา

    Thank you so much bro.

  • @law1337
    @law1337 11 หลายเดือนก่อน +1

    Thank you ;)

  • @noorahmadlondon
    @noorahmadlondon 3 หลายเดือนก่อน

    wow thank you! I'm designing my website and this is exactly what I was looking for 🦋🦋

  • @safethreat
    @safethreat ปีที่แล้ว

    Hey, thanks for the tutorial man. Could you please make this project available as a download? It would help me understand it much better
    .

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Hey, glad to know it was helpful. Sorry, the project was not saved. I will try and do it again to share it with you

  • @TheAiretoxico
    @TheAiretoxico 7 หลายเดือนก่อน

    Nice! I hope many more tutorials are coming.

  • @ciskajoubert9623
    @ciskajoubert9623 ปีที่แล้ว

    Easy to follow and to the point! Thanks for a great tutorial!

  • @greenpath_golem
    @greenpath_golem ปีที่แล้ว +1

    This was exactly what I was looking for, thank you

  • @saharmasoumi6205
    @saharmasoumi6205 3 หลายเดือนก่อน

    Perfect 😍👏👏👏 thanx a lot

  • @Multicolor_World
    @Multicolor_World 10 หลายเดือนก่อน

    Awesome tutorial. Thanks a lot. 🙏🌟🌟🌟🌟🌟

  • @Iux__
    @Iux__ 9 หลายเดือนก่อน

    A nice tutorial! Thank you!! =D

  • @Theonlysouhail
    @Theonlysouhail 3 หลายเดือนก่อน

    Thank you so Much

  • @iainfisher9715
    @iainfisher9715 ปีที่แล้ว +1

    Great video - straight to the point!! ☺

  • @MyLittleThommy
    @MyLittleThommy 6 หลายเดือนก่อน

    Amazing, thank you!

  • @KordTaylor
    @KordTaylor ปีที่แล้ว

    Very cool! Thanks you. 💥👏🏻👏🏻👏🏻

  • @alfrugo
    @alfrugo 6 หลายเดือนก่อน

    thank you for sharing. this is great.

  • @gustavonaranjo4233
    @gustavonaranjo4233 8 หลายเดือนก่อน

    muchas gracias!

  • @Alexhobby32and7
    @Alexhobby32and7 8 หลายเดือนก่อน

    Thank you!!

  • @nirosharacherla8301
    @nirosharacherla8301 10 หลายเดือนก่อน

    thank you

  • @kzin250
    @kzin250 5 หลายเดือนก่อน

    awesome tutorial

  • @alyssalloyd1125
    @alyssalloyd1125 ปีที่แล้ว

    Awesome tutorial, thank you!

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Glad it helped. Stay subscribed, new videos coming soon

  • @КатяШевченко-ю6с
    @КатяШевченко-ю6с ปีที่แล้ว

    Thank u a lot, easy and beautiful result

  • @mathistroteseil9838
    @mathistroteseil9838 ปีที่แล้ว

    Tx a lot for this Tuto. Enjoy your day like i do ;)

  • @adeelazam2049
    @adeelazam2049 2 หลายเดือนก่อน

    Can we make this in loop?

  • @CRISTINAgranados26
    @CRISTINAgranados26 ปีที่แล้ว +1

    EXCELENTE!!!!🎉

  • @ddddddddddddd10
    @ddddddddddddd10 6 หลายเดือนก่อน +1

    Hi! why is there a black that keeps on showing up when I change the amount of or size of Turbulent Displace :( help pls

  • @JaTara
    @JaTara ปีที่แล้ว

    Thank you!! 💕 Your instructions were very easy to follow! You've got yourself a new subscirber here!

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      I’m glad this helped! Thanks for subscribing, new videos coming your way soon :)

  • @ari-hr8md
    @ari-hr8md ปีที่แล้ว

    It was what I was looking for, thank u :D

  • @yandeartha4487
    @yandeartha4487 หลายเดือนก่อน

    Can we add more color point?

  • @MarkView64
    @MarkView64 6 หลายเดือนก่อน

    awesome!

  • @catwick_
    @catwick_ ปีที่แล้ว

    love this tutorial smm

  • @rakarizkynz
    @rakarizkynz 11 หลายเดือนก่อน

    great tutorial! what font do u use??

    • @rapiddesigns7764
      @rapiddesigns7764  11 หลายเดือนก่อน

      Thanks :) the font is called clash grotesk

  • @iovesebi
    @iovesebi ปีที่แล้ว

    Thanks !!

  • @helozague
    @helozague 2 หลายเดือนก่อน +1

    How do you control the speed? I'd like to slow down the animated loop but I haven't figured out how to do it.

    • @creepygirledi2507
      @creepygirledi2507 2 หลายเดือนก่อน

      I just precomposed the two layers and then added time stretch to the precomposition idk another way

  • @JuhusOnY
    @JuhusOnY ปีที่แล้ว

    you.are. amazing.

  • @annasanchez5834
    @annasanchez5834 ปีที่แล้ว

    Graciass, genial

  • @mdshibli1009
    @mdshibli1009 ปีที่แล้ว

    Brilliant

  • @360datos
    @360datos 7 หลายเดือนก่อน

    Gracias!

  • @parro1210
    @parro1210 ปีที่แล้ว +1

    Amazing video. one question though: in some random moments I will see small transparent circles pop up. I tried adding a layer below the solid to hide them but that did nothing. Any idea how I can fix this?

    • @rapiddesigns7764
      @rapiddesigns7764  11 หลายเดือนก่อน

      Thanks. There’s an option for ‘mirror edges’ when adding the motion tile effect, make sure you check that to avoid any errors in the gradient.

    • @jacobsalzberg2823
      @jacobsalzberg2823 9 หลายเดือนก่อน

      @@rapiddesigns7764 I experienced this as well, even after checking mirror edges. They appear as black circles. EDIT: They disappear if you apply turbulent displace after applying motion tile.

  • @ibrahmburghol4032
    @ibrahmburghol4032 ปีที่แล้ว

    Awesome video, you made it so easy. I saw your short for how to loop the video, i'm just wondering where would I add the loopOut("pingpong") expression if I wanted to add it to this tutorial?

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      So ideally, loopOut("pingpong") would no work very well here as the it will make the animation jump back and forth and not let it seamlessly animate like liquid. But if you still want to try - you can pre-compose the whole thing, enable time remapping and then add the expression to that

  • @arijitdas5118
    @arijitdas5118 ปีที่แล้ว

    Very informative video

  • @anweshamajhi815
    @anweshamajhi815 3 หลายเดือนก่อน

    How can we add more colors?

  • @battlekingshow
    @battlekingshow ปีที่แล้ว

    Bravo and thank you.

  • @YuHuRi-e3k
    @YuHuRi-e3k 4 หลายเดือนก่อน

    And if I want to add another color?

  • @AliEdits345
    @AliEdits345 8 หลายเดือนก่อน +1

    background not animating 😥, did it all right according to tutorial, what to so now ...!

    • @rapiddesigns7764
      @rapiddesigns7764  6 หลายเดือนก่อน

      Shouldn’t be happening, did you try starting all over again?

  • @Followbrayden
    @Followbrayden 7 หลายเดือนก่อน +1

    Anyone have guidance on how to make this a seamless loop?

    • @oumuamuamua
      @oumuamuamua 6 หลายเดือนก่อน +1

      I decided to try a seamless loop just to help you out 🤍 so follow my steps below to achieve it.
      From 3:48 in the video, the moment he says:
      "While holding option on your keyboard if you're on a mac, alt..."
      -Don't do that-
      Instead, just click the clock button without holding the [option/alt] key and this will place a keyframe on the frame 0 (your time cursor must be on frame 0 before you do this), then go to the last frame of your composition and change the value of evolution to 1x+0.0.
      Now go to Evolution options just below it and expand it, enable the option (✅) Cycle Evolution and the option value from the Cycle (in Revolution (1)

    • @Brucelam1511
      @Brucelam1511 2 หลายเดือนก่อน

      @@oumuamuamua hello, can i ask you something?

  • @Diego-yz3ku
    @Diego-yz3ku ปีที่แล้ว +2

    how do you do that animation but in a loop, i mean infinit like that you can´t see the cut when it started again. Thanks!

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว +1

      I might just make a video or shorts on how to to do a continuous loop. Coming soon, stay subscribed!

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว +2

      Hey, the Short videos is up on the channel. Do check it out and let me know if it helps

    • @jirehla-ab1671
      @jirehla-ab1671 ปีที่แล้ว

      ​@@rapiddesigns7764do you ever use 16 bit depth setting in creating after effects compositions?

  • @nyx_369_
    @nyx_369_ 11 หลายเดือนก่อน

    Is there any way to seamlessly loop this gradient? please reply.

    • @rapiddesigns7764
      @rapiddesigns7764  11 หลายเดือนก่อน

      Maybe this can help
      Loop Anything in After Effects!
      th-cam.com/users/shortsYgNPNLYJeEQ?feature=share

  • @syaefulamri5361
    @syaefulamri5361 10 หลายเดือนก่อน

    Done

  • @magdalenajakubowska7897
    @magdalenajakubowska7897 ปีที่แล้ว

    Thank you for this video - just one question: can we add more than 4 colors? I would like to have 5, but guess it's not possible

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว +1

      It’s not possible natively on After Effects. But there is an advanced way to use the Colorama effect and Fracal Noise to achieve this, but it is a fairly advanced technique. Let me know if you would want a tutorial around it

    • @magdalenajakubowska7897
      @magdalenajakubowska7897 ปีที่แล้ว

      @@rapiddesigns7764 Thanks for answering ! Tutorial is not urgent, but if you have time to do it, why not, I was asking rather by curiosity ;)

  • @Lachicablasfemia
    @Lachicablasfemia 7 หลายเดือนก่อน

    Does anyone know if the Effect Motion Tile is a plug in? I just have my AE in Spanish so I can’t find it tho

    • @rapiddesigns7764
      @rapiddesigns7764  6 หลายเดือนก่อน

      No, this is an effect available with After Effects

  • @vasanthan485
    @vasanthan485 ปีที่แล้ว

    hey buddy thanks for the tut. When I set turbulent displace amount as 300 I see black spots appearing... what's the solution?

    • @auk3.
      @auk3. ปีที่แล้ว

      do this step later when u got everything then those spots won't appear🙏

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Just be sure to check the option which says ‘mirror edges’ inside the motion tile effect and it should fix it. Also make sure the motion tile effect is on top of the turbulent displace effect

  • @adeelazam2049
    @adeelazam2049 2 หลายเดือนก่อน

    liquidy and fluidyy hahaaa

  • @ceciliaacosta9072
    @ceciliaacosta9072 ปีที่แล้ว

    Hi this video is very helpful! Only one thing that isnt working for me for some reason are the anchor points for the points and I pressed the 4 color gradient

    • @valthvisuals
      @valthvisuals ปีที่แล้ว

      you need to drag one and make sure you have toggle mask and shape visibility on in the preview window.

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Thanks for helping out Valth :)

  • @farhanajisa7298
    @farhanajisa7298 10 หลายเดือนก่อน

    when writing the expression ''time*200'' it's showing error. how to fix this?

    • @rapiddesigns7764
      @rapiddesigns7764  10 หลายเดือนก่อน

      What error are you getting?

  • @andsx_
    @andsx_ หลายเดือนก่อน

    its blurry. how to make it not blur sir?

  • @kamiaarrahatinoveir2280
    @kamiaarrahatinoveir2280 7 หลายเดือนก่อน

    How about more than 4 colors?

    • @rapiddesigns7764
      @rapiddesigns7764  6 หลายเดือนก่อน

      It is not possible directly but you can try doing two layers with different colors and play around with the blending modes to find something unique

  • @trattface
    @trattface ปีที่แล้ว

    I did this and now I'm trying to make a transition using the shadows from the 3D spotlight but the shadows on the gradient ends up getting really spotty, any idea how to fix? gradient is turned into a 3D layer btw

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Two questions before I can help you -
      1. Are you using the gradient as a composition inside a different composition?
      2. Can you try and see if making the gradient comp layer 2d helps with this?

  • @pledium8918
    @pledium8918 ปีที่แล้ว

    What is the font on 2:37?

  • @annavictoriamalveira1086
    @annavictoriamalveira1086 ปีที่แล้ว

    Whenever I export an animated gradient video, some "lines" appear in the gradient. How can I fix this and make it smoother?

    • @Vladyyy
      @Vladyyy ปีที่แล้ว

      Work in 16 bit or 32 bit float at 1080p or higher.

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว +1

      Yes Anna, switching to a higher bit color depth would reduce the banding of the gradient.
      Thanks for the help Vlad :)

    • @Vladyyy
      @Vladyyy ปีที่แล้ว

      ​@@rapiddesigns7764 Absolutely, and thanks for this quick tutorial! It's a cool effect with a lot of potential uses. I'll definitely be making this in the near future! 👌🏾

  • @yubayuw
    @yubayuw ปีที่แล้ว

    hello, how if we need more than 4 color?

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว +2

      It’s not possible natively on After Effects. But there is an advanced way to use the Colorama effect and Fracal Noise to achieve this, but it is a fairly advanced technique. Let me know if you would want a tutorial around it

  • @Soloz752
    @Soloz752 3 หลายเดือนก่อน

    Thanks for all indian

  • @LuizFernando-lt9ql
    @LuizFernando-lt9ql ปีที่แล้ว

    show

  • @gire4988
    @gire4988 ปีที่แล้ว

    how i loop this ?

    • @rapiddesigns7764
      @rapiddesigns7764  ปีที่แล้ว

      Here's a tutorial to loop anything on After Effects - th-cam.com/users/shortsYgNPNLYJeEQ

  • @florocaceres4181
    @florocaceres4181 ปีที่แล้ว

    Thnx! It really helped me

  • @sanjais4916
    @sanjais4916 8 หลายเดือนก่อน

  • @luisatapiero5355
    @luisatapiero5355 ปีที่แล้ว

    Great tutorial, thank you! 🙌