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

Fine-tuning the head rotation

From: Rigging a Face in Flash Professional

Video: Fine-tuning the head rotation

Now that we have the clock rotation for the head completed, let's see about fixing things. Like what happens if you notice something that catches your eye, or you think, oh I think I can do better than that; it can be really intimidating. I know it frightens a lot of people when they see these massive columns of keyframes. Where do you begin? Well, we've set this up in such a way and so cleanly that it really makes it possible to go in and alter things and improve them. So here's the basic head rotation, and I've noticed a couple of things. First of all, this layer down here is no point, Layer 3, let's get rid of that.

Fine-tuning the head rotation

Now that we have the clock rotation for the head completed, let's see about fixing things. Like what happens if you notice something that catches your eye, or you think, oh I think I can do better than that; it can be really intimidating. I know it frightens a lot of people when they see these massive columns of keyframes. Where do you begin? Well, we've set this up in such a way and so cleanly that it really makes it possible to go in and alter things and improve them. So here's the basic head rotation, and I've noticed a couple of things. First of all, this layer down here is no point, Layer 3, let's get rid of that.

So we're clean again. So rotate through this, the neck is moving, it really shouldn't and most of these heads I would intend to happen from one static neck position. So let's simply keep the first frame, select everything that follows and delete them. And if you scrub through now you will notice some points where maybe things stick out, like right here the skin is on top of the hair, that's not good. So let's correct that, and we correct that by basically following the original workflow that we used to do the previous keyframes.

So hit F6 at the end so that our Timeline symbol ends where it begins. And the first frame that we did next was the 12 o'clock up position, so hit F6 to keyframe that, and again, here at the other end. And the next frame that we did was a 6 o'clock, so F6 here, and then the 3 o'clock, and this is where the first problem is visible. So let's hit F6 to keyframe that. Make sure it's not padlocked. Switch off Snap to Objects and grab that point and pull it in, that's it.

Let's go to the 9 o'clock. That's the next one that we worked on. And oops! And notice that I'm not moving these points at the bottom, I'm just moving the curve, and occasionally the upper lines up here. And let's just padlock all these upper layers just to be on the safe side, and you might want to fine-tune these curves, just not to let too much air open between the hair and the neck. And then we simply go through the rest of the in-betweens and just select them, the curves where you think it's too thick or too thin.

Watching out for little points that's stick out. Too much there. Great, that's it. That was a simple one. Let me show you another one that's catching my eye, and that's the upper hair here which is great for the first half, it's moving fine here, but then when we create the 9 o'clock position it moves too far to that side, so that has to be corrected. So how do we do that? And again, so many keyframes here. Let's go to the hair top level and we're going to delete the 7 o'clock and the 8 o'clock position.

Actually I think the quickest way of doing this rather than deleting these, remember these little red flags telling that there are shape hints on this level? So there may be shape hinting issues that will popup, but we know they are there. So let's just go to the 9 o'clock position, and in this case I'm going to hold down the Shift key and the Right Arrow key and click it one, two, three, four times. Let's try four, and on the in-between frame beside it once, and then on the keyframe on the other side, let's move that over once and let's see how that looks.

Now you're going to see spinning happen but I am really more worried about the mass of that hair, and does the overall position of it look right, and I think it's looking better. So let's fix the shape hints and we'll have a better idea, Ctrl+Shift+H and remove any extra hints that are added when we add that shape hint. And then fix these. Oops! It's really annoying when Flash is supersensitive about selecting things and selects the wrong object for you.

Go to the next frame. And we were selecting two A's and two C's because of course, the shape hints from the previous keyframe are also in need of adjusting. So we have the shape hints that start here and end here, and the shape hints start here and end here, that's why you're seeing two sets, and this is hopefully the last one.

Okay, now let's look at that. I'm going to go through this frame-by- frame to make sure there's no weirdness. I think we're getting away with it. Okay, the next step is one more level of complexity up and that's to change the eyes. If you look at the eyes, if you remember when we built the eyes, we didn't really do anything exotic with the shape of the eyes. They look a little bit flat, so let's break that apart and do something more interesting with them.

