Shape Tween not recognizing Shape Hints

Community Beginner ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

I'm new to Adobe Animate and attempting to create a simple test animation of an isometric cube-button squishing in place.

Intended Frame 1 & 3:

willc36308498_0-1597686559684.png

Intended Frame: 2

willc36308498_1-1597686574856.png

I've set up my file with each polygon on its own layer. Animating the 'top' up and down is easy enough with a classic tween, but I'm unable to consistently deploy the shape tween for the left and right 'sides.' 

 

The 'right side' animated easily with a shape tween, without using shape hints at all. But the left side wants to switch corners in a way that ruins the effect:

willc36308498_2-1597686803264.png

willc36308498_3-1597686828626.png

I have tried to use shape hints to prevent this from happening, but to no avail:

willc36308498_4-1597686899542.png

willc36308498_5-1597686915891.png

willc36308498_6-1597686946019.png

I even tried switching hints and on Frame 2 just in case something counter-intuitive was happening, but the issue persists:

willc36308498_7-1597687018640.png

willc36308498_8-1597687049665.png

Can anyone help me troubleshoot what's going on here? If I can't achieve something as simple as pressing a 3D button, I'm a bit discouraged about using Animate for the projects I have planned. I'm working in Animate version 20.5.1, and the polygons were created in Adobe Illustrator and copy-pasted into Animate without much fuss.

 

Views

165

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
community guidelines
Mentor ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Hi mate,

 

Make sure you put the hints in counter clockwise manner starting from top-right corner.

Try with only one or two at first.

The way you have put them now is most likely causing more harm than good.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools 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
community guidelines
Community Beginner ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Thanks for the tip, Nick — somehow I hadn't encountered that in any of the tutorials I looked at. Unfortunately, it has not had the desired effect.

 

I tried it with one hint:

willc36308498_0-1597717411930.png

 

 

willc36308498_1-1597717430132.png

And also with two hints:

willc36308498_3-1597717516680.pngwillc36308498_2-1597717481271.png

...to similar effect.

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
community guidelines
Community Beginner ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Things get slightly better with 3 hints, but no cigar:

willc36308498_0-1597717861048.png

 

willc36308498_1-1597717881505.png

But then it works with 4 hints!

willc36308498_2-1597718053471.png

willc36308498_3-1597718066909.png

So it looks like 4 is best, but the counter-clockwise, start in the upper-right trick is key to success!

 

Thanks for your help resolving this. If you have any recommended resources on getting the best out of shape tweens, I'm all ears.

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
community guidelines
Community Beginner ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Just in case anyone wanted to see the fruits of my labor:

cube-bounce.gif

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
community guidelines
Mentor ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Well done, mate!

🙂

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools 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
community guidelines
New Here ,
Oct 01, 2021 Oct 01, 2021

Copy link to clipboard

Copied

Hi Nick,

 

I seem to be having a similar problem to the original poster.

 

I'm trying to shape tween from shape A to shape B:

Rob5C07_0-1633087083900.png

But no matter how I arrange the shape hints, or how many I add, it seems determined to flip two of the corners.

 

Rob5C07_1-1633087204575.png

Rob5C07_2-1633087215306.png

Rob5C07_3-1633087222490.png

Any advice would be much appreciated.  I'm trying to keep the left-hand vertical side straight and stationary while the bottom right corner moves to create the angle.

 

 

 

 

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
community guidelines
Mentor ,
Oct 01, 2021 Oct 01, 2021

Copy link to clipboard

Copied

LATEST

Hi Rob,

 

Try to separate each line on its own layer.

 

You can also try to flip horizontally the whole thing. Might work better.

If so, put it inside a container and flip again on the outside.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools 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
community guidelines