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

Rigging a Face in Flash Professional
Illustration by John Hersey

Creating the H head


From:

Rigging a Face in Flash Professional

with Dermot O' Connor

Video: Creating the H head

If you are back then you'll notice that we have both ears sticking out, and I left you with a couple of comments that I was going to create some more in-betweens for this ear. It is the same process over and over again. Now if you have a different way of doing it, then by all means do that. There's just no one way of doing it, but the trick is just to keep the transition so smooth that the ear itself doesn't pop at any point and I think that's pretty smooth. There might be a little spot here that we can fix.
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

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 ...
Rigging a Face in Flash Professional
6h 46m Intermediate Sep 19, 2012

Viewers: in countries Watching now:

In this course, author Dermot O' Connor offers experienced Flash designers a step-by-step guide for creating and animating a full-featured cartoon face in Adobe Flash Professional. The course begins with some best practices for setting up the rig and moves on to building facial features such as the mouth and eyes, sculpting the mouth to simulate dialogue, and creating a range of expressions. The course also shows how to rotate the head using poses, move the rig along multiple axes, and incorporate audio.

Topics include:
  • Setting up layers for the head
  • Animating blinks
  • Fine-tuning expressions
  • Fixing layering issues
  • Adding expressions to the animation
Subjects:
3D + Animation Character Animation
Software:
Flash Professional
Author:
Dermot O' Connor

Creating the H head

If you are back then you'll notice that we have both ears sticking out, and I left you with a couple of comments that I was going to create some more in-betweens for this ear. It is the same process over and over again. Now if you have a different way of doing it, then by all means do that. There's just no one way of doing it, but the trick is just to keep the transition so smooth that the ear itself doesn't pop at any point and I think that's pretty smooth. There might be a little spot here that we can fix.

What I did was, I took the end state from the previous class. And I just added two extra drawings in between, but I think this will look a little more forgiving if we put a bit of meat on the edge of the ear there, so we get this. And you notice how the dark area inside the ear becomes a sliver? The beauty of having that on a separate layer is that you can move it so easily. Whereas if it's all on one layer, it can be kind of tricky. Okay, so back to this. The solution for the other ear, I don't know if you gave it a go or not.

It's pretty simple; when you get to the point where the ear starts to appear from behind the head, simply go from this state to that state. So ultimately you could have a whole series of ears in that are pivoting. As long as the pivot around the center point, then you should have a pretty solid piece of animation to work with. So let's go back. There was one other outstanding issue, and that is we're looking at the layer hierarchy here, that ear is too high. So at this point I think we'll make a final keyframe here for the ear on the top layer and then we will move this ear down onto the lower ear level, ear right down here.

And let's put a blank keyframe in there. I'll just remove that tween and I think we are ready to proceed. If you remember our clock animation, let's go back to the Library and go to the hd 3 clock symbol, and if you scrub through there, we already created our B head, which is the same as the 3 o'clock position. And luckily for us, the 9 o'clock position is the same as the H head. There's some clean up too we could do here. Take the reference folder and just drag it back to the bottom. It's easier. It makes them all consistent that way.

If you go from all of the symbols then the head folder should be on the top. So let's go back to the clock. Back to our 9 o'clock position and let's select all of these, right-click, Copy Frames, we will go back to our turnaround, and go to the H position and go from nose to nose, right-click and Paste Frames. And let's get rid of this insert that gets created, and here we have almost a freebie.

So now it's a question of going in and fixing glitches, and I see the jaw is misbehaving. And it's misbehaving so badly, it's very hard to see what else is happening, but I think the hair here as well is doing something a bit funky, so let's go in and hide everything. Once again, you will see I just switched everything off and just find the trouble spots. So the neck looks great, padlock that. And I think let's move up all the way to the jaw. And this is the jaw level, and notice that comes with shape hints built-in, because they were shape hints in the frames that we were copying, so that could be an issue.

Let's hide everything but for the jaw, and go Ctrl+Shift+H, and of course, this creates a C hint that we don't need. So just right-click on that and Remove Hint. And then we just correct the other hints. Make sure they are exactly right. And then you can see the hair here is also causing problems. So let's find the hair right level. Let's find that, Ctrl+Shift+H, because it has the hints built-in.

Remove the new one that has just been added, scrub forward, and then we just correct all of these. There we go. So now when we look at everything, that's great! And we can just select all the eyes, reactivate them. The hair needs a little bit of help. Again, just switch everything off and let's look at that by itself.

It also comes with hints built-in, So Ctrl+Shift+H, remove that hint, and then fix the others, and it should snap to various little points in there. Okay, the ear is doing something weird, because of course we shifted the ear layers. So let's do a little patch for that. So what would be the best way to do that? The ear really has to be on top at this point, because that's the left ear, and it is on top, but we are trying to tween into another ear that's lower, because it has to be on a lower level in its default state.

So let's make a duplicate of that, Ctrl+C. That's one way of doing this, click on the slot and Ctrl+Shift+V to paste in place. There we go. And let's look at this in Outline and see if anything else is doing something weird, I think we are good. So that was pretty straightforward. So now we are almost there, we have this section here to contend with. I think other than that we are very near to being done.

And I think there's one outstanding thing, and that's the neck area. So let's click on the Reference level, switch off everything but the neck. Let's go to Outline. I thought so. If you remember from the clock, we tied down the neck, whereas here the neck should be rotating with the torso. Oops, I switched Snap off. There we go! And now we will reveal everything again, and fantastic! So another little area here where see that that corner of the hair appearing up, so we might want to do something like bring this down just a little bit, of course, we have to fix the hints.

There is always something. Same process, again with hinting, backup your files. There we go! So, super! Next we'll move onto the F and the G directions, which are very similar to the C and the D directions, but they have their own little things to watch out for, so we'll do that in the next movie.

There are currently no FAQs about Rigging a Face in Flash Professional.

 
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 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

Notes cannot be added for locked videos.

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.