Looping Animated Backgrounds in After Effects | Abhishek Dubey | Skillshare

Looping Animated Backgrounds in After Effects

Abhishek Dubey, Motion Designer

Looping Animated Backgrounds in After Effects

Abhishek Dubey, Motion Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (50m)
    • 1. Intro

      0:50
    • 2. Getting Started

      3:51
    • 3. Simple Animated Backgrounds

      7:39
    • 4. Looping Animation

      3:14
    • 5. Adding Secondary Animation

      3:02
    • 6. Complex Animated Backgrounds

      9:03
    • 7. Complex Animation Examples

      3:45
    • 8. Advance Backgrounds

      2:51
    • 9. Gradient Animated Backgrounds

      13:14
    • 10. Tips for Gradient Backgrounds

      1:45
    • 11. Remarks

      1:10
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

109

Students

--

Projects

About This Class

638880cb

In this class, I will teach you how to create Looping Animated Backgrounds in After Effects. You will learn how to create a Base Animation from scratch, creating Patterns using Base Animation, Looping Techniques to create a Perfect Loop. We will be creating 3 different types of backgrounds Simple, Complex, Gradient Backgrounds.

What You Will Learn?

  • Creating a Base Animation from Scratch
  • Effects to Create Patterns
  • Looping Techniques to create a perfect loop
  • Tips and Tricks for Creating Your Own Backgrounds
  • Create Simple Backgrounds
  • Create Complex Backgrounds
  • Working with Gradient Backgrounds
  • and much more...

Smart Workflow: You will learn the workflow for creating an animated background using which you can create completely new animations by doing minimal changes to the base animation.

Project Files: You can download the project file of the course under the "Projects & Resources" tab.

Meet Your Teacher

Teacher Profile Image

Abhishek Dubey

Motion Designer

Teacher

Hello, I'm Abhishek and I'm a Motion Designer from India. I love animating things and working on creative projects to brush up my skills and to learn something new. I love sharing my work and knowledge with others so here I am on Skillshare to teach what I know and to learn more.

