In this, After Effects tutorial, we will create Minimal Circlee Motion Graphics Animation without plugins. We will use a shape tool to …
Order an outstanding professional logo at the best price for your business, company, or to resell them on other sites that pay the service at more expensive prices, earning the difference:
✔️Click Here to Get Your Perfect Logo.
this minimal Motion Graphics animation is done entirely using After Effects so let’s see how to make this all right right in After Effects and we will Begin by creating a new composition let’s call this one main width and height will be 19 20 by 1080 frame 30 FPS and duration you can pick whatever you want just click on okay let’s create our background so right click new let’s add a solid and I’m going to to make this one a little bit off fite something like that just click on okay perfect now we are ready to add our Circle so for that let’s select the shape tool let’s select the ellipse and I’m going to draw a small circle something like that also I’m going to align it to the center if I not able to see the Align panel then you can go to Windows and from here you can enable it also make sure that it Anchor Point is in the center so you can hold on the control key and double click on this pan anchor tool so now the Anchor Point is in the center let’s quickly animate this by pressing P let’s add a key frame and in the beginning I’m going to like make this down below so somewhere around here let’s move like little bit ahead something like that now we can like move this up so we basically want it to be something around here and after that we can like move little bit up and we can like place it in the Middle where we started so we can select everything press F9 let’s go to the graph editor now if your graph looks different then make sure you’re using the speed graph not the value graph let’s select everything and I’m going to change the graph to look something like this so in the beginning we want this to be very fast let’s change it to like that perfect now if I play you can see we have this ball and it comes in and it goes to its position now we don’t want to like move it after that so we can like trim this layer to this point now we will break this ball into like smaller balls so for that we can select this press controll D now we can select this layer press p and I’m going to like remove all the position key frames because we don’t want them instead we can like simply extend this perfect now we want the these balls to like move away from the center point but how much we want we can like decide that by simply creating some circles around it so let’s select the ellipse tool again and on this one we don’t want any fill and I’m going to like increase the stroke so you can just pick whatever color you want let’s just increase it to like nine just to see what we are doing so let’s just draw a circle so you can hold on the shift key to create a perfect circle let’s align it to the center now we can select this and let’s search for size parameter and I’m going to like set this one to like 300 let’s duplicate this and the next one we can set this to like 600 let’s duplicate this now 900 and let’s duplicate this once again and I’m going to set this one to like 1200 so now we have like these many circles but again it’s completely up to you you can like have whatever number circles you want I’m going to like create these four only now let’s select this set the stroke to like something like one because we want these to be like very faded something like that perfect now we can like simply select these balls which we have over here so I can like place this at the top and let’s just quickly change this color so that we don’t get confused like that now we can zoom in and let’s just move everything somewhere around here now we can select this let’s add a key frame for its position now let’s move like little bit ahead and we can like start moving these balls ahead so let’s just move it to somewhere around here we basically want this to be like onto this line so for that we can like select this press T let’s slow down its opacity so now we can like just move this Anchor Point to this like that now we can select this layer let’s press U we have this key frame let’s press CR D let’s move the other ball or the circle to like little bit ahead onto this line now let’s select this press croll D now let’s move this one onto the other one we are basically moving these to all of these individual layers so we have one over there which we can like move later on or we can like simply duplicate this this one we can move it to the side so let’s just set this to 960x 540 so now we can like move it to the side because we are not able to see it from the top somewhere around here perfect so here we have all of these circles now we have created the position key frames now we can select everything and press F9 to EAS them so now they will like move away perfect but we don’t want them to like move onto these points we want them to like randomly move here and there so we can do that later on but first let’s animate these as well so now we can select all of these and let’s just simply select one of these and I’m going to add a trim path so right click let’s add a trim path and let’s go over here and add a key frame for the end property and I’m going to set this to zero let’s move it to this point and I’m going to like set this to 100 now we can copy the trim path and just go to the beginning and we can select all of these layers which we have over here and just paste it like this now if I press play you can see all of these circles will start animating perfect now we don’t want the animation to like start over here we can like move these key frames ahead just select them and let’s move them like really far away so before we proceed if you enjoy my work and you want to support me then you can check out my patreon page over there you will get access to the tutorial Pro files and exclusive templates that are available only on patreon make sure to check it out link for that is in the description now let’s continue now we want these circles to like move around onto these lines so for that we can like simply add some null objects for each of these circles so let’s add null object for all of them so right click new let’s add a null object and let’s just animate it so let’s add a key frame for its rotation now let’s just move like little bit ahead and I’m going to like set this to one because we want one complete full rotation let’s select the key frames press F9 now we can like duplicate This and like place it onto all of these layers one after other let’s duplicate this and let’s place it over here now we can parent all of these layers to this null which is at their top so just parent it to this one and let’s parent it to this one we can parent this one to this perfect so now you will notice that all of these circles will start animating but we can like control their rotation so let’s select everything press U let’s select the key frames and let’s just move them far away now we can select these as well press U and we can like match these key frames to each other because both of these rotations are similar so if I select these press F9 now you will notice that all of these Circle will move onto these lines and we can probably like have little bit of Gap also we can select the key frames let’s go to the graph editor and and I’m going to like change it to look something like that like this now if I press play you can see we have all of these animating perfect let’s make these like back to full opacity so let’s select them plus T and let’s just make them 100 perfect now we want these circles to be like randomly placed here and there instead of like in this straight line so this we can easily fix by simply creating a null object so right click let’s add a null object and I’m I’m going to quickly change its color so let’s just make this yellow perfect now we are going to like select all of these null objects which are controlling these circles and this bigger one and let’s parent it to this null so let’s just quickly do that one by one so we have this circle and I’m going to select its null let’s parent it to this null to now I’m going to like select this circle which just this one and let’s parent it to the null two as well now let’s go to this point and we can like press R and let’s just rotate them so you can see that it will rotate this smaller Circle and the outer line as well now once you’re happy with this we can like remove their null so you can like set this to none and after that we can set this null to to none as well perfect now in the same way we can like select all the other layers so let’s pick this one which is this and we can like select it null let’s pent it to this null and let’s select its corresponding Circle which is this one and let’s parent it to the null two as well now again we can rotate it so let’s pick a point and let’s just rotate it to somewhere around here yeah I think this looks good perfect now we can again like set these two null or none and let’s set this to none as well now let’s select the other one which is this one we can like probably select this and let’s parent it null let’s select it called corresponding outer line which is this one and let’s parent it to the null as well now we can rotate it and I’m going to like place this one somewhere around here yeah I think this looks good now we can get rid of this null because the final one we I think that it’s at its good position now you will notice that its line is like starting from here but the circle is moving from here we can easily fix that by simply selecting that Circle which is this one and we can like open it up and let’s go under the transform property you can see we have this offset so we can just simply move it wherever we have this let me just quickly increase the stroke so you will not you can see that it is starting from here and we can like move its point so somewhere around here we can move it now you will notice that it will move with the circle perfect now once you’re happy with this we can set this back to one now we can animate the scales of these circles as well so for that we can select these circles and let’s just quickly preview our animations so we have these circles and then they will go away for that we can again let’s go and play around with the position so let’s go to the graph editor and let’s change it to look something like that so we have these and after that we can like have them start rotating so let’s press r or we can select these nulls let’s press R and let’s just move the key frames over here in the same way we can select these let’s press U and we can move their key frames to this point as well now you can see that all of these will like start rotating probably have this one missed and let’s just place it over here as well perfect so now all of these are moving and we can like start animating their size as well to like make them smaller now let’s press s for scale let’s add key frames now let’s press let’s select this press U and somewhere around here let’s just move their circles over here and we are going to like set the scale to zero for all of these perfect now you can see that these will disappear as they are moving around perfect this is exactly what we want so once you’re happy with this we are ready to add our text so for that you can select the text tool and let’s just type Motion Graphics again it’s completely up to you can type whatever you want let’s just place it in the middle and I’m using this moner black font it’s completely up to you you can pick whatever you want so in order to animate this let’s just quickly scale this up something like that pick a point some thing around here we are going to add for this one we are going to animate it tracking so let’s add tracking and over here we can see we have this tracking amount so let’s add a key frame and I’m going to like simply select this press CU we basically going to animate the tracking with respect to the position so in the beginning we can like set it to somewhere around here so that all of these characters are like very condensed and after that we can move to this point where we have all of these characters like move apart something like that or maybe a little bit less perfect yeah I think this looks good nice now we can select these press F9 let’s change the value and I’m going to set this to like that perfect now we don’t want to see the text in the beginning so we can like trim this out now we can rotate this with the other text as well so let’s go to this point and let’s add key frames let’s move it to this point now in the beginning we can like rotate it randomly so let’s just rotate it something like that now we can duplicate this and let’s rotate one more copy over here now let’s duplicate once again and let’s rotate one random copy over here as well now you can see we have all of these different copies and they will rotate to make something like that now if you want you can have more copies but I think three will be good for this one now you will notice one more thing that this is way too cluttery so what we are going to do is we are basically going to mask out couple of correctors from all of these layers so let me just quickly show you so let’s select the rectangle tool and I’m going to select this mask and let’s just solo this layer and on this layer we are going to like only see couple of these points so let’s add a mask for M and after that let’s just add a mask for let’s just add mask somewhere around here so let’s just keep it for this one like that so we have these two letters from here and let’s select the other layer and let’s just en enable it now let’s select the mask and for this one we can probably have let’s select the pen tool and I’m going to create a mask for this o n t like that now we have o t from here MH from this one and let’s just draw a rough mask and just simp simply enable couple of these letters so let’s just enable CS we already have I over here like that so you can see that all of these characters will like start moving and they will form this now we have two characters from this as well now let’s select this and let’s enable this one now on this one we can have gr and let’s create one over here which where we have o n now if you have like some difficulties with not seeing not able to see this then you can like simply go inside and set the mask To None now you can easily like mask out whatever characters you want so let’s mask out o n n like that now again let’s set this to add now let’s go over here you can see we have mot now we have like couple of these characters left now we can have one more layer to like reveal all of these characters which are remaining so for that we can select this press contr D to duplicate this and let’s just select this and we can probably delete these two mask or we can like simply select these masks so let’s select this one and double click and I’m going to like move it over here and let’s select this mask double click and we can like move it to this point so that only I is visible we can get rid of these points let’s just move them closer perfect now let’s select R and in the beginning I’m going to like rotate it like that now we can undo the solo so you can see we have created this sort of Animation perfect now once you’re happy with this we can select these press U let’s press R and let’s select the key frames press F9 let’s select this let’s go to the graph and let’s just change it to look something like that now if I press play you can see we have these coming in perfect now at last we want all of these circles to like move away or fade away for that we can like simply select this and let’s search for stroke let’s add a key frame now we can pick a point where we want these two disappear so let’s just add a key frame somewhere around here now let’s move something around this one and let’s just set this to zero now we can select these key frames press F9 now we can select this these key frames just copy them let’s select all of these layers and let’s search for stroke width and after that you can like just simply paste by selecting them just paste them one by one perfect now we have done everything so if I press play you can see we have this spall then it goes away and then we have all these characters coming up perfect now at last you can like have some Shadows onto this to really enhance this look so for that we can select all of these layers right click let’s pre compose let’s call this one animation just click on okay I’m going to duplicate this layer and on the bottom one we are going to apply CC radial blur let’s drag it on to this one change this to fading zoom and I’m going to set the amount to something like 25 now we have the center now you can like place it wherever you want so I’m going to like place it somewhere around here now we can select this layer press T you can see that it will have like little bit too harsh of this let’s press T opacity and we can like drop it down to something like this now if I press play you can see we have this ball and we have all the other animations already applied perfect so this is how you can create these kind of minimal Circle animations and the project files for this tutorial is available on patreon so if you’re supporting me over there then you can download it from there and if you’re not then you might consider it because you will get access to the tutorial project files and exclusive templates that are available only on patreon so with that being said my name is abishek and I’ll see you in the next one
Order your perfect logo at the best price for your business, company, or to resell:
Quick and economical Logo – Click Here.
