Lessons

Lesson Info

Animating Fireworks with the Repeater Effect

now let's create this little firework and I'm going to do it in a way where it's actually not as much work as you would think. So here's actually what the firework looks like and I just used one of these and then I used a hue and saturation effect to adjust the colors in this original one and the size so that you know, I can kind of just duplicate it and it looks better. Okay, so let's create a new comp, I'm just going to make it a square comp 1000 by 1000. And I'll call this firework too. Okay, so these are all going in the four lesson folder for you to follow along if you want. Do you remember using the repeater tool earlier? Well if you didn't let me show you how to do it. So the first thing I'm going to do is use my pen tool to create a little line. So I'm gonna turn off my fail, I'm gonna turn off my fill so click fill and choose none. And then for the stroke I'll start with 10, we'll see how that goes. I want to make sure I create this line in the very center of this composition.

So let me zoom in here really close then with the pen tool, just click once and then shift, click up and there we have our line. I think it's a little bit too big, so let me set this or too thick, something like five. And then let's just tab it over and if we zoom out. Yeah, that looks pretty good. Okay, so now when I do this and I dropped down our shape contents, click add and then click repeater. What happens is it adds these three points of our firework For this first one, I'm going to drop down the repeater and add eight points. Then I'm going to drop down our transform properties, Change our position to zero. So it's all starting from the zero point. So that's all right there and then I'm going to change the rotation and rotate it around 2 45. And if you remember from the other lesson when you're using the repeater effect and you want things to spread out like a fan perfectly around the same point Like this, you want to make sure that you created along and in the center of your composition, you change your position to zero and then you change your rotation to 360 divided by the number of copies. Right? So 360 divided by eight is 45. Now what happens is if we animate our shape one, that same animation happens to all of these other points. Let me just show you. So say I take my My transform properties for shape one and I move it out. Whoa, that is pretty cool. So let me fit this up to 100. So what's going to happen is we wanted to come out from the center and pop out like that and then fade away. So Let's set our position to zero and set a key frame and then go to 1 2nd and take our position out to say right there. So now we have this animation now we just have to fade it on and off. So Set a key frame for zero. Opacity here. We can set up opacity for 100, maybe just a couple of frames later. So comes on And then it fades off. So at the end it's going to be 100-0. So maybe here we'll set it to 100. So see that the position goes up and then the fades it fades on, stays on and then it fades off. Now we can play with the motion of the Position and the speed by adding easy ease selecting those key frames and pressing F nine and then going into the graph editor. And then when you think about a firework, how does it move? The explosion is really fast. So it goes really fast from the start and then it sort of slows down into the end motion. So let's take this last one and drag it to the left. So it ramps up and let's take this one in even further, see that it's more of an explosion like that. I like that a lot. And maybe we want our fate to be a little bit longer. So let's bring in this Like 1/2. Nice. I like that. So basically we do this and then we replicate or duplicate these things. And so first let's actually change the color of the shape one. So if we select shape one and choose like a highlighter. So the red that looks good. And if we group these so click add group, make sure this group is outside of the shape one and put shape one and repeat her within the group. And now we can just duplicate the group. So if I duplicate this group right now it's happening at the same time. So I have to shift these key frames to the right or another thing I can do first though just to see how it looks is going to the group to settings go into the repeater settings and for this one I want to have more things shoot out. So maybe I want 12. And when I change that to 12 I have to change the transform properties of the repeater. So 3 60 divided by 12 is Simple math. Simple math calculator, Simple Math. Not my cup of tea. divided by 12 is 30. Okay and then let's change the color. So if I select the shape in group two and change the color to like green, something like that. That's cool. So that's cool these come out at the same time and that actually looks pretty pretty cool all happening at once where I can rotate it Or I can rotate the group itself. So if I go into the transformed group two settings I can rotate it to make sure I see all of the green because before some of the green was hit it hiding the red. So you might want to rotate it just a little bit like, so that's pretty cool. Okay, so that's cool, but maybe I don't want to stagger it a little bit. So what I want to do is press you on my keyboard. I know that the shape one down below is the first one And this top one is the 2nd 1. So if I take these key frames from the top one and drag them to the right, I can offset just a little bit, maybe a little bit later. That's pretty cool. Okay, so let's close this down and go into our groups. Duplicate Group 2, 1 more time. Go into the repeater settings. Actually first, let's just press you and offset just a little bit more and then go back into the settings and we're going to change the color of the shape. So let's change the color to maybe like a blue light highlighter, blue kind of very saturated. And then let's go into the repeater effect. And let's do how about 24? Lots, so then 3 60 divided by would be 15. So under the repeater of settings, We want the rotation to be 15. So now that's a lot. That's pretty cool. It happens a little late. So let's drag this in. Cool. So that's pretty cool. Now you can adjust the length of this, you can repeat this, you can create more. Maybe make it a little slower. Let me take all of these key frames drag to the right, just a little bit. That was pretty cool. Maybe I want to stagger them just a little bit more. That's pretty cool. Maybe I want to add rotation to the whole thing. So if I rename this firework and then press r this is the rotation for this whole composition or this whole shape layer itself. So if I set a key frame for zero and put that at the very beginning and then I change it and drag this to after everything fades away. The whole thing rotates which is kind of cool as a little bit more to it. Cool. So now we can take these fireworks and put them in our swiss alps composition. So take firework to put it behind our cabin and then if we drag through we can see when it happens and depending on if we want it in front of the trees or not, we would actually have to dis enable the shy guy button and put this behind the trees. Maybe we wanted behind the trees. That might look a little bit better. This is the moon. Let's rename this the moon. Okay. It's a little too big though so let's scale it down and now it's in the sky like that. That's pretty cool. But we want to see it kind of fly up so see how this one, you see the little dot, it flies up. I think that's important. So what we're gonna do in our firework is actually tap this over to the right or move the whole shape layer to the right and then before this starts to explode on and we just want a little dot in the middle of this frame. So I'm just going to take our lips tool set, the fill option to white, turn off the stroke and then create a little circle and center it using the align tools. Okay, so that might be a little too small actually, you can barely even see it. So let's go in here and press scale, bring up the scale, It's coming from this anchor point. So I need to realign that's pretty good and then I want to take it off as soon as everything explodes. So right here, when things start to explode, I'm going to cut this so option right bracket and put this beneath our firework layer so it explodes and as it explodes it disappears and I might need to actually take this over to like one second. So I have more space to work with because we're going to animate the position of this, so it's flying up. So here is where it starts to explode at 1/2. So we wanted to be in the air at this point. So press P on your keyboard to bring up position. And then I'm going to go backwards to 10 and drag it down and I'm going to drag it down below our ground so it comes up and explodes. So let's play this to see how the speed is. That's pretty cool. But I want to easy ease these and ease it into the top part because again it's shooting off like a rocket, it's really fast in the beginning and then it slows down to its final spot. Boom. Yeah, that's what a firework looks like. Cool. So now we have this all animated, what I can do to quickly duplicate this is duplicated. So command d I can offset it just a little bit so drag this layer to the right and now to move it, I can't adjust the position easily because I would have to adjust both these position key frames. But I can use my anchor point for this layer pressing a to bring up anger point and dragging it to the left or right now that looks cool but I wanna, you know, just make it a little bit different so I'll drag down and also make it a little bit bigger for example. So playing with the size and the position so that's cool but it's the exact same colors so let's change up the colors. An easy way to do that is with the hue saturation effect. So if you type in hue under color correction, you have hue and saturation and I'll drag that onto firework and then drag the huge master Hugh dial to the right. Maybe I want to bring up all my colors right there, so I see them until I get something I like, maybe something like that's kind of cool, boom, boom boom, so that's pretty cool and let me just do this one more time. So I'm going to duplicate this last one I did, which already has the hue saturation filter on it, drag it to the right the layer, so it happens a little bit later, then press a to bring up our anchor point. Now let's put this behind over here. Actually, I'm gonna put this in front of the trees. Just let me dis enabled, the shy guy, put it in front of the trees, make it a little bit smaller a and bring it up higher, something like that. Boom, boom boom, Okay, let me play the extended. So I see the whole firework show that we're creating Nice and let's change the hue and saturation of this, so change the hue to something different. Nice. That is looking pretty darn cool. Now it's a little different than our original one, but that's okay, This one's a little slower. This one had, I think four explosions. 1, 234, yeah, it had four explosions for the firework, so you can see how you can quickly, quickly add that though. If I wanted to add another one in here and that would affect everything in this layer because it's all pre comped cool. So that's how we create this layer. And then the last thing we're gonna do is export this which is I'll show you in the exporting and saving section of this class. So I'm gonna take this composition that I created, the cabin one and actually export it right within that section. So go ahead and watch that lecture so that you know how to export your own video and then you can post it online and share it with us to see. Thanks so much for watching. And we'll see you in another lecture.