After Effects Tutorials - Twisted Gradient Backgrounds in After Effects - No Plugins

this video is made possible by Envato elements [Music] hey guys what's up I am Nick Hill from do promotions calm and welcome back to a fresh new video on the channel into this video I am going to show you guys how to create a very stylish and slowly looking background actually gradient design inside of After Effects which you can use as a nice background you can add your text onto it and they look super cool it's absolutely abstract you can build up your own unique design using this technique make sure you stayed throughout the tutorial and learn this very cool technique and create your own amazing gradient design so without any further ado let's jump into the video and get started ok so here we are in Adobe After Effects let's start by creating a new composition call this main as this is gonna be our main composition for the vid I'll go in 1920 by 1080 24 fps and 10 seconds long hit okay let's create one more composition which is going to be our gradient design so let's call this ingredient and hit OK and inside the gradient let's select the ellipse tool and start building up our ellipse now the idea here is to create some random small circle shapes which will help us to achieve that nice detail gradients and variation inside the gradients so to do that here I have a small notepad which consists of my color codes that I want to use in this video you can of course use your favorite colors whichever color that you like so I just hold shift and drag to create a circle like that I'll go in effects and preset and type in fill to add a fill to our shape and then I'll add a drop shadow there we go there we have our nice drop shadow let's increase the distance and let's change the color to a different color just so that we can see it we will keep it something like that then I'll copy the color codes so that I can get the result that I'm going for for the drop shadow I'll go with a nice dark red color also hit control Y on the keyboard to create a new solid call this BG for background let's add a fill on this background and for this one I can go with a nice d saturated dark purplish color something like that let's put this below then I can select this layer hit control D duplicate it and then I can just you know randomly place some shape right here go into my color codes and let's select this one with a nice blue color you can play around with the direction also with the distance of the drop shadow then I'll hit ctrl o select layer and hit control D place this one right over your name make this a bit bigger and get a different color from your control C control V to paste that up select this one again make sure the anchor point is in the center so that you can easily you know scale this big and small by holding shift at the same time I'll place one right over here make this a bit smaller maybe a place it right over you and this will bring the drop shadow a bit closer to this and then I can just copy paste a different color on this one so it's a dark red kind of a thing so this shapes are pretty random so what I can do is go into the main comp and drag and drop in the gradient composition that we just created and also I need the background outside of this gradient so I'll hit ctrl X to cut that up and face it ctrl V so on the gradient composition I want to add some effects which is going to help us to achieve that nice swirly gradient design so the first effect that we need is the turbulence displace so I can just have a click to apply that up for the amount I'll go with 20 and complexity I'll increase it a bit like two so we get a nice we are looking shapes then let's add a directional blur all I need to do is increase the blur length to around let's go something like a bigger number maybe 700 it's a bit too big so I'll go it sound like five honey let's start small from 500 ok 600 should be good yep that looks good and then I can add to all effect there we go and all I need to do is to all this up also you need to change the angle so I said this is something like 250 because that looks pretty sick as you can see you can also play out with the twirl radius depending on the look that you want to go for but I like to keep it at 100 because I think it looks very good and lastly I'll add a fast blur on this now it depends on you know the kind of blur you want to use so you can see right now the edges of the gradients are not getting blend which with each other so I'll add a little bit of blur and that is going to help us to get some blending now to build up the complete gradient design what you can do is you can lock this comp go into view create a new viewer just like that you can hop into your gradient and then you can start building up the design so basically what I can do is I can select them all hit control D place them just like that you can see we get a really cool look so having that idea in mind and build up your complete design and that is what we're gonna do so I'm gonna just start spreading up it just like that hit ctrl D me place one right here please one right over your and place one right here just trying to spread it spread it out and I have used circles but in this case you can use any shape because the shape will not really matter as we are going for a much more you know slowly look so it's gonna get distorted anyhow so you can just try to fill up the black backgrounds a bit and it'll copy this blue one right here get some nice variations there we go and as you can see so easily you can build up your very cool and nice-looking gradient and you can tweak it any time any way you want so I'm pretty happy with this result right over here just so that it doesn't you know doesn't remain completely black and that is looking great now what I can do is let's select all the layers so hit ctrl a to select them all hit ctrl shift C to pre compose them and I'll call this shapes make sure it's on move all attributes hit OK and now I need to animate this in order to animate our background so I'll hit P to bring down the position properties create a keyframe go to 10 seconds and drag this just like so but right now you can see we have a pretty weird look now before we proceed further with this tutorial a quick message from our sponsors design better projects faster with Envato elements get unlimited downloads a beautiful and ready cheese templates for your digital projects create more with premium design assets video templates mock-ups fonts presentations photos audio files and more all with commercial licenses for extra peace of mind and bottle elements will make any project better while saving you time effort and money get unlimited downloads within bottle elements and start creating today so to fill that space up what I can do is I can add an effect called CC reptile for the right side and then change the tiling to something like unfold it so it blends in a bit more and there we go so let's close this composition and let's see our animation into the main comp so there we go there we have a nice swirly twisted background gradient design whatever that you can call it and it's looking super cool you can also increase the fast blur depending on the look you want to go for if you want you can go with a nice sleek e looking background as you can see looks very nice but I like to add a little bit of fast blood just to add some nice smoothness to it you can also add a U and saturation to pump up the colors a bit so you can add a bit just a touch like that Lian with the radius also I think that is a bit too much so bring that as a touch and then add a curves adjustment search to alpha and just brighten this up a bit just like so and there you go you can create your abstract gradient design using this very cool technique so I hope you enjoyed this really quick tutorial and if you did if you want me to create more tutorials on this kind of gradient background design cause I have many different ideas for creating some very cool looking designs so yeah do let me know in the comments section below if you want this kind of tutorials more often and I would love to create it for you guys so with that said that is a wrap for today guys I hope you enjoyed this tutorial and if you did make sure to subscribe to the channel and I will see you guys in the next video till and take care and always stay Raw stay creative [Music]

Channel: Dope Motions

Views: 200,583

Keywords: After Effects, After Effects Tutorials, adobe, Gradient Backgrounds, Backgrounds in After Effects, Twisted Gradient Backgrounds in After Effects, colorful gradient backgrounds, color gradient, dope motions, patterns in after effects, creating patterns in after effects, adobe after effects, after effects tutorial, tutorial, avnish parker, flimlion vfx

Id: 5-icrvLC5sQ

Length: 11min 49sec (709 seconds)

Published: Wed May 22 2019