Skip to main content

Animating Fireworks with the Repeater Effect

Lesson 46 from: Adobe After Effects Fundamentals

Philip Ebiner

Animating Fireworks with the Repeater Effect

Lesson 46 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

46. Animating Fireworks with the Repeater Effect

Lessons

Class Trailer

Chapter 1: Introduction

1

Class Updates & My Favorite CC 2020 Updates

06:22

Chapter 2: After Effects Basics

2

Understand the After Effects Workspace

05:39
3

Starting a New Composition

08:15
4

CC 2018 Update - Starting a New Composition from Footage

01:55
5

Adding Media to Your Project and the Timeline

05:08
6

Using the Basic After Effects Tools

10:20
7

Create a Perfect Circle, Alignment, and Shape Colors

03:04
8

Working in the Timeline

10:59
9

Layer Properties

08:57
10

Quiz: After Effects Basics

Chapter 3: Animating with Keyframes

11

Animating in After Effects

07:35
12

Position, Scale, and Rotation Animations

05:17
13

Tips to Make Your Animations Look More Nautral

04:21
14

Using the Graph Editor

05:32
15

Challenge - Bouncing Ball

01:01
16

Solution - Bouncing Ball

13:00
17

Quiz: Animating with Keyframes

Chapter 4: Shapes and Solid Layers

18

Working with Solid Layers and the Ken Burns Effects

07:07
19

Working with Shape Layers, Strokes, and Paths

06:24
20

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

03:44
21

Shape Effects - Trim Path Animations, Wiggle, and Zig Zag

05:54
22

Quiz: Shapes and Solid Layers

Chapter 5: Important After Effects Skills

23

Track Matte Animations - Make Layers Appear and Disappear

08:37
24

Using Pre-Compositions to Group Layers

05:34
25

Easily Reverse Complicated Animations

02:14
26

Playing with Time

05:54
27

Blend Modes

06:05
28

Stabilize Shaky Footage

04:04
29

CC 2018 Update - Previewing and Favoriting Fonts

00:46
30

CC 2019 Update - Responsive Design Time

03:36
31

CC 2019 Content Aware Fill

03:55
32

CC 2019 Create Motion Graphic Templates

08:37
33

Quiz: Important After Effects Skills

Chapter 6: Motion Graphics Projects

34

Intro to Motion Graphics Projects

00:53
35

Clean Lower Third

09:22
36

Logo Reveal Animation Bumper

13:25
37

Colorful Transition

16:59
38

Text with Mask Path Animation

10:05
39

Text Bubble Animation

13:39
40

Weather App 1

16:41
41

Weather App 2

08:21
42

Weather App 3

06:59
43

Quiz: Motion Graphics Projects

Chapter 7: Flat Animation Challenge

44

Flat Animation Challenge

02:47
45

Phil Designs his Flat Animation Scene

01:23
46

Animating Fireworks with the Repeater Effect

15:02

Chapter 8: Flat Animation Challenge

47

Removing Green Screen Background

06:46
48

Adding a Background that Matches the Foreground

07:55
49

Adding Motion to a Still Image with the Puppet Tool

06:26
50

Adding Movement with the Ripple Effect

06:07
51

Quiz: Flat Animation Challenge

Chapter 9: Green Screen (Chromakeying)

52

Intro to 3D

10:04
53

Swinging 3D Text Animation

12:11
54

Build Out Your 3D Composition

05:47
55

Animating Our 3D Scene

07:38
56

Create Stars in After Effects

05:11
57

Quiz: Green Screen (Chromakeying)

Chapter 10: 3D Animations and the Camera Tool

58

Using the Rotoscope Tool

06:55
59

Cleaning Up Your Edges

07:21
60

Finishing Our Rotobrush Animation

07:33
61

Quiz: 3D Animations and the Camera Tool

Chapter 11: Rotoscoping

62

Easy Screen Replacement with Masks

09:56
63

Replacing a Screen Version 2

13:49
64

Screen Replacement with Mocha

07:13
65

CC 2019 Update - Native Mocha AE Plugin

05:08
66

Quiz: Rotoscoping

Chapter 12: Screen Replacements

67

Using the Puppet Pin Tool

04:33
68

Animating Your Puppet Pins

03:04
69

Animated Blinking Eyes

08:21
70

Adding Perspective with Animated Clouds

07:10
71

CC 2018 Update - Advanced Puppet Pin Tool

02:08
72

Quiz: Screen Replacements

Chapter 13: Puppet Tool Animations

73

Applying Text Animation Presets

05:59
74

Create a Page Turn Effect with CC Page Turn

10:05
75

Radial and Linear Wipes

03:20
76

Color Correction in After Effects

03:33
77

CC 2019 Update - Selective Color Adjustments

03:25
78

Quiz: Puppet Tool Animations

Chapter 14: Motion Tracking

79

Motion Tracking Basics

09:51
80

Tracking Text and Visual Effects to Video Clip

06:21
81

Tracking Rotation and Scale

11:33
82

Adding Details to Our Text

04:04
83

Quiz: Motion Tracking

Chapter 15: Character Animations

84

Intro to Character Animations

01:31
85

Design Your Character

14:32
86

Rigging Your Character

02:50
87

Animating Our Character

09:55
88

Adding the Animated Background

09:12
89

Adding Details to Character Movement

06:46
90

Adding the Paper Cut Out Look

05:29
91

Quiz: Character Animations

Chapter 16: Exporting from After Effects

92

Exporting an H264 File from After Effects

07:03
93

Exporting from After Effects with a Transparent Background

04:03
94

Exporting from After Effects through Adobe Media Encoder

04:40
95

CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder

02:14
96

Create an Animated GIF from After Effects CC 2017

07:03

Chapter 17: After Effects Workflow & Tips

97

Audio Tips for After Effects

02:19
98

Working with Premiere Pro

05:54
99

Quiz: After Effects Workflow & Tips

Chapter 18: Expressions

100

Expressions Basics

07:24
101

Animate a Flickering Light with Expressions

17:35
102

Quiz: Expressions

Chapter 19: Conclusion

103

Conclusion

00:44

Final Quiz

104

Final Quiz

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.

Class Materials

Bonus Materials with Purchase

Practice Files