Creative Looping Animation In Adobe After Effects - After Effects Tutorial - No Plugins.

[Music] hey guys welcome back to my channel AG motion designs and in today's video we are going to create this creative looping animation inside of After Effects without using any third party plugin but with the help of simple tips and tricks inside of After Effects and if you want to learn more about motion graphic and other stuff then don't forget to check out my Yi courses links are available in the description and if you're new to this channel then please consider to subscribe this Channel and also hit the Bell icon to get more updates so without wasting any time let's get [Music] [Applause] started so here we are in Adobe after effect let's create a new composition we will call it as main animation withd Is 1920 height is V fir rate is 30 second and duration is also 30 second and background color is a white color and simply hit okay then go to choose grid and guide option and simply hit on title section now I'm going to select my ellipse tool and I'm going to pick up any color over here I'm going to pick up let's say this bluish color uh a little bit somewhere around over here and by holding shift I'm going to create one U uh square like this now select this and press control Al home to align that Anor point to the center go to the Align tab align it horizontally and then align it vertically like this select this and press y on your keyboard to select pen behind tool and enable this snapping so we can adjust this Anchor Point properly over here now select this hit enter and let's call it as blue and hit okay select this hit control D to duplicate it press control alt home to align that Anchor Point properly at the center for now then hit enter and let's call it as red now over here we will change the color of this layer also into the red one so it will be easy for us to understand now select this and press s and let's make the scale 50 over here go to the fill options and we are going to choose red color over here like this select this uh let's do one thing instead of red we will choose a little bit purple color over here which is going to be mixture of purple and bluish a little bit like this okay but we can name it as a red just for our reference now zoom in a little bit uh as you guys know that we have enabled our snapping so we can simply move this over here like this so if you see we are going to get something like this now select this press y for pen behind tool and we will bring this Anchor Point over here like this now let's make this now select this red layer over here press P for position right click choose separate Dimensions we are going to select this red one and we will make it apparent with this blue one now create one key frame at y position zoom in a little bit let's go to around 1 second create another key frame and go to around 20 frames create another key frame and in middle of that which means at 25 frames we will select this and we will change the Y position over here go to the start and let's move this over here now select those key frame and hit F9 go to the graph editor select this graph by holding shift move one handle over here select this move one handle over here zoom in a little bit select this by holding shift move one handle over here and move one handle over here select this move this handle over here select this and move this handle over here okay so if you could play now we will get this kind of Animation like this now after that select this uh and make sure that it's parent with this blue one now select this blue one press R for rotation create one key frame over here or go over here somewhere around like this create one key frame uh go somewhere around 1.20 frames and let's rotate it like this then go somewhere around over 20 frame forward over here we will rotate it like this then go 10 frame forward let's make this zero now select those key frames and hit F9 to easy meet those key frames like this let's move this over here only and by holding alt I'm going to reduce the the duration over here let's move this a little bit over here now select those key frames go to the graph editor like this now initially let's select this and move this handle over here and move this handle over here like this let's select this move this handle over here and move this handle over here first of all right click and make sure that you are in edit speed gra okay like this then select this move this handle over here and move this handle over here okay now let's select this one press R for rotation create one key frame go somewhere around few frame forward and let's rotate it like this then at this point over here we will rotate it like this okay select those key frames and hit F9 go to the graph editor like this select this move this handle over here and move this handle over here like this select this move this handle sorry select this move this handle over here and this handle over here like this then at this point I'm going to select this red one and I'll press control shift d to split this layer hit U and we are going to delete all of this key frames we don't need that and now select this and let's unlink this parenting select this press control Al home to align that Anchor Point to the center press P for position create one key frame at X and one key frame at y then press R create another key frame at rotation and hit U then go to around 4 second uh let's make this rotation zero go to the Align tab align it horizontally and then align it vertically like this and middle of that we are going to select this and we'll bring the Y position of this one over here go over here and let's make this minus one okay now select this y position key frames and hit F9 go to the graph editor select this by holding shift move one handle over here move one handle over here select this move one handle over here select this and move one handle over here like this okay now select this and by holding alt I'm going to reduce the duration up to somewhere around like this okay now at this point I'm going to select this rotation key frame and hit F9 go to the graph editor select this graph by holding shift move one handle over here and move one handle over here I think this looks weird so simply hit F9 or simply hold control and click so it doesn't look very odd select this last key frame and you can hit F9 over here to just us those okay see at and at this point I'll press s create one key frame hit you go over here let's make this 100 okay select this and H F9 okay so we will get this kind of Animation now select all of them and press control shift C and let's call it as animation 01 and hit okay now after that uh at this point I'll select this animation 01 and select this and hit control D select this and uh we will move this sorry uh we will move this over here select this animation 01 press control shift d and we will delete this now we have the second composition over here but over here I want to switch this colors so for that I'll select this animation 01 comp I'll hit control D and by holding alt I'll replace this one with this one now go inside this and now over here all we need to do let's select this and hit control D to duplicate it and just move them over here now select this one with the the help of this picker I'm going to pick up this color and select this red ones by holding shift select those colors and with the help of this picker we will pick up this color and we will delete this extra we don't need that okay so if you see this animation now first I'll get this animation then I'll get this animation now let's go inside this and let's see where is this animation ending and at this point so over here this is going to be my last position so I'll hold alt and close bracket select all of them press control shift C and we will call it as main animation 01 and hit okay double click to open this hit and right click and choose stream comp to work area now go to the main animation over here right click time and choose time enable remapping this is the last key frame before that we will create one key frame and then we will delete this last key frame I'll click on this stopwatch and we will type Loop out explation over here so now we will get this animation continuously in the form of loop now we will select this and we will move this handle over here hit control D and we will adjust it like this so press P for positions select this let's make this 200 and let's make this 400 or let's say 450 okay so basically we need to add 250 in each and everyone so hit contr D press P select this and let's add 250 in each and everyone so WR control D again add 250 h control D PR P at 250 okay now select all of them and try to adjust them over here okay now we need a distance of 15 to 20 frames for each so I adjust it properly now select all of them hold alt open Square bracket to trim this go to the start and let's move this over here like this okay now see by holding alt I'm going to not alt but by holding control I'm going to select this alternate layers and press s unlink this and I'm going to make this minus 100 on y AIS okay select this hit you and as you guys can see my last key frame is over here so I'll hit n over here because this animation is going to be continuously in the form of loop at this point okay and you can simply go inside this animation one select all of them and enable their motion blur also to enable the motion BL now press control y to create one solid background and we will bring this over here like this now over here what another thing you can do you can simply select all of them and press control shift C and let's call it as one over here select this hit control D to duplicate it and let's uh uh unhide this hide this now select this and press P4 position create one key frame uh and as you guys know that this animation is ending at this point we will select this one and by holding shift we will move this out of this composition and then we will enable this layer and we will select this and we will make it apparent with this first one okay so if I see this now as you guys can see we are getting this animation continuously in the form of loop like this okay so this is how you can create this kind of animation and if you you find the glitch off over here is because of motion blur so if you want then proper settle animation then you have to disable this motion blood so now your animation will be something like this and if you don't want this reverse thing over here then you can simply keep it as it is like press s and instead of that you can simply type 100 only like this okay so this is also one thing that you can do over here so this is how you can create this kind of looping animation inside of After Effects [Music]

Channel: AG MOTION DESIGNS

Views: 1,789

Keywords: adobe after effects, after effects, after effects tutorial, after effects animation, after effects looping animation, looping animation after effects, adobe after effects tutorial, after effects animation tutorial, after effects background animation, after effects tutorial logo animation, after effects motion graphics, after effects looping, after effects logo animation, after effects loop, after effects workflow, how to after effects, infinite zoom after effects

Id: qfc8s7YJ55E

Length: 14min 21sec (861 seconds)

Published: Tue Apr 16 2024