plus to earn money to buy Pizza!

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Intro: Hi, my name is Abby shake and welcome to my course. And this course I will teach you how to create looping animated backgrounds in After Effects. So as emotion designer or a content create a wonderful job is to take static or boring scenes and turn them into something attractive. And this is exactly where this course comes in handy. So in this course you will learn how to create simple, complex, or even more complex backgrounds. All these using really simple and easy techniques. We will cover topics such as creating base animation, using effects to create patrons and techniques to create perfect any metric loops. Not only this, I will also share some tips and tricks that will help you out in creating your own animations very easily. So this course is for everyone from bigness who are just getting started and to people who already know how to use After Effects. So without wasting any further do, I'll see you in the class. 2. Getting Started: All right, so right now I'm an After Effects and before I start creating any animation, here are a few things that will help you out throughout this course. So the first thing is that I'm using a Windows PC. And in case you are using a Mac, then you have to make sure of these two keys. So if I say press Control key, that means you have to press command key on Mac. And if I say press Alt, that means you have to press Option key on Mac. So the shortcut Control plus d on Windows becomes Command Plus D on Mac. And the Shortcut alt plus g on Windows becomes option plus z on Mac. So just make sure up these two keys. Now the second thing is if I select the shape tool and if I draw any shape here, you can see that it's anchor point automatically moves to the center. Now if we want to do this setting, you have to go to edit. And under preferences, you can see vf is general option. And under that you make sure that this option is tech fits a center anchor point in new shape layer and use might be injects. So make sure to check it and just click on OK. Now this first introduce in After Effects EC version 2018 onwards. So if you're not able to see this, then don't forget, you can still do this manually. So let me show you how. So you can see I have this Shape Layer and let's suppose it's anchor point was somewhere around here. And now you want to center this into this shape layer. So all you have to do is just hold down the Control key. And if you're using Mac, then you have to press the command key and just simply double click on this icon and it will say enter the anchor point. So the next thing is that you can see I have different panels in my layout. And if they're not able to find any particular panel in your after-effects, then you can enable it. So for example, if you are not able to see the Align panel, then you can enable it by simply going to Windows. And from here you can check this Align panel. So here are a few basic shortcuts that I will be using throughout this course. So if you have any layer, you can select it. And if you want to open up its position, scaled rotation or opacity property, you can simply press the keys. So p is for position as his full-scale are for rotation and T4 opacity. Now you can add a keyframe by simply clicking on this top posts. And you can just animate it by moving the cursor and does add another key frame like this. Now, if you want to show multiple properties, you can simply select the layer. And if I hold down the Shift key, I can press B. If I want to add position. I can also press S If I want to reveal scale as well. And in the same way, I can press R to open up the rotation property at the same times. Now, I can add keyframes to multiple properties. And if you have a layer, you want to see all the keyframe just selected. And you can best you on your keyboard. And it will keep all the properties which have keyframes enable just like this. Now the next shortcut is duplicating the layer. So you can do that by pressing Control T or Command D on Mac. If a selector layer, you can pest control D and it will duplicate a layer. Alternatively, you can select the layer you can go to Edit, and from here you can choose the duplicate. It is the shortcut. So the next shortcut is if I select a layer and press control shift T, you can see that it splits the layer. So it will split wherever you have your timeline cursor. And you can just move it somewhere else and press control shift T, and it will split philia. Now you can also trim the layer. So if I move it somewhere around here, and if I select the layer, I can hold down the ALT key and then press the left square bracket. And here you can see it trims the layer. And if I press the All right square bracket, it trims the layer from the right side. So these are the few shortcuts that will help you out throughout this course. And now let's start creating some animation. 3. Simple Animated Backgrounds: So first we're going to create a simple animated background. And for that, let's create a new composition. So go to the composition and let's create a new column. Let's call this base animation one. And for width and height, let's set it to 1920 by 1080 frame rate, you can select whatever you want. I'm going to select 30 FPS and duration. Let's set it to five seconds. Just click on OK. So now I'm going to add a shape. So for that, let's select the shape tool. And if you click and hold, you can see we have different shaped tools. And for this one I'm going to select the polygon tool. So once you have selected your shaped tool, you can simply click anywhere you want. And if you click and drag and you can see it starts creating our shape. And if you hold on the shift key, you can see that it snaps one of the edges. So you can just scale it in proper proportions. And if I let it go here, you can see we have this shape. Now, as you can see that I have created a triangle. So use might be a square or a pentagon. Don't fully, we can fix that by simply going under the properties. So over here we have polystyrene properties. And if I go into polystyrene path, you can see we have the number of points. So if I set this to something like five, Hagen CV have a pentagon, and if I said this to four, we have a square. And for this one, I'm going to set it to three for a triangle. Although you can see that it's anchor point is in the center and in case uses ten, you can simply select the layer, hold down the Control key or command key on Mac, there's simply double-click on this pan anchor tool and it will move it into the center. So now let's tweak our shape. And if I go under transform properties and from Hey, we can see if you had the scale option. So I can just scale it down. So you can scale it however you want. So let's scale it to something like this. So this is looking good. So you can select it and just move it somewhere around here. And as you can see that it's anchor point is not in the center. So again, we can select the layer, hold down the Control key, double-click on this, and it will make it in the center. Now let's add a repeater to this. So if I just simply collapsed this and from this ad option, you can simply click and add a repeater. And as you can see that it starts creating a repeated copies of Shape layer. So if I go under repeater property and you can see we have the copies option. Right now. It's set to three. So we have three copies and we can set it to something like 25. And you can see that it creates 25 copies are shaped layer and which extends to a certain distance like this. And here we have the upset option. Right now you can see that our main cheap layer is this very first triangle. So if I offset it and set it to something like negative ten. So now you can see that our main shapely it has moved and now it is at number ten in this line. And you can change the offset value and it will change the position of your main Shape layer. So for this one, let's set it to ten. Also, if you go under transform for repeater, here you can see we have few properties. So for this one we're going to play with the position. So if I increase this position value along the x value. So you can see that the distance between these Shape layer is increasing. So you can set whatever distance you want. And for this one I'm going to set this to 150. Now remember this value, whatever you type here, just remember this because we are going to use it later on. So if I close distributor, Now I'm going to add another repeater. And for this one, I'm going to set the copies to 25 aswell and same with the offset. Let's set it to negative ten. And here you can see that now we have multiple copies. So we are going to change the towns from properties. So under that, we can set the position or x value to 0. And for the y-value, let's set this to 150. So the same value that you set in the repeater one. So now you can see we have this crit patron, and you can see that it has extended to the whole composition size, but just looking good. Now let's animate this shape layer. So if I select the shape and press B on the keyboard for position, I can just simply 0 the position values. And you can see that we have moved our Shape layer to the very starting on the top corner. And let's add a keyframe for the position. And we can move the timeline cursor to somewhere around two seconds. And if you remember the value which was 150, which we added in the repeater, we are going to add the same value overhead. So e to the x value lets us set to 250. And now if I play back here, you can see that we have this animation. But as you can see that it stops after two seconds. But don't worry, we are going to add it into a perfect loop. So we can just simply select this endpoint and just move it til two seconds. And now it will only play this region. So if I play the animation here, you can see that we have created a perfect loop and it is animating. So in the same way if you want the shape to move into some other direction. So what if we wanted the animation to go to the left side? So I can set this value to negative 150. So select this. And now if I play back here, you can see that the same animation is going to the opposite side. And what if you wanted this to go up? So we can just simply go to the last keyframe. And let's set the x value to 0. For this one, we're going to change the y-value. So an alert set this to 150. And remember we are changing the position to the exact value that we entered in distributor position value. So if you added something like 200, you have took place 200 overhead. Now if I play back here, you can see that now the animation is going downward and you can add negative 150 if you want it to go up. Just like this. And you might have noticed that overhead we have half triangle and on this side we have completely blank area. We're just not looking good. So we can fix that by simply going to the first keyframe. And remember we haven't added any animation to the X value. So I can just set it to something like 50 so that it moves to somewhere around here. And I can go to the last keyframe and set the x value 250 as well. So it will offset the whole animation like this. And here you can see that we have fixed our animation and now it is looking much better. And if we want this animation to move diagonally, you can add an emission to both the x and y. Let's set this value to 150. And in the beginning you can see both the keyframe values as CDO and at two seconds, the x and values are one hundred fifty and one hundred fifty. So if I play back here, you can see we have added some diagonal moment, do our animation. So this is completely up to you. You can change its direction and move its value to whatever you want and it will start animating. So I'm going to change it to move only in the x value. So I am going to set this to 0 and knowledge APs and emitting only in the x value. So once you are happy we do animation. You can simply click over here and just simply that click and you can click on trim calm to work area. So it will make the composition duration to exactly what you want. And now we're pretty much done with the animation part. So next step is to loop this animation. 4. Looping Animation: So now we're done with the pace and emission. And let's see how we can create infinite loop with this. So for that, let's create a new composition and let's call this animation one. All the things will remain same and let's just change the duration to something like thirty-seconds. Just click on OK. Now I'm going to drag our base animation to this composition. So our next step is to loop it out so that we can use it in our projects. So there are two ways in which you can loop this animation. And I'm going to teach you both the methods. Only under one condition will have to promise me that you will use only the second method. Do you promise me? Okay. Who said no? Ok. Just kidding. So there are two ways. So the first way is you can simply select the layer. And if I press control D to duplicate it or Command D on Mac, I can simply move this layer. And if I go to the very end, I can just simply snap it to the point. And now if I play back here, you can see that we have created the loop, but it is only going to four seconds. So I can just simply duplicate it again and move it to the end. And if I play back here, we can see I've created a 6 second long animation. So you can again select all the layers and just simply move it just like this. And you can just keep on doing it and a half hours later. So the problem with this method is that if you wanted to your loop to go for ten minutes or ten hours, ten days, or maybe ten years. So you cannot simply just duplicate it and this repeat this step on and on. So there is a better way, which is the method to delete all the other list. And I can select the pace animation. If I right-click, I can go under time. And here we have the option for time remapping if I click on it. And from here you can see we have the time remap option. So all you have to do is just hold on the Alt key and you can click on the stopwatch. And from here you can type this expression and just type exactly how I'm typing. And after that, just simply click anywhere you want. And now you can extend its endpoint and you can just extended to wherever you want. And if I play back here, you can see if we have this infinite loop and it will keep on going to whatever duration you want. So if you want just 22 seconds, you can just trim it to there and it will go till 202 seconds. In the same way, you can extend it to whatever duration you want. So this is a much better way and you have to promise me that you will use this because it makes your timeline look very tidy, because you don't want to like 15 layers just for the simple animation. You can do that same book and simply a one layer, just like this. Now, there is one small problem. So if I select this and plus you, it will give all the keyframes. And if I go to the second keyframe and if I play back here, you can see that we have this blank frame over here and which is causing this problem, and it will cause a Flickr. So you can fix that by simply trimming this comp like this, and just simply move it to somewhere like this. And you can see now we have fixed that problem and this slope will go on forever. 5. Adding Secondary Animation: So we can also add some secondary motion to a base animation. And let me show you what I mean. So if I go to the base animation and here you can see we have our triangles. And remember I told you to add the shape using the polygon tool. And here is the fun part. So if I go into the Shape Layer and under content, if I go Paulista, apart from here, I can change the points to whatever I want. So if I set it to something like for a, you can see now shapes have changed. So if I go to the main animation here you can see v have the same animation, put differentiate. So if we want to change it to circle, you can just simply set its value to something really high, something like this. So now we have these circles. So you can also, if you want, you can change its scale. If you think that these are looking like really big. So you can just simply change its value to something like this. So now we have this animated.com. So in the same way, you can also add some secondary motion. So if I set this value to four so that we have these squares, and I can also animate its rotation just like this. So if I set a keyframe over here for rotation, and now I can move to the very end and I can change the rotation value. So to change this value, just simply divide 360 by the number of points. So we have four points in this square, so I can divide it by four and it will give you 90. So if you have a triangle, you can divide 360 by three. And same goes for other shapes. So if I play back here, you can see we have added some rotation to our animation. And you can just simply select the key for him and move it to the very end. Just like this so that it will result in a perfect loop like this. Now if I go back here, you can see we have the same animation, but with different shape, and we have also added some second-day animation. Now what if you wanted to change the values? So if I select the layer and press you, it will give all the keyframes. Now you can see that I cannot go to the variant. So you can just simply select the keyframes and just move it over here. And you can change the values to whatever you want. Just like this. And just simply select the keyframes and then move it to the very end, just like this. And now you have chained to animation. So this is how you can add some secondary animation to your keyframes as well. You can also add some colors to it. So let me just quickly create a new solid. And you can set its color to whatever you want. Let's set it to something like this and just place it below the animation layer and select the animation. And you can search for fill effect to simply drag it onto this layer and just simply select a different color, something like this. So if I play back here, you can see we have added some colors to animation. So this is how you can create some simple animated bedrooms. 6. Complex Animated Backgrounds: Now we're going to create some complex spectrum animation. And the technique that I'm going to show you is very easy and yet very powerful. With a little tweak, you can completely change the look of your background and you can create a new background with just a few clicks. So let's begin. First of all, I'm going to create a new composition. So again, mu2 composition, new calm. And I'm going to call this base animation dope. For this one, we are going to set the width and height to 500 by 500. And all the things will remain same that set the duration to something like five seconds and just click on OK. So here we have our square composition. Now I am going to add a shape layer. So for that I'm going to use the polygon tool once again. Because later on you can change the number of points and you can create a new shape without having to animate it. Now just click anywhere in your composition. And if you hold down the control and shift key, you can see that it will snap it into the center. And just like that in this alignment, in the center of this composition. And for this one, I'm going to change the number of points to four since we want the square, something like this. And if I go to rotation, I can rotate it by a 45-degree so that we have a square of this kind. And once again, I'm going to center it and compound. So select the layer, hold down the Control key and double-click on this panning k2. Now I'm going to align it into the center of this calm, just like that. So if I select this layer, I don't want the fill inside the layer. So if you select the layer and you can just simply click on this fill. And from here you can set it to None. Just click on OK. Now I want this stroke around this outline so you can just simply increase this value. Let's go with something like 30. And again, make sure that it is in the center. So you can select it and you can press on the keyboard to scale it down or scaled up however you want it. We're going to do it later. So first of all, I'm going to add some animation to this. So the first animation that I am going to use, if I go under the properties and I can add a drum part. And if I lower down the trim path here you can see we have two options, start and end. So using them, I can animate the outline of this square. And let's start from 0. And I will add a keyframe to both these parameters. And I'm going to move my cursor to something like three seconds is like this. And I'm going to set the end frame to 100. And in the same way, I'm going to set the start value also to 100. Now, if I play back here, you can see that we cannot see our animation because both the keyframes are at the same place. So we need to displace them. So in order to do that, we can select the keyframe and just move it to somewhere around 1 second, like this. And for this one, the bottom one weekend, just select it and just move it around two seconds. So you can see that these keyframes start from 0 and go to a 100. And this one starts from 0, from here, and it goes to 100. So if I play back here, you can see we had this sort of animation, which is looking nice. So now let's add some ease into this line. So in order to do that, you can select the key. So just simply drag and select all the key frames. And now you can press F9 on your keyboard. Or you can just simply right-click assistant, easy, easy. And if you click over this weekend, you can go into the graph editor. Now your graph might be looking different, so make sure you click over here and you are in the Edit speed graph. Once you have, you are in that it speed graph, you can select the keyframes and just tweak them so that your graph looks something like this. Now select the other end and just make sure your graph looks something like this. And now if I play back here, you can see that we had this sort of animation and we have added some really nice easing to it. So if I go back and I can add some more animation to this. So for example, I can add some rotation to this. So let's select this plus R on the keyboard for rotation. And let's say at a keyframe. And again, we're going to move it to three seconds because the Iraqi friends are also at three seconds. So for this one I'm going to set its value to 90. And now if I play back, you can see we have this sort of animation. But you might notice that the edges are going outside this area. So we have to scale it down a little bit, something like this. Again, if you want, you can play around with this stroke. You can lower it down or make it thick however you want. One. We are going to stick with 30. So we're pretty much done with our animation. And I can just simply again, both the end point over here. And I can right click and click on trim calm to work area so that we have this sort of animation. Now, I'm going to create another composition. So go to composition new com. Let's call this one animation two. And for this one, we're going to set the width and height to 1920 by 1080. And all the things will remain same. You can just increase the duration. Let's again go to 30 seconds and just click on OK. So once you are inside the animation, we can just drag our base animation. So if I play back here, you can see we have this animation. Now we are going to add some effects to it so that it will cover the whole screen. So under the effects panel, just search for CSI reptile and just drag it onto your base animation. And from here we're going to expand these properties so you can expand it to the right side. So lets us set its value to three thousand, three thousand and set it to two thousand, two thousand. Just make sure that these values are high enough so that the entire screen is covered with your object. Now you might notice that this is quite large, so we can select the layer and S, S on the keyboard. And you can just simply scale it down. If you scale it down too much, you might notice that these are like really short, so you will have to extend them like this. But for this one we're going to just make them something around 38 or maybe 40. Just like this. So now if I play back here, you can see we already have some repeating animation, which is really nice. And if you want, you can go with this. But now I'm going to show you how you can tweak it more. So once again, before I proceed, I am going to this animated infinitely. So I can just select the layer and track it could to time remapping, enabled time remapping. And once again, I'm going to hold on the Alt key. Or if you're on Mac, you can hold down the option key and just simply click on this top pots. So now you can again type this expression, low-power brackets and effect click. Now I can simply drag this so that I can extend it to the endpoint. Once again, you might notice that for this one we might not be seeing the gap because we already have a blank frame over there. So we're not going to take any chances are simply drag it over here. And this extended again. So now we have this sort of animation. So now let's tweak and see how we can make it more complex. So over here you can see we have this option called tiling. Now this is a very powerful option and it gives you a bunch of different presets which you can choose from. So if I simply click on this, and now if I play back here, you can see we already have a different looking animation. And all we did for just change this property. And I can simply change it to flip vertical. And again, we have different look. So in the same way you can click and you can have different type of animations. So you can see we are getting different looks and different animated backgrounds by simply selecting these properties. So you can choose random if you want, something like this. So for this one week are probably going to stick with the unfold. Just like this. 7. Complex Animation Examples: Now I'm going to show you a couple of examples that you can create using this same technique. So if I go back to our base animation and here you can see we have our square. So remember we use the polygon tool. So I can simply select the layer and go under the Holocaust star path and change the number of points to, let's say three. If I want a triangle, and again, I can select this press R on the keyboard because we need to change the rotation. So let's move this keyframe back. And we're going to again, divided 360 by the number of points we have. So for this one we have 3. So I will divide it by three and it will give us a value. And now if I play back here, you can see we have the same animation but with a triangle. So if I go back here, you can see we have created different animation by simply changing the number of points. In the same way you can animate end, create, initiate. Let's see another example. So if I hide this layer by pressing this eye icon, Let's create a star so you can go to the shape tool. And from here let's select startled. Again, just click anywhere you want. And from here to simply hold on the shift and control key and simply create a star. Now, you can go and build the Paulista properties. And under polyp stop path from where we can change the inner and outer radius. So I'm going to increase the inner radius, something like this. Now let us quickly place this in the center of this composition using the aligned penalty. And if you're not able to say this, again, go to Windows and from a, just enable it. Let's select the layer and we can press a on the keyboard to show the anchor point. And let's set this value to 00 as well. So now we have the anchor point in the center. Again, I'm going to align it just like this. So for this one we are going to add some simple animation. So we are going to add a scale animation so I can press on the keyboard. And let's add a keyframe and change its scale where 0. And from pair again, go back and let's go to somewhere around three seconds. And I can just simply scale it up and make sure that it goes off the screen completely, something like this. Once again, select the keyframe and just move it to the variant like this. So if I play back here, we had this sort of animation. So if I select the layer plus R on the keyboard, I can add a keyframe for rotation. And if I move back into the timeline somewhere around here, I can just simply set it to 360. And the number of points over here are five. Just like this. And simply move it one frame ahead. And if we play it back, you will notice that the animation is little bit off. So just make sure that it's anchor point is in the center. So you can select the layer, hold down the Control key, just double-click it. Now it's in the center. So again, once again, we can align it just like this. And now if I play it back, you can see we had this perfect animation. So if I go back to the animation two, and now you can see we have created this sort of animation and which is completely different from what we have created earlier. So you can see how powerful this method is. Once again, you can select different values and you can get different results, something like this. And it will give you different results for these properties. In the same way, you can create any, any emission inside the base calm and it will give you a different result. 8. Advance Backgrounds: Now I'm going to show you how to create more complex animation. So you might have seen how powerful this method is. And if you're still underestimating this, then let me show you this example. So if I just hide this layer and I can select the Pen tool. And you will notice that how easily you can create a complex animation. So I selected a Pinto. Now what I'm going to do is just simply click anywhere. Let me just quickly zoom out so you can zoom out from here and just click anywhere and just start creating some random shape. Just like this. And you can see we had this random shape and make sure some of the points are outside the edge of the composition, just like this. If I select this layer plus R on the keyboard, and let's add a keyframe for rotation. And I can again go back to the very end. And for this one we are going to set this to 360 degree. And let me show you why. Once again, I'm going to move this to the very end. So you will notice one thing that whatever animation via creating, we are making sure that the base animation has the first frame and the last frame, which is same. So if you do that, you can easily create a perfect loop. So again, I can select it and just make sure it's in the center, something like this. And if we wanted to make the points, you can just simply select the Pen tool, make sure it's the layer has selected. You can select whatever point you want. And you can select multiple points by holding down the Shift key. And you can just move them by using the arrow keys however you want. So we have this sort of animation. So let me just quickly select this edge and just move a little bit up, something like this. Maybe tweak it like this. And now if I go back, so if I play back here, you can see we had this animation and which is looking like really complex. And if you show this to someone, they might be thinking how you created this, which is looking very complex, but deep down, you know that it is a very simple technique. You just simply add the shape, they're just animated it and using the power of CCA reptile replicated. So again, you can change these values and you can get completely different looks just like this. And this is completely up to you how you want to use. And for this one, let's go with the unfolded. And once again, if you want, you can just simply come here and you can just simply click like this. And once again, if I go back now you can see you have completely different animation. How powerful this animation technique is. You can just simply judge it from here. So this is how you can create more complex animation. 9. Gradient Animated Backgrounds: Now we're going to create some gradient and immediate background. So to do that, just simply go to composition. Let's create a new column and let's call this base animation three. For this one, width and height will be 1920 by 1080. Frame rate 30th base and duration. Let's set it to ten seconds. Just click on OK. For this one, let's create a new solid. So you can just simply right-click, go to layer, new solid, or you can go to layer. And under new, you can click on solid. So you can choose whatever color you want. It does not matter. You simply click on OK. If you want, you can select the layer and you can just simply press return or enter on your keyboard and you can just rename it to Vg for background. Now we're going to add some effects to this. So first of all, we're going to add some colors. So there are two ways to add colors to this. So if you want more colors, you can add a four color gradient. And if we just search for, for calibrating, you can see you can have four colors. And if you don't want these many colors, you can just simply search for a Gradient Ramp and just supply this so that you will have only two colors. But for this one we're going to choose four colors. So let me just quickly delete this and I'm going to quickly select some colors. That looks nice. So I'm going to select something like this. And let's just make it white, something like this. So this is looking good. Now we're going to add another effect called fractal noise. Just searched for fractal noise. And you can just simply drag it onto this. So it will give you some these kinds of clouds. And we're going to tweak these properties. So first of all, we are going to change the contrast, so we're going to make it fit contrast a, something like this. And I'm going to lower down its brightness, something like this. And for this one we are going to change the transform properties. And from here we can increase the scale. But for that, we are going to first uncheck this box so that we can increase the scale along the x and y-axes, which gives us more control. So for this one, we are going to set this x value to quite large, something like this, and the height value to something like this. And you will notice that the value only goes to 600. And if you want to increase it beyond that, you can simply type whatever value you want. So let's go with this 1200. And from here you can see we had this complexity parameter. So it will define the complexity of your animation or these edges. So you can just simply lower it down to one so that we have this kind of look. And now we are going to conduct the options. And from here you can see we have the blending mode. So if I set this to overlay, you can see we are able to see our colors. And now we can animate it by simply using these two properties, evolution and offset turbulent. So if I animate the evolution, you can see we have these elements moving. So let's quickly animated and let's add a keyframe. So you can do that by simply clicking on this stopwatch key. And if you press you on the keyboard, it will give you a keyframe. Now you can move your cursor and just simply add another key frame. But for this one we're going to choose expression. So if I just simply remove all the keyframes. I can hold down the Alt or Option key on Mac and just simply click on this stopwatch. It will give you option where you can add some expression. So now you can type this expression times 500. And if I play back here, you can see now we don't need any keyframes and our animation will keep on going until the length of this layer. But you might notice that this is quite fast, so you can just simply go down at speed by simply changing this value. So if I set this to 200. So now you can see we had this sort of animation, which is looking good. Now let's add more animation to this. So for the other part, we are going to add some offset to this. So for this one we're going to use key frames. So if I add a keyframe by clicking on this top watch, I can select the layer, press you on the keyboard to get the keyframe. And I can just simply move to somewhere around eight seconds. And you can just simply move it to x direction or you can move it in the y direction wherever you want. For this one, we're going to move it in the y direction, something like this. So now if I play back here, you can see that we had this animation and it is going downwards as well, which is exactly what we want. So I'm going to add another effect which is called dwell. And if I just simply drag it onto this layer, and you will notice that this effect will really sell out the animation. And if I just simply increase the tool valley, you can see V I getting this really nice look, and I can just simply increase its value, something like this. But you might notice that we have this problem of black edges. So in order to fix that, you can select the layer, press S on the keyboard, and you will have to scale it up. Scale it up so that you are not able to see those things. And if you're not able to see the edge of your solid, you can just simply click over here and it will make the edges visible just like this. So now you can see we had this sort of look, but you might notice that the colors are like really far. So if I select this layer, I can go back to the created. If I click over here, you can see that these endpoints, which represents a color, like really far. So you can just simply select them and just move them to these edges. Something like this. So now you can see colors popping back again in the scene. So we had this kind of look. Now we can also add some an emission to the rotation. So I can select the layer, press R on the keyboard, and let's add a keyframe over here. And I can move to something like eight seconds and just rotate it, something like this. And again, if you are able to see the black edges, for example, over here, you can see we are getting these black edges. So you can just simply scale it little bit more. Something like this. You are not able to see those edges. And now we have this sort of animation. We can now probably add more rotation to this. And let me just quickly set it to something like this. So now we have more rotation to this animation. So this is looking good. And this is how you can create this sort of animation. And if you want, you can tweak these parameters. If you want to have different looks, you can just simply go over here. And if I increase the complexity, NCBI reading more colors to this. And one more thing, you will notice that I'm working in a 16-bit channel. If you click on this, you can switch between 8-bit center. And you can also switch between 32-bit Center. But this will do it will give more color values, so you will have nicer look. And it will give more colors to your scene. So I'm going to select 32-bit. So now you can see we had this sort of animation. And if I increase the complexity, you can see via getting these really nice textures. And now you can see we have this completely different look. So you can go with this one if you want. And you can also go under the option and you can just simply tweak it and just add more tools to this. So if I play back here, you can see we had this sort of animation. And you will notice one thing that this is not a perfect look right now. So we are going to make it into a perfect loop. And we're going to probably trim this column. So just move to the very end and just move the endpoint. We're going to also press the Enter key on your keyboard. So wherever your cursor is, you can press on the keyboard and it will move the edge to the time when cursor. So just like that, Right-click trim, calm to work area. So we have this animation. Now let's quickly create a infinite loop. So I am going to create another composition. And for this one I'm going to call this loop. Now creating loop for this one is little bit complex. So it is not that simple. So let's set this to 30 and just click on OK. So in this one I'm going to drag my base animation. Now if you remember, I said in order to create a perfect loop, you need the last and the first frame to be exactly the same. So this is our very first frame. And if you click on this icon, it will take a snapshot of the frame, which you can view later. So if I go to the very end, and we are right now at the very last frame. If you click on this, you can switch between the snapshot frame and new current frame. So you can see that both the frames are really different, so we need to fix that. So in order to do that, I'm going to simply select the layer, then press control plus D to duplicate it. And I'm going to zoom in. And for this one I'm going to go to 1 second and make sure you have this layer selected. Now you can add a marker by simply pressing the aesthetic or Starkey on your keyboard. Just like this, and it will lead a marker. So I'm going to do the same thing to the last 1 second. So I'm going to again add a marker just like that. So for this one, I'm going to select the base composition and I'm going to trim it to this n length. And let's just simply move this to the very end. And I'm going to mess the end point to this marker. So these are aligning in a perfect straight line, just like this. And now I'm going to simply add animation to the opacity of this. So if I add a keyframe and I can set the value to 0. And if I move back and simply go to the very last keyframe, I can just simply change its value to 100. So now if I just simply trim this because we do not need that, and I can just simply trim it like this. And now if I again, go back to the first keyframe and take a snapshot. And if I go back to the last key frame, and if I click over here, you can see we have created a perfect loop. So the last key frame, last frame and the first frame both are same. So this is exactly what we want. So I can just simply trim it because we will have to same key frames at the beginning, at the end. So now I'm going to just move it over here. And I can go into the very end. And I can just simply press Enter on the keyboard and just trim the calm. So now if I play back here, you can see if we have created a perfect loop and it will keep on going. Just like this. So if you want, you can again create another composition, and let's call this animation three. And again, we can do the same thing that we did with the earlier example. Just right-click time, enabled time remapping and hold on the altar Option key. Just type this expression and click anywhere you can extend the end and I'll just move it like this. And now you can see we have a perfect infinite loops. So you can just simply ingredients to rotation by moving the endpoint. Just like this. Now if we want to tweak this, you can go back and from here, you can add more colors. You can change them. So if you want to have different colors, you can just simply tweak them. And just like this. So this is completely up to you, however you want to tweak you animation. Something like this. And if you want to change some parameters, you can probably decrease the complexity or increase it however you want. So lets us decrease it to something like three. And you can probably play around with the angle. You can just make it more intense as something like this. And now if I play back, you can see we have this sort of animation. And this is how you can create animated creatine backgrounds. 10. Tips for Gradient Backgrounds: Now if you want, you can tweak this more by simply adding another effect called turbulent displacement. So you can just search for turbulent displays. And if you drag it on top of it, you can see that we have these like swirly edges. And if you pay back here, you can see we have created different look. So this was before and this is after. So you can go with this look as well. And if you want, you can play around with these values. You can add more swirls just like that. And now you have this sort of animation. And if you are seeing black edges, you can just simply select it and scale it up like this. And again, tweak out all these parameters however you want. You can add more complexity. You can add less twirls, something like this. Just like that. And this is completely up to however you want to use. And there is another good thing, which is the size. If increase it. You can see you can create some really complex looking veterans just like this. And this is completely up to you however you want to tweak. And you can probably go back and change the colors. And if you don't want these many colors, you can just simply search for a Gradient Ramp and just drag it over here. And now you can see we have only two colors, then just change them to whatever you want. Just like this. So this is how you can tweak your animations and create some really interesting animated backgrounds. 11. Remarks: All right, so we're done with this course and I hope you learn something. And now you are pretty confident in creating some animated backgrounds on your own. So before I end this course, here is a quick recap of what you have learned in this. So in order to create a perfect loop animated background, you need three things. So first is the base animation. It is the very basic unit of your animated background. And using it you can create some more complex animations. Second thing is creating a patron. So in this course we use two methods. First, St. Peter, we use the repeater to repeater certain shape layer across the whole screen and created great sort of patron. The second thing we used is DCC. They're parallel effect, which gives more control on how we organize our pattern around the base shape. And the third thing is looping your animation. So we use the time remap option and using the expression, we just simply Loop the entire animation so that we can loop it infinitely and use it wherever you want. So using these three basic techniques, you can create more complex background. And I would love to see what you guys create using these three methods. So I hope you learned something from this course. And with that being said, this is Abishek and I'll see you in the next one.