So I'm going to unpadlock all of the eye layers and then just delete the secondary keys, the one and the two, and also the nose for this as well. Because I want the nose and the eyes to travel together, they are kind of the unit. Okay, so now we go to the first of the big moves, the 12 o'clock position when he is looking up. Let's go in a little close on that. And maybe we can move that nose up a little bit more.

Let's unpadlock the nose, move it up, and the same thing with the eyebrow. Just select both of the eyebrows. I'm holding down the Shift key and the Arrow key. Move it up let's say one, two or three clicks. And let's go in a little tighter, and I'm going to use the Free Transform tool on this and just skew that shape down a little, so there is a slight change of geometry on it. Let's see what that looks like. Now as you can see by having the skin space opening up between the eye and the bottom side of the eyebrow, it really helps to sell the idea that there is a big change in the model, so that's excellent.

And don't forget to copy, Alt+Option+drag the adjusted keyframes from the first 12 o'clock position to the second. Now let's go to the 6 o'clock and that's the exact opposite. I want to push that nose down a bit further on this, and the eyebrows also. Let's bring them down a bit. And if you look at the eyebrows in outline you can really so far before the white of the eyeball begins to bulge into it. But I'm also going to move the pupils down as well.

And if you wanted to you could go in and adjust the curve or the lines of the eyebrows as well. But I think you get the general idea, and I think we can leave the--yeah, I want to keep the three quarters position pretty close to what it already is, because that's also going to work as the three-quarter view in the main turnaround. So let's not touch that. Great! So this will make a big difference. Let's click on the clock and that will help us to correct the curve, the arc motion, because what's going to happen now if you move, things are going to look really weird.

See how the mouth is sliding off to one side? That's because there is no arcs happening here, and we've created arced movements for the 1 o'clock and the 2 o'clock positions before. So we have to re-add them. Basically copy the original workflow to the T. So let's keyframe these and reactivate the clock symbol. Let's go in a little bit tighter, select that vertical stack, again, making sure that everything that we are not working on is padlocked, so we can grab just the troublesome area, and let's drop it with the top of the nose over that intersection here where the red line meets the ellipse, and now the arcs have been fixed for that.

And we repeat this process for everything that follows. And again, don't be afraid to pull the entire thing out. Again, that's great to test it, you see right, I've got everything. Pull it into the 2 o'clock. We simply go through to the four and just follow through for all the other positions. Okay, so now we've done them all, so let's test that. See if it looks good.

I'm certainly feeling a much stronger sense of movement on the face. Let me show you one last little trick that will help you with arcs, and this is very quick. I'm going to make a new layer right at the top, get it completely out of the way so it doesn't confuse you. Let's say you want to plot an arc. This is an old trick that we did back in the hand-drawn animation days, and let's say you feel that something isn't quite right and you cannot figure it out. Let's pick a really bright color like a red. Select the Brush tool and pick a decent sized brush, a round one, maybe this size, and I'm going to just pick a point, a smaller point than that, maybe here.

On this one layer on top, padlock everything else so you don't draw on them by mistake. On this one layer on top, we're going to pick for example, let's say the point of the hair here, and then I'm just going to go through to the next keyframe, the next one, and just keep plotting that. And you can even write notes on these like what frame that is, make a smaller one, maybe that's 9 so you can keep track of it; 8, 7, 6 and so forth. Now I don't expect this to appear at the top to be the most elegant arc ever seen. That gives you an idea of the kind of lines that we're following.

So what you can do then if you want to give yourself a little guide is nudge these into a more pleasing elliptical pattern. And I think the number, that one the start one, we can't do much with, so that's the 12. I'm not going to worry about this one. So let's worry about it from the 12 o'clock position to one, and so forth. And you get the idea. Now we can actually give ourselves a little guide. It's looking much more like an elliptical arc.

