Highlighted

Could I do this in Animate? (Tween a nested animation in perspective)

Community Beginner ,
Oct 03, 2020

Copy link to clipboard

Copied

I wanted to learn how to do rig based animation and I'm still very new to how everything works in this program. I wanted to know how to get this effect where the face can be a nested animation and rotated through tweening. Here's an example with the effect im looking for.

Inside the head you have all facial features as symbols, each on its own layer.

You move them in relation to the head oval in a way that simulates parallactic displacement and three-dimensionality.

You combine this with subtle rotation of the whole head symbol on the outside so that it looks organic.

 

Try with something simple first.

 

Here is a small animation test that I've done, employing this technique:

KineFox_Fly_Test_2.gif

It works and is very easy to do.

 

TOPICS
How to

Views

107

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Could I do this in Animate? (Tween a nested animation in perspective)

Community Beginner ,
Oct 03, 2020

Copy link to clipboard

Copied

I wanted to learn how to do rig based animation and I'm still very new to how everything works in this program. I wanted to know how to get this effect where the face can be a nested animation and rotated through tweening. Here's an example with the effect im looking for.

Inside the head you have all facial features as symbols, each on its own layer.

You move them in relation to the head oval in a way that simulates parallactic displacement and three-dimensionality.

You combine this with subtle rotation of the whole head symbol on the outside so that it looks organic.

 

Try with something simple first.

 

Here is a small animation test that I've done, employing this technique:

KineFox_Fly_Test_2.gif

It works and is very easy to do.

 

TOPICS
How to

Views

108

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 03, 2020 0
Guide ,
Oct 03, 2020

Copy link to clipboard

Copied

Hi mate,

 

Yes, very easy.

You nest all facial features inside the head symbol, run the head symbol in sync with the character timeline and tween the positions of facial features inside in sync with some rotation from the outside to achieve the effect of 3-dimensionality.

 

Here is a step by step guide to rigging for Flash: https://flash-powertools.com/character-rigging-for-flash-animation/

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 03, 2020 0
Community Beginner ,
Oct 03, 2020

Copy link to clipboard

Copied

I appreciate the link, but could you explain how I'd do the rotating?  I tried using the 3d rotation tool, but it doesn't work on graphic symbols. Thanks again for the help.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 03, 2020 0
Guide ,
Oct 03, 2020

Copy link to clipboard

Copied

Inside the head you have all facial features as symbols, each on its own layer.

You move them in relation to the head oval in a way that simulates parallactic displacement and three-dimensionality.

You combine this with subtle rotation of the whole head symbol on the outside so that it looks organic.

 

Try with something simple first.

 

Here is a small animation test that I've done, employing this technique:

KineFox_Fly_Test_2.gif

It works and is very easy to do.

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 03, 2020 1
Community Beginner ,
Oct 03, 2020

Copy link to clipboard

Copied

I get it now. Thanks man, this definitely helped.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 03, 2020 1
Guide ,
Oct 03, 2020

Copy link to clipboard

Copied

That's great, mate!

Well done!

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 03, 2020 0