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

Animating a scream

From: Animation Tips and Tricks with Flash Professional

Video: Animating a scream

In the previous section we did a very simple stagger scream; the 1, 2, 3; 2, 3, 4 stagger. This is a slightly more capable stagger, let me show you, where the character goes into a little anticipation, and he staggers up between two different states, and zips back and forth. It's a lot like the stagger that we used on the plank scene. So let's have a look a little deeper into this. I'm going to just hide the background, and just go into one of these little scenes. And so what we have is a simple action, quite simple, only four keyframes, where he moves down into this little scrunched position, and then he arcs around and up, and then settles back into his standing position; that's it.

Animating a scream

In the previous section we did a very simple stagger scream; the 1, 2, 3; 2, 3, 4 stagger. This is a slightly more capable stagger, let me show you, where the character goes into a little anticipation, and he staggers up between two different states, and zips back and forth. It's a lot like the stagger that we used on the plank scene. So let's have a look a little deeper into this. I'm going to just hide the background, and just go into one of these little scenes. And so what we have is a simple action, quite simple, only four keyframes, where he moves down into this little scrunched position, and then he arcs around and up, and then settles back into his standing position; that's it.

So we have one moving on the left side, and we have its alternate moving on the right side, it's the same action, just moving the other way. And so you might be asking, why don't you just flip the first action horizontally? The reason being, not all characters are symmetrical. In this case, this little corner of hair, if I were to flip this horizontally, it would then pop to the other side of the head. And if we had an eye patch, or some other detail, then it would look very strange. So it's good to know how to do two of these things that are completely separate, so that's what we're going to do in this course.

Because I there's so little time really available to do this, I want to cheat very slightly. I want to copy this timing, so that we match as closely as possible. So I'm going to make the new temporary layer, and just hit F7 here, here, and here to make keys on Frame 7, Frame 20, and Frame 27. Now I'm going to select this Timeline, right-click and copy frames, and now we can delete that layer. That was just a little temporary placeholder. And let's go back out to the main Stage, and now we can hide the original material. I want to take the Work folder, and this would be our Work file.

So, I've simplified this greatly, I'll drag him to the top. I've scraped off all the gradients, and I made it a much easier file to work with. So you'll be able to go back and forth between the two. I want to show you the general principles involved here, rather than mess around with too many gradient layers. So let's click on him, and what I want to do first is make a new layer, paste frames, and drop in those references. Hit F5 to extend that Timeline. And I'll do the same with any layers that I think are going to have little nested animations inside.

So that will be the head, let's make a new layer at the top, and I'm going to paste those frames in. I always do this when I work with nested animation, because it helps to keep all my Timelines lined up, and everything works so much better. Do the same with the mouth, because we are going to do a little animation on the mouth symbol later on. Right-click there, paste those frames, hit F5; no keys right now. We'll worry about that later. One last little thing to watch out for; I make sure all these symbols in your Properties panel in looping are set to play once on Frame 1, and they're set to Frame 1 here.

That's kind of important; when you start setting keyframes here, here, and here later on, it'll really help to set the right numbers on all of these frames. So again, this head is set to 1 on Frame 1, and I think we're ready to begin. So first things first; I need not one but two man layers, so let's make a second one. I'm going to select that frame, hold down Alt+Option+Drag, and now I have two layers. And let's duplicate that symbol. And let's call this one man Right, now just put down 'R' uppercase to signify that.

Double-click on the name in the Timeline, and call it man right. And the one on the bottom, let's rename him in the library. This simple man is in the man simple folder, and let'scall him man Left, and we'll name this folder man left. That'll just make it easier to keep track when we start zipping these things around the place. Okay, so let me go into the man left folder, and now we have everything all neat and tidy, all set up, and ready to begin. Hit F6 to make some extra keyframes, and what I'm going to do to keep things simple; I'm going to move his head down, and I am going to do it in a fixed amount of distance by holding the Shift key and the down arrow key. And that'll be his little anticipation move.

And on this one, I'm going to hold down the Shift, and click twice up, and I'm going to rotate a little bit this way, and I'm going to rotate this one a little to the other direction. And I'm going to use just the regular arrow keys to push these into a nicer little pose. And then when I select the body, make sure that you have free transform selected, or Q on the keyboard. And let's just stretch the body to match those positions. And if you drag here you can skew, and you can squash it a little bit. And now I'm going to select the Timeline, right-click, and Create Classic Tween. I don't use the new motion tween; I don't like it.

It's got some really nice features, but classic tween is a lot easier to use. It's faster, it's more responsive, and there's a nicer way of tweening with it. And without zooming in and out, I mean, I'm working on 50%; I like to do these kinds of operations at the same level of magnification, because it's easier to match the distances. So what I'm going to do now is hit F6, F6, and F6 again to make new keys. Remember we used Shift and Arrow key down once for the down position, and Shift and Arrow key up twice for the up position. And this time he'll be facing this way, so I'm going to pull the head over like this, drag the body up, and we'll squash the body on this to match. And now I will assign our motion tween. Okay.

So now we should have two layers, and what's happening is not quite what I wanted exactly just yet. Because, if we look at this in outline, what I want is -- the beginning looks good, but they're kind of crossing over at the top. That's not a problem. So what I'm going to do is go into the first one, and on the top position I am just going to move the head out that way, by Shift+Clicking, and moving the arrow left once, and drag the body over a bit. And in the other one, the opposite. So I go to that frame, Frame 20, Shift +Click to that direction, body over.

So now when I look at both of these layers together, they should be starting to group at the top. Very hard to see exactly what's going to be happening here, but what I'll do is very quickly just select the area that we want to stagger to occur in, hit F6., and now I'm going to delete the frames to match the kind of pattern you are seeing down here. You only need to see one man level at the beginning, because they are really both the same, and here they began to differentiate. We can actually hide that now. So I'm deleting the alternates by hitting Control+X to delete those frames. Let's look at that; that's really nice.

And of course, we can change the nature of the stagger simply by changing the end pose of the up position, and see how easy it is. I could move the head over here, and as long as I match that on the other side of the stagger, you can have a very quick learning curve. Back in the old days, drawing by hand, what I've shown you right now would have taken an awful lot of drawings; probably several hours of in-betweening these by hand. So this is a great way to familiarize yourself with staggers. Now we've laid the skeleton of the stagger. In the next section, I'm going to show you how to really refine this, and truly bring it to life.

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.