Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Animating a magic carpet walk cycle

From: Animation Tips and Tricks with Flash Professional

Video: Animating a magic carpet walk cycle

Okay, so we are back again and we are going to finish the walk cycle. So I'm just going to double-click, go back into the walk, and now we start adding the passing position. So the reason why we got the tweens to make everything work was to allow Flash to calculate the positions of the feet on the guidelines. We will make some changes, but obviously we need to make this a little different. So let's hit F6 on this passing position; insert a new keyframe, and the hints are basically calling on the wrong positions.

Animating a magic carpet walk cycle

Okay, so we are back again and we are going to finish the walk cycle. So I'm just going to double-click, go back into the walk, and now we start adding the passing position. So the reason why we got the tweens to make everything work was to allow Flash to calculate the positions of the feet on the guidelines. We will make some changes, but obviously we need to make this a little different. So let's hit F6 on this passing position; insert a new keyframe, and the hints are basically calling on the wrong positions.

So the first thing we need to do is just reposition the animation first, before I apply the hints. So what's going to happen here is that back foot, that's this one here, that's going to be lifting off the ground as it moves forward, so let's do that first. Okay, so now let's activate our hints again. Modify>Shape>Add Shape Hint, and it adds a fifth hint that we don't need, so let's remove that. And we will scrub through to the next key, and just reapply these fellows.

Now we can see it's starting to look a little better. We need to add hints to the second step, because when we made F6 here it called the hints to this keyframe, whereas they used to be on the contact position. So let's go back to here, and I am going to add four more hints on the passing position. Scrub through to the second contact and put them down there.

And what you are going to see is the hints from the previous keyframe, from passing to contact being overlaid over contact to the next contact. So it can be confusing, but that is just a part of the process that we have to endure I am afraid. So now we have at least the foot working. So I'm going to actually leave that for now, and make the same process happen on the second passing position. Hit F6 on the second passing position, same thing has happened here. That will temporarily break our nice tweening, but what we need to do is figure out where we need the foot that's lifting off the ground, and I believe it's this one here.

So let's lift that first. And yet another reminder: if you get something working the way you like, save these files very often. So obviously the hints are completely in the wrong positions, so let's pull them in now. There we go; actually there are now no hints between these two frames, which is kind of nice. Occasionally you will get lucky with some of this. So we need to obviously push these passing positions a little bit. The passing pose tends to be a little higher than the contacts, so we need to lift this part of the body higher.

So let's hide the hints for now. And not by a lot, but just enough to give it a little bit more attitude here. And I am going to push his chest out, watching the volume so we don't make them too big, and that hasn't broken any of the tweening. Same thing here; you can usually make big changes on the passing position, but for a first scene, if this is your first scene, I wouldn't go too crazy. Keep it reasonably functional for now, but you can later on, if you get braver, make some pretty huge alterations. Any alterations you make to the passing position that are really substantial, if you do something like this, for example; you know, you can get away with them.

I like that, so you know what, I am going to do that here too. Make him a little cocky; nice. Okay, so the next thing that we do; we will go into the recoil, and we will have to squash him on this. You can see immediately some of our tweens are beginning to break down here; I am not going to worry about that immediately, but I want to first build the squash. So I am just going to select everything and pull it down. Watch to make sure that that foot, this one here, is still on that little orange line. And this is like more of a squashing of the leg underneath the body, and to look at the original, that's what we are kind of trying to emulate or give the impression of. And I am going to pull the shoulders down just a little bit more; see if this works. Seems to.

So now let's fix those hints again. I hit Control+Shift+H; creates a fifth hint that's not needed. Remove that, and I'm going to scrub through, and you can see obviously these little guys keep moving around, so you keep pulling them in. That might seem like, why on earth are we doing this moving hints around? It is a nuisance, but look how cool this is when you get it to work. So they're basically little temporary placeholders that constantly change position. I would love it if they would lock themselves onto these points and never move, but sadly Flash doesn't do that, so we have to work around that.

Anyway, let's go to the second recoil, hit F6, and same thing here. I am going to just select the whole thing; Q, Free Transform, pull this down, and maybe squash the -- as best as we can with four vertices and four lines. It's nice working within these constraints sometimes, because it really focuses your mind on just personality of this object. So now that that's done let's see if it matches the other one. So I am just going to go back to the other recoil. See, this one is a little higher than that; you want them to match reasonably well. So I am going to pull him down a bit more.

See if it's a little closer. That's much better; that's a nicer transition. So now I'll go in, and Control+Shift+H to make a fifth unnecessary hint; remove that. And go to this next one, and once again, let's pull everything back in. So it's broken this transition here. So I am going to make some new hints to protect that. I will remind you again, be sure you save your project. If you fix the passings the way you like; save, save, save again.

Now, we are starting to really see a walk. And one last little touch, the highpoint. F6 that, and this is the highpoint. So pull them up. Maybe we can stretch them a little bit. I am going to fix those hints, and I am also going to pull that foot up. See if we can get away with that. And maybe bring it forward a little bit.