Padlock that and what I would do would be to go back into the hair level. Let's go in really close on this. Maybe put that into outline, it makes a little bit easier to see. And then just pick that point and we can nudge it up, maybe bring that down a bit. That will get a smoother curve. And back in the days when we used to--some people still do--and we used to do this by hand with pencil and paper. You'd see the animator's keyframes would have like hundreds of these little arc charts; one for the nose, one for the tail, one for the feet. They would be everywhere, and it worked then and it will work now.

It may look a little old- fashioned but it's very effective. And don't forget if you make a change to the 12, then it should be the same on the other side. So it's probably easier just to hit Alt+ Option and drag the 12 from there to there. Let's see what that looks like. Hopefully it hasn't messed up any shape hints, so we may have to fix a few of them. Certainly feeling a little bit smoother, and you can do that with any point on here; the point of the eyebrow, the point of the mouth, and if you're spending a lot of time to do this, you will really feel the quality, and you're going to be using this rig a lot.

So it really is in your best interests to spend a good amount of time doing this to make these motions as curved and as natural as possible. So there is no fast way of doing this, but you only have to do this once, and once you have it done, you have it done for all of your future scenes. So whether or not you actually follow these methods, well it really depends, if you are going to animate a character for ten seconds, maybe it's not worth your while. If you're going to animate a character for seven or eight minutes, yes it will be. So with that, I think we're ready to move on and to correct the little layering issues with the ears.

Show transcript

This video is part of

Image for Rigging a Face in Flash Professional
Rigging a Face in Flash Professional

44 video lessons · 5983 viewers

Dermot O' Connor
Author

 
Expand all | Collapse all
  1. 14m 16s
    1. Introduction
      42s
    2. What you should know
      2m 0s
    3. Setting up Flash
      8m 35s
    4. Dos and don'ts
      2m 59s
  2. 59m 26s
    1. Establishing the directions
      7m 9s
    2. Setting up layers for the head
      6m 58s
    3. Drawing the head
      19m 2s
    4. Creating the mouth
      11m 27s
    5. Drawing the eyes
      4m 31s
    6. Animating the eye blink
      10m 19s
  3. 48m 0s
    1. Creating happy mouth dialogue shapes, part one
      10m 24s
    2. Creating happy mouth dialogue shapes, part two
      7m 43s
    3. Creating mad or sad mouth dialogue shapes
      10m 7s
    4. Creating neutral mouth dialogue shapes
      7m 36s
    5. Building unique mouth shapes
      12m 10s
  4. 29m 27s
    1. Creating jubilant expressions
      11m 47s
    2. Creating furious expressions
      6m 4s
    3. Fine-tuning expressions
      11m 36s
  5. 1h 9m
    1. Clock rotation demonstration
      2m 23s
    2. Creating the twelve-o'clock pose
      9m 2s
    3. Creating the six-o'clock pose
      5m 19s
    4. Creating the three-o'clock pose
      10m 16s
    5. Creating the nine-o'clock pose
      9m 35s
    6. Creating the remaining poses
      13m 17s
    7. Fine-tuning the head rotation
      11m 54s
    8. Fixing layering issues
      7m 42s
  6. 2h 10m
    1. Introducing the turnaround
      2m 55s
    2. Creating the B head (3-quarter)
      6m 45s
    3. Creating the C head (profile)
      8m 51s
    4. Creating the D head (3-quarter rear)
      13m 2s
    5. Creating the E head (rear)
      8m 59s
    6. In-betweening symbols manually
      9m 58s
    7. Creating the H head
      6m 41s
    8. Creating the G head
      11m 33s
    9. Creating the F head
      19m 18s
    10. Creating the B mouth (3-quarter)
      13m 41s
    11. Creating the C mouth (profile)
      14m 33s
    12. Adding detail to the C mouth
      7m 42s
    13. Creating other mouths
      6m 28s
  7. 54m 24s
    1. Putting together a head rotation
      14m 29s
    2. Moving frames between symbols to make a rotation
      10m 23s
    3. Using the rig with audio
      14m 59s
    4. Adding expressions to the animation
      14m 33s
  8. 1m 0s
    1. Goodbye
      1m 0s

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.

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 Rigging a Face in 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.