Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Flash Professional CS5: Animation Projects, Paul Trani shows how to create dynamic and visually rich animations in Flash Professional CS5. This course demonstrates how to create and import assets, and then take those assets and bring them to life with dynamic motion. It also shows how to create more unique and natural movement by adding special effects, 3D, masks, and even bones to animate characters. Exercise files accompany the course.
Usually when you think of the Bone tool, you might think of animating something that of course has bones. But you can do more with it than just that, because I'm going to use the Bone tool to animate this flower. I'm going to go ahead and double-click on this flower movie clip, and I'm going to zoom in on the contents in here, and if I select this flower, you'll notice that it's just a shape. So there are no movie clips involved here. It's just short of a raw shape. Again, I want to add structure to it, and I'm going to do that using the Bone tool.
So I'm going to select the Bone tool, and with the shape, I'm going to start giving it some structure. I'm going to click and drag an armature out to connect those two parts, and I'll connect sort of this stem out here, to this part of the base of that leaf, out here, and again, you can see how I'm adding structure right here. I'll even click and drag and connect to this leaf here. I'm adding structure to this sort of organic shape right here.
I'll click and drag clear up hear to this flower right there. Then I'll just do a simple click and drag over here to this branch for this flower. So I've given it some structure, and let's take a look at what happens if I use my Selection tool and manipulate these armatures. Well, look at that. You get this nice, sort of bendy, organic movement. And again, I didn't have to do any morphing or anything. It's just a matter of using the Bone tool, and then you can manipulate objects more organically.
You can kind of see how that works. So this is going to work out really well for me. But that's my next step is to animate these different armatures. I'm going to bring these armatures down some. I'll just grab each one of these. Bring this leaf down. Bring this flower over here. So that's going to be its starting position. It's going to be kind of like that. And notice that I've been working on this layer. This is armatures 16.
I don't need this flower layer, so I'll select it and just click Delete. And now I can begin to animate, because in this layer, this is my first pose. So if I want to add another pose, I can come down here to about frame 30, do a right-click, and I can Insert Pose. So that's pose 2. I can go ahead and select that armature and move the flower sort of onto the screen a little more. Move these leaves into place, bring up this branch of these leaves as well.
So that's like it's just coming into view. It's going to be nice just to manipulate each one of these armatures you can see sort of more of this flower. So let's start out. Frame 1, I'll just hit the Enter key, and you can see it come in to place just like that. That's very nice how that kind of comes together. I'm going to go ahead and do a right- click, and I'm just going to insert a frame at about frame 45, and what I want to do is I actually want my flower to be at this position for a little bit.
So I'm going to actually copy this pose. So I'm going to hold down the Command key if you are on a Mac or Control key if you're on a PC, and then I can copy this pose, so I just do a right-click on that as well. Copy that pose, hold down the Command key or Control key if you're on a PC, and then I can Paste Pose. So now, this flower is going to be in that same position for a little while, and then I want to do the same process because I ultimately want to get this flower back into its original position.
So it animates up into that position, and then it's going to come back down. So I'm going to go ahead and copy this pose. Command key, right-click > Copy Pose or Control key if you're on a PC, and then come down here, and it's a matter of inserting frames, and then I can paste this pose.
Looks good. I'll hit the Enter key and you can watch it play through. Keep in mind I can still manipulate this flower at any point in time. I can come to say frame 30, and I can select it and if I decide to sort of bring it up even higher like that I can do that. Now it kind of comes in a position like that. It still kind of moves around, and I like that additional motion that we have here. So again, I'm just manipulating these various armatures, and you can see that flower still move.
Again, we're just bringing life to this graphic. I'll hit the Enter key, and then it animates, and then back down. Again, this works just like any other motion tween, in that I can grab the end and I could say make it happen faster, so I can move it to the left so it comes up faster and then back out faster, or I can extend it out further to about frame 100.
Now it's going to happen a lot slower. So let's see our final result in action. I'll go to Control > Test Movie. Let's test this out. Keep in mind that our L in our word "Style" will animate as well. But again, you can see that flower moving into place. It's really nice how that's kind of flowing and pretty easy to do, all using the Bone tool and then just inserting poses.
There are currently no FAQs about Flash Professional CS5: Animation Projects.
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.