That's nice. And the other one, F6 this, pull them up, lift that up. Don't change this one. The whole of point of doing this is, do not mess with the feet that are contacting the ground; Flash has calculated the positions of those better than a human can. So now let's play that through.

That's looking really nice. And what's giving it that ping effect that you're feeling: that's the little chest pump that I put into the passing positions. If you want to get that to work then do it on the passing. If you do that once the recoil and the high points are set, you probably will see movements aren't as smooth as you would like. The reason why this is feeling so smooth is that a lot of tweening has been done by the computer, and that's a very difficult thing to get right by hand. I find sometimes, I will do these walks, and it's easier, if I want to make a drastic change, just delete the recoil, delete the highpoint, and redo the passing if you want to make those big changes. Then redo the recoil and the highpoint after Flash has calculated all of the little bits and pieces that have to be filled in.

So that's it. And on the outer, as you can see, this is simple enough. All I did here was create the -- well I'll do it again. I'll just copy this; paste it. Control+Shift+V to paste in place. And the only thing you really need to watch out for if you're making -- let's say now we will make a classic tween. And the only thing to watch out for when you start positioning this across the screen is the foot placement. If you place it too far, he seems to be skating on ice. The feet are sliding too far forward. If I put them too close, he seems to be moonwalking. He is barely moving forward at all.

So there is kind of a magic distance for every walk, depending on the spacing of the feet. That's not too far away. So as you can see, that's what I have already worked out here on the bottom layer. It could be improved; there is some stuff that's still happening there. It's really only a matter of going in, and finding the ideal distance so that that doesn't happen. And I would say this one it's probably a little bit further down to her. And sometimes when I position these, what I will do is unguide the Guide layer so that I can see the guides, and then I can make sure that my actual angle is being consistent across the screen as well.

And when I am happy with it, I can go in, and guide them back out again. So never delete your guide layers. They are always handy to have in case you ever have to go back and make changes. So that's it. We have made a magic carpet walk across the screen.

Show transcript

This video is part of

Image for Animation Tips and Tricks with Flash Professional
Animation Tips and Tricks with Flash Professional

46 video lessons · 13423 viewers

Dermot O' Connor
Author

 
Expand all | Collapse all
  1. 6m 35s
    1. Welcome
      1m 4s
    2. Using the exercise files
      51s
    3. Common keystrokes and shortcuts used in this course
      4m 40s
  2. 1h 24m
    1. Understanding video versus SWF
      2m 30s
    2. Overview of shortcuts, extensions, and setup
      6m 27s
    3. Understanding linear and radial gradients
      2m 39s
    4. Overlapping and animating the colors
      3m 53s
    5. Lighting a scene
      10m 24s
    6. Creating lens flares
      10m 40s
    7. Animating ripples
      7m 2s
    8. Creating a gradient globe
      11m 41s
    9. Creating a gradient bottle
      10m 26s
    10. Applying gradients to a character's eye
      10m 2s
    11. Applying gradients to a character's skull
      8m 49s
  3. 56m 53s
    1. Tweening a circle to a square
      10m 9s
    2. Using thumbnails
      4m 39s
    3. Animating a magic carpet jump
      10m 12s
    4. Setting up a magic carpet walk cycle
      7m 41s
    5. Animating a magic carpet walk cycle
      9m 33s
    6. Shape tweening hair
      3m 50s
    7. Intro to overlapping hair
      1m 57s
    8. Animating overlapping hair
      8m 52s
  4. 1h 8m
    1. Animating waves
      8m 7s
    2. Animating clouds
      7m 48s
    3. Animating a flame
      11m 38s
    4. Animating an explosion
      9m 1s
    5. Adding in-betweens to the explosion
      4m 36s
    6. Adding explosion clusters
      6m 43s
    7. Optimizing the explosion
      7m 30s
    8. Animating smoke with particles
      12m 45s
  5. 32m 18s
    1. Introduction to staggers
      1m 5s
    2. Animating a simple stagger
      5m 8s
    3. Animating a diving board
      6m 15s
    4. Animating a tremor
      5m 56s
    5. Animating a scream
      7m 12s
    6. Refining the scream
      6m 42s
  6. 47m 49s
    1. Introduction to Virtual Camera
      5m 4s
    2. Animating parallax
      6m 9s
    3. Animating a crane shot
      6m 26s
    4. Animating a zoom and rotate shot
      9m 30s
    5. Animating a track shot
      11m 0s
    6. Lighting a 3D shot
      9m 40s
  7. 19m 48s
    1. Animating a cross dissolve
      6m 10s
    2. Animating a wipe
      3m 34s
    3. Animating a fadeout
      10m 4s
  8. 20s
    1. Goodbye
      20s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
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.


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 "Already a member? Log in

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 Animation Tips and Tricks with Flash Professional.

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

Your file was successfully uploaded.

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.