Super Easy Liquid Gradient Animation in After Effects!

AEJuice Free Plugins aejuice.com/fr...
AEJuice I Want It All Bundle aejuice.com/pr...
AEJuice KZbin Channel / @aejuice
In this After Effect tutorial, we will create a fluid liquid gradient background in After Effects. This is a beginner friendly tutorial involving super easy steps. Even better, we will learn everything required to arm you with this skill under just 5 mins. I promise you, you won't need any other gradient animation tutorial after watching this video.
Disclaimer: Some of the links provided are affiliate links. This channel may earn a small commission for purchases, at no extra cost to you. It's a great way to support the channel if you enjoy our content.
Subscribe for regular design videos delivered to your inbox. Like and share the video to help the channel grow. Thanks!

[@rydellgarcia]

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

[@rapiddesigns7764]

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

[@global_cash]

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

[@rapiddesigns7764]

Glad to be able to help! Keep subscribed :)

[@noorahmadlondon]

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

[@venkatraj2823]

So Cute way of explaining

[@Hiisilapsi]

A very fast and clear tutorial, thank you!

[@rapiddesigns7764]

That was the goal, thanks!

[@deekaym]

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

[@rapiddesigns7764]

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

[@TheAiretoxico]

Nice! I hope many more tutorials are coming.

[@rapiddesigns7764]

Yes, on the way!

[@na0mid0gg]

Keep coming back to this! Thanks!

[@rapiddesigns7764]

Glad this helps!

[@cam1949]

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.

[@rapiddesigns7764]

Thanks for the update!

[@astrosfranchise]

Thank you for a great tutorial !

[@rapiddesigns7764]

You’re welcome

[@saharmasoumi6205]

Perfect 😍👏👏👏 thanx a lot

[@greenpath_golem]

This was exactly what I was looking for, thank you

[@rapiddesigns7764]

Glad I could help!

[@Theonlysouhail]

Thank you so Much

[@adeelazam2049]

Can we make this in loop?

[@MyLittleThommy]

Amazing, thank you!

[@rapiddesigns7764]

Glad you liked it!

[@law1337]

Thank you ;)

[@alfrugo]

thank you for sharing. this is great.

[@rapiddesigns7764]

Glad you enjoyed it!

[@kzin250]

awesome tutorial

[@rapiddesigns7764]

Glad you liked it

[@ciskajoubert9623]

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

[@rapiddesigns7764]

You're welcome!

[@luisatapiero5355]

Great tutorial, thank you! 🙌

[@rapiddesigns7764]

Glad it was helpful!

[@Multicolor_World]

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

[@rapiddesigns7764]

Glad it helped :)

[@Iux__]

A nice tutorial! Thank you!! =D

[@rapiddesigns7764]

You're welcome!

[@mathistroteseil9838]

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

[@rapiddesigns7764]

Thanks, cheers :)

[@iainfisher9715]

Great video - straight to the point!! ☺

[@rapiddesigns7764]

Glad it helped :)

[@JaTara]

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

[@rapiddesigns7764]

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

[@KordTaylor]

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

[@rapiddesigns7764]

Thanks for watching :)

[@MarkView64]

awesome!

[@Alexhobby32and7]

Thank you!!

[@nirosharacherla8301]

thank you

[@ari-hr8md]

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

[@rapiddesigns7764]

Glad I could help!

[@КатяШевченко-ю6с]

Thank u a lot, easy and beautiful result

[@rapiddesigns7764]

Thanks, stay tuned for more content!

[@360datos]

Gracias!

[@helozague]

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]

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

[@gustavonaranjo4233]

muchas gracias!

[@adeelazam2049]

liquidy and fluidyy hahaaa

[@CRISTINAgranados26]

EXCELENTE!!!!🎉

[@iovesebi]

Thanks !!

[@rapiddesigns7764]

You're welcome!

[@parro1210]

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]

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]

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

[@anweshamajhi815]

How can we add more colors?

[@catwick_]

love this tutorial smm

[@rapiddesigns7764]

Glad you liked it!!

[@YuHuRi-e3k]

And if I want to add another color?

[@AliEdits345]

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

[@rapiddesigns7764]

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

[@battlekingshow]

Bravo and thank you.

[@rapiddesigns7764]

And thank you for watching

[@annasanchez5834]

Graciass, genial

[@Followbrayden]

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

[@oumuamuamua]

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]

@@oumuamuamua hello, can i ask you something?

[@rakarizkynz]

great tutorial! what font do u use??

[@rapiddesigns7764]

Thanks :) the font is called clash grotesk

[@JuhusOnY]

you.are. amazing.

[@rapiddesigns7764]

Thanks!

[@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]

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

[@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]

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

[@Diego-yz3ku]

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]

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

[@rapiddesigns7764]

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

[@jirehla-ab1671]

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

[@ddddddddddddd10]

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

[@syaefulamri5361]

Done

[@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]

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

[@rapiddesigns7764]

Thanks for helping out Valth :)

[@kamiaarrahatinoveir2280]

How about more than 4 colors?

[@rapiddesigns7764]

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

[@nyx_369_]

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

[@rapiddesigns7764]

Maybe this can help Loop Anything in After Effects! kzbin.infoYgNPNLYJeEQ?feature=share

[@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]

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]

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

[@mdshibli1009]

Brilliant

[@rapiddesigns7764]

Thanks 🫶

[@arijitdas5118]

Very informative video

[@rapiddesigns7764]

Thanks mate!

[@farhanajisa7298]

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

[@rapiddesigns7764]

What error are you getting?

[@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.]

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

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

[@Lachicablasfemia]

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]

No, this is an effect available with After Effects

[@Soloz752]

Thanks for all indian

[@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]

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?

[@yubayuw]

hello, how if we need more than 4 color?

[@rapiddesigns7764]

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

[@annavictoriamalveira1086]

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

[@Vladyyy]

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

[@rapiddesigns7764]

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

[@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! 👌🏾

[@pledium8918]

What is the font on 2:37?

[@rapiddesigns7764]

Space Grotesk

[@LuizFernando-lt9ql]

show

[@gire4988]

how i loop this ?

[@rapiddesigns7764]

Here's a tutorial to loop anything on After Effects - kzbin.infoYgNPNLYJeEQ

[@florocaceres4181]

Thnx! It really helped me

[@rapiddesigns7764]

Glad it helped :)

[@sanjais4916]

[@alyssalloyd1125]

Awesome tutorial, thank you!

[@rapiddesigns7764]

Glad it helped. Stay subscribed, new videos coming soon