New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Flash Professional CS5: Animation Projects
Illustration by John Hersey

Creating organic movement


From:

Flash Professional CS5: Animation Projects

with Paul Trani

Video: Creating organic movement

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.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Flash Professional CS5: Animation Projects
2h 31m Intermediate Sep 15, 2010

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.

Topics include:
  • Creating graphics and reusable assets
  • Importing graphics
  • Making an object move
  • Animating a mask
  • Using and customizing motion presets
  • Morphing shapes
  • Animating in 3D
  • Adding bones to a character
  • Controlling the Timeline with ActionScript
  • Randomizing content
Subjects:
3D + Animation Animation Projects
Software:
Flash Professional Illustrator
Author:
Paul Trani

Creating organic movement

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.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Flash Professional CS5: Animation Projects.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.