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

Fixing layering issues

From: Rigging a Face in Flash Professional

Video: Fixing layering issues

One last thing remains before we can really sign off on this head clock rig, and that is the leveling problem with the ears. It's not really a problem, it's just a puzzle that we left for the last. It's the kind of thing that you really want to leave to the end I find, because it does mess up these beautiful smooth layers. So what I'm going to do is hide the left ear, and just focus on the right here, and let's unpadlock both ear levels. And I'm just going to select the ear frames, and hold down the Alt+Option key, and drag them to the top.

Fixing layering issues

One last thing remains before we can really sign off on this head clock rig, and that is the leveling problem with the ears. It's not really a problem, it's just a puzzle that we left for the last. It's the kind of thing that you really want to leave to the end I find, because it does mess up these beautiful smooth layers. So what I'm going to do is hide the left ear, and just focus on the right here, and let's unpadlock both ear levels. And I'm just going to select the ear frames, and hold down the Alt+Option key, and drag them to the top.

So now we have two identical ear levels, so now it's always on top. Well, we know that the ear probably shouldn't be on certain frames, and you can see a little bit of a slight problem I'm noticing. It might be hard for you to see on your screen, but the darker neck color is slicing in here. It's a good spot too where we can double-click on the ear symbol, go in, and just pull the color down a bit more; not too far, just curve it just a little bit like that, and that solves that little problem rather than having to reposition everything.

Keep going! Okay, here is the problem. This frame has no business being there. So let's just click on that, and grab it, and that identifies the exact frame. Let's Ctrl+X or Delete to get rid of that. Go to the next one, hit Delete, the next one, hit Delete, and just keep going. Every time you see weirdness, just delete it, and then we're back to here. And that's it! So the second step of this process is very straightforward. Let's go to the lower ear level, and delete the ones that are not needed.

So these are the ones that we need, meaning, we don't need this. Let's get rid of that, hit Delete. Now you don't need to have two ears. If you have two identical levels and you decide to move one, you'll see the other one beneath it. It will drive you crazy. So let's not do that. And then here, you'll have a duplicate of this, so these two should always look the same. If you make one adjustment to the top layer, it should be modeled on the bottom one, but it only happens for this one frame. Think of this like a relay race where this level does the race up to this point, and then it hands off the symbol to this layer, and then it keeps going down here.

And as you can see, we have the top layer here, so we don't need any ear symbol on this level. So delete that, and here is the handoff again. So let's just put it, F7 there, and now we test that in color and see if it works. Really nice! So there are some subtleties that we might want to add as the ear twists around and zips behind the head, possibly we might want to change the geometry a little bit. So what if you wanted to show it sliding around? Well, don't forget, you have to do the very same thing down here.

So to do that, rather than redo the same thing down here, you might not get it to match. Let's just select this symbol, hold down the Alt+Option key, and drag it to there, and then they do match. And that might soften that transition somewhat. There we go! It's pretty neat. It's a much softer turn now. So all these little tricks are things that you can do to trick the eye, and now we do the same thing, padlock the right ear, and we'll do the same thing with the left.

So I'm going to select the ear left level, hold down the Alt+Option key and just duplicate that at the top, and the process would be identical, but obviously with a different layering order as the head turns. So let's go into the up position, and at this point, definitely we don't need an ear there, or here. So something weird happens there--oh yes, because this ear needs to be not held, so we get a blank frame there as it pops off.

That's looking pretty good. And again, the same thing here, we might want to press this ear left, begins to move around the side of the head. It might be a good idea to--let's go into Outline. Let's squish the symbol a little bit so we feel like it's exactly turning, and you probably have to turn that quite a bit. Let's do this. And obviously, for the rest of these, it's completely hidden behind the head. Even though you can see it, if you are picky about this then you might want to just keep them flattened a bit.

So when that begins to appear around the other side, we have that same nice squish on the ear. Okay, let's look at these again, in color. That's beautiful! So again, we have the ear right which is an exact opposite of the upper ear right level and then the ear--the ear left has one last thing to do that some of these symbols aren't needed. We have duplicates here of course. So let's get rid of these. We don't need this one, because again, were you to move the upper ear left for any reason, you would see the other one beneath it.

It can be very annoying, so get rid of that, and we'll need this one here to carry on from here. So we see the ear on the top level from here to here, then it pops off. And right now what I'm doing is looking at this level, and my eye is jumping down to this level, and then I'm comparing them from one to the other. I think we probably have unnecessary frames somewhere here, say we have a duplicate ear level. So let's again, go back down to the ear left, put a blank keyframe there where the handoff happens, and delete all the duplicates.

If you're in doubt, grab the upper ear level very quickly, and bring it down, and then you can see what's happening. You can see the layer change and you have ears all the way through. Let's undo that. So we put it back to its normal place. Do the same thing with the ear right level, and you can see the same thing. Quite elegant; move that back. And you notice how I made a little indent that helps us to identify little four empty spaces, identify the fact that these levels down here are responsible for shifting a level like as in the ear and the hair.

Let's go up to the ear right and add them in here too; one, two, three, four; one, two, three, four. It will really help you when you're scanning back and forth, and you're going from this level to that level. It makes it slightly easier for your eye to follow that jump. So you can might even want a different indent pattern for the hair, maybe two, two less. These are the kind of little mental tricks that I use when I'm trying to make this timeline a little more user-friendly, a little easier for my brain to follow, because yes, it is obviously a lot of work for your mind to do when you are shuffling between all these different things and stacks, that it becomes like a huge blob of text.

So these techniques I find they work really well for me. You may have your own or different ones, but by all means, feel free to experiment, and concoct ones that work for you. So I think we are now ready to sign off on the clock rig; one last pass through with the whole thing to make sure there is nothing else that needs to be fixed. Now you notice too that there's some slight little imperfections, to put it mildly, and there's a lot of things that you can fix in here, but when we begin to animate with this later on, you'll find that the system is actually really, really forgiving. And what you're seeing right now is not a performance that you would ever do in an animated scene. You would have a much broader range of motion, and that will be more apparent in the later chapter.

So with that, we're ready to move on to the next chapter where we'll do an actual turnaround with the character.

Show transcript

This video is part of

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

44 video lessons · 5975 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.