Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In this course, author Dermot O' Connor introduces a variety of real-world issues that animators commonly encounter and offers practical solutions to them in Flash. The course covers how to apply gradients to create subtle texture and light characters, reducing the flat look of most cartoons; how to simulate natural phenomenon such as wind, fire, and clouds; how to mimic 3D space; and how to add fades and transitions to create custom cuts between scenes. The course also includes a look at staggers, which can be used to create camera shake, tremor effects, and extreme character reactions.
This is an example of a hand-rigged particle system in Flash. And sometimes, even though you can do this obviously in After Effects, and other programs. And if you can do them, by all means be my guest. It can be done, and here I'll show you how. So the way I build this system: I'm going to tunnel all the way inside, and work my way out. I think it'll make a lot more sense that way. So at the very root of this structure of symbols, we have the particle. Now you'll see the path; the smoke 1 is inside smoke 2, smoke 2 is inside smoke 3, smoke 3 is inside smoke 4; don't panic.
So here we have the particle, and it's a flat solid color area. Although the final particle that we'll render out is currently guided out as a gradient layer. And the reason why is because if I guide this in and guide out the solid, and then we begin animating, it'll be very slow; you just won't have the same kind of response that you would like to have. So when I'm working on this, I like to work with just a placeholder. So again let me reverse that, right-clicking, and guiding in and out.
So we can see exactly where we are. I mean, these are both exactly the same shape, and they occupy the same size. So it's a true representation of where the animation is going to go. On the second symbol in which the particle resides, I'll you show one of these layers; it'll make more sense. I just made a little undulation cycle and I duplicated this four times so that we have this nice little throbbing, and then they just dissipate. And then we have -- the particle is emitted from this point, and we've motion tweened it up and away.
And then by copying this onto 20 different layers, changing the sizes, changing the rotation, flipping some of them horizontally, then you get this nice natural-looking cloud, dissipating. And then the last touch, if you really want to add another layer to this, is to duplicate the cloud, and create a smoke effect. So that when we get to Frame 30, I fade in another one of these, and I can do as many of these as I like. I could do another 20 levels of these things, and just have a constant cloud of smoke coming up.
So having shown you that, let's build one of these systems from scratch. Now I'm not going to build anything like as complex as that; I really just want to show you the basic principles of how this system works, and how you can really push your computer to the best of its limits. Let's make the first particle; it's already appeared as a gradient. Okay, delete that frame. So here's our particle. I'm going to go with that, hit F8, and we'll call this 1 particle.
Let's click in there. Now we want to have our guide layer, so let's make a new layer. Hold down the Alt key and drag, and so our finished layer will be particle. It's very important with this that you name your layers really, really well so that you don't get too badly lost in them. And we'll call the lower layer reference. And obviously, we don't want the lower layer to be a gradient, so let's just click on the color and make that just a regular old black or maybe gray is better. Okay.
So that's what we'll be seeing for the time that we are actually animating this in Flash. So now we have our particle. I might be a little big. I'll go in and make it a bit smaller. Make sure we make both of them smaller. I'll hold down the Q key for Free Transform, and I'm going to pull that in, and use the arrow keys to center it. Now the next step is to make our cluster. So I'm going to select the particle, hit F8, number 2 cluster, and double-click again.
So now we're inside the cluster symbol. It's very easy to lose your place in this because everything looks visually the same, but that'll change soon as you begin to add little animations here. So what I want to do here is keep it reasonably simple, so just two more layers are fine. And I'm going to copy the particle holding down the Alt, Option key to there. And I'm going to make a 30 frame long action, where these particles move and dissipate. So I hit the F5 key to put in some blank frames there, and actually let's just hit F6.
I'm going to just grab one at a time. I'm going to just move them out, so what we're seeing is these particles are now moving out into little triangular pattern. So let's select the Timeline, right- click, and go Create Classic Tween. And so that's pretty much what's happening. And we can beef this up a little bit; Free Transform tool and scale some of these into different shapes or sizes So it doesn't look all the same size. I'm going to zoom in a little bit, and we'll offset these very slightly, and use Free Transform, Q on the keyboard.
And if you feel like,"They're all on top of one another, I can't!" I would just pull them all apart. And you can drag them back in until they're more or less over one another. And there's a little funky little rotation movement there; if we go into Outline mode, we can see, okay, the orange guy, maybe that's a bit eye-catching, so let's pull that in. Purple, it's okay; maybe the green could be a little bit further out that way. Okay, and I would also like them to dissipate into pretty much nothing at the end.
So I'm going to hold down the Shift key, click on them to select them all, color effect in the Properties panel, select Alpha, and they're now at 0. So now we have a little three-particle cluster that's going to dissipate for us. So back to the main Stage and we will, guess what: start another symbol. Hit F8, 3, and we'll call this one cloud, and double-click on that again. And what I want to do first is just animate one of these little particles floating up into the air. And it will be a short little action; this is pretty quick.
I've made it 30 frames. You can make it 100 if you want something a little more elegant, but let's make it little simpler to do. So all I want to do is to move this particle on little S curve up to the top. So I'm going to select the Line tool, and make sure that Snap to Object is on. It's very important that they really connect properly. Let's name these, so we'll call this one 1 path, and 1 particle.
So I'm going to hit F6 down here, make a new keyframe, I'm holding down the Shift, I'm moving the arrow keys, just to get it out of the way, and then I can drag it until it snaps to the end of that line. And now if I curve that line -- it's not a guide yet, so don't worry about that. And now we can switch the Snap to Objects off, because I want to do some finer work. If I hold down the Alt key and click on the line, I can curve it into a nice little S shape by adding a new point.
That's not too bad. So now right- click on the path and say it's a guide. It won't work until I drag the particle layer directly into the guide. And now if we follow this animation, it's not quite working yet; we have to activate tweening. So we right-click on the particle, Create Classic Tween, and you'll see that's really nice, it's following the guide. So now we can make a few more of these, I'm just going to make, say, four more.
And the quickest way to do it is simply to select the path in the particle layers, hold down the Alt key and drag, or right-click and go Copy Frames, select your target layers, right-click, and go Paste Frames. But I think Alt is quicker, so I hold down the Alt or Option key and drag these. Now we have a bunch of these layers but they're all the same, so let's padlock the bottom two layers. And they were called the same, so with enough time I'd actually go through all these and number them, 2.
I can't stress this enough actually, and you really need to keep on top of your names for all of these layers. They can become very confusing, so it's the question of having a good disciplined work process. There's the first layer here. If I, for example, just select these two, and hold down the Shift key, and move the arrow up by one-click. Do the same at the end of the Timeline for the second key. I've already shifted them off a little bit. Now I can go in and fine-tune them, maybe stick with the guide, so I'll just move the guide around, there we go.
So by moving the guide, actually, in this version of Flash -- all the versions of Flash seem to be slightly different in the way they handle this, but this one seems to be glued to the symbol, which is okay. So now I can go in to this little fellow, and just hit the Free Transform tool or Q on the keyboard, maybe rotate that symbol. Scale it a little bit to vary the position. Definitely vary the flight path. So let's just do something that's slightly different from the first one; maybe change the end state too. I'm going to hide these; aah! There it is! So don't be afraid to hide layers; switch them on and off if something goes missing.
I going to switch Snap to Objects on, because the final frame of the symbol is actually an empty blank square, so it's kind of getting a little difficult to find it to select it. So what I'm going to do, another little trick with the guides, double-click on that, and I'm going to put in an empty image. It will be ultimately guided out later on. Let's give a default color so we can't get confused; make it an orange. Drop it there. And now when I work with these, we'll see this little orange layer that will help us to select it.
So let's make the guides reactive again; they were following that path. I think we can make that path more interesting. Let me padlock that off. Okay, better. Let's now zoom out, and if I look at both of them together, and switch off the guides, you see that they're looking kind of the same. So I think we should rotate one of these. Still it's kind of similar, so probably the start state too.
So I'm using the Free Transform tool. Okay, that's a little better. So what I'm going to do is go through all of these layers, and repeat this process, and when I come back to you, because this is obviously that's a bit time consuming, when I come back to you, you'll see all five of these that have being nudged and pushed into varying different guide paths just by making little modifications to all these layers. Okay, so what I've done is just made some small little additions to the other layers, just to vary the paths.
If we look at the entire path system, it looks like a little strand of tangled hair or something. As you follow the particles, it gives them a much more natural flow. Couple of last pieces of housekeeping are required; the little guide layer that I created so that we could select this thing: we can guide that out. So I just click on the Cluster symbol and guide out that top layer. And now when we play the animation, that's looking really sweet. And then the last thing to do is we tunnel all the way into the particle, and we reverse the guides, so we're now in the particle symbol.
I've guided out the reference layer, and I'm going to guide in the particle layer. I'll click all the way out to the top of the scene. And last step in this process, you can duplicate the cloud, and make several of these; I'm just going to make some new layers and drop them in. So there's one there; maybe change its position, and now when you play the scene, you can have waves of these things. And again, you can vary these. You can rotate them.
It'll show you a general outline suggestion of where your flight path might be heading. So it's a pretty cool little toy to have at your disposal. So, one of the more intensive sections of this course. So I hope you enjoyed it.
There are currently no FAQs about Animation Tips and Tricks with Flash Professional.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.