Highlighted

Scaling a symbol that is moving along path in Adobe Animate CC

New Here ,
Feb 05, 2020

Copy link to clipboard

Copied

Hi and thank you for trying to help! So, I'm trying to recompile this example made in After Effects in Animate CC as an html5 project with SVG assets only. Here's a short video from Google Drive. I figured out how to move that word bubble along the path, now I'm trying to find a way to scale it up from 0 to 100 percent in the start, and scale it down from 100 to 0 at the end of the path. How can I do that while keeping the along-path-movement? Thank you!

P.S.: Here's fla file just in case.

Regards,
Artur Sorokin

Hi Artur,

 

Since your tween is very simple and has no easing, the simplest thing to do is to add one more keyframe before the last (say at frame 116) and scale down your tweened object to 10% in the first and last keyframes.

You can use the Free Transform tool to do this. Hold down Shift while dragging a handle and it will shrink proportionally.

Or you can input a numeric value into the Transform panel.

 

Clipboard-1.png

 

TOPICS
How to

Views

118

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

Scaling a symbol that is moving along path in Adobe Animate CC

New Here ,
Feb 05, 2020

Copy link to clipboard

Copied

Hi and thank you for trying to help! So, I'm trying to recompile this example made in After Effects in Animate CC as an html5 project with SVG assets only. Here's a short video from Google Drive. I figured out how to move that word bubble along the path, now I'm trying to find a way to scale it up from 0 to 100 percent in the start, and scale it down from 100 to 0 at the end of the path. How can I do that while keeping the along-path-movement? Thank you!

P.S.: Here's fla file just in case.

Regards,
Artur Sorokin

Hi Artur,

 

Since your tween is very simple and has no easing, the simplest thing to do is to add one more keyframe before the last (say at frame 116) and scale down your tweened object to 10% in the first and last keyframes.

You can use the Free Transform tool to do this. Hold down Shift while dragging a handle and it will shrink proportionally.

Or you can input a numeric value into the Transform panel.

 

Clipboard-1.png

 

TOPICS
How to

Views

119

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
Feb 05, 2020 0
Guide ,
Feb 05, 2020

Copy link to clipboard

Copied

Hi Artur,

 

Since your tween is very simple and has no easing, the simplest thing to do is to add one more keyframe before the last (say at frame 116) and scale down your tweened object to 10% in the first and last keyframes.

You can use the Free Transform tool to do this. Hold down Shift while dragging a handle and it will shrink proportionally.

Or you can input a numeric value into the Transform panel.

 

Clipboard-1.png

 

- 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...
Feb 05, 2020 3
New Here ,
Feb 06, 2020

Copy link to clipboard

Copied

Hi Nick! Thank you so much for the help! It works!

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...
Feb 06, 2020 1
Guide ,
Feb 06, 2020

Copy link to clipboard

Copied

You're most welcome, Artur!

 

- 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...
Feb 06, 2020 0