Highlighted

Graph

New Here ,
Dec 16, 2019

Copy link to clipboard

Copied

Hello, I am hoping someone can answer, point me in which direction can I learn and work.

I am using Adobe Animate to animate such "graph" to "load" from A to B. (see attachment). What tool can i use to draw those bars gradually getting longer without distorsion or draw from scratch? If you look at the short lines, you can see a little bit weird distorsion and the lines don't follow the gray line.  

I can also use Illustrator, After effects.

I hope my question is clear.

 

Kind regards, NejcUntitled-1.jpg

TOPICS
Other

Views

80

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

Graph

New Here ,
Dec 16, 2019

Copy link to clipboard

Copied

Hello, I am hoping someone can answer, point me in which direction can I learn and work.

I am using Adobe Animate to animate such "graph" to "load" from A to B. (see attachment). What tool can i use to draw those bars gradually getting longer without distorsion or draw from scratch? If you look at the short lines, you can see a little bit weird distorsion and the lines don't follow the gray line.  

I can also use Illustrator, After effects.

I hope my question is clear.

 

Kind regards, NejcUntitled-1.jpg

TOPICS
Other

Views

81

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
Dec 16, 2019 0
Adobe Community Professional ,
Dec 16, 2019

Copy link to clipboard

Copied

You're going to have to draw them at full size, then reveal them with a rotating mask.

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...
Dec 16, 2019 0
New Here ,
Dec 16, 2019

Copy link to clipboard

Copied

Thank you ClayUUID,

 

I suppose rotation mask in After Effects? 

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...
Dec 16, 2019 0
Guide ,
Dec 16, 2019

Copy link to clipboard

Copied

No, I'm pretty sure he means mask in Flash/Animate.

 

Since you only have semi-circles this is very easy to achieve.

 

You rotate the semi-circle symbol (Graphic), while the mask is static over them.

 

ps. Correction - 'arc', not 'semi-circle'

 

- 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...
Dec 16, 2019 0
Adobe Community Professional ,
Dec 16, 2019

Copy link to clipboard

Copied

Uh, no. Rotate the mask while the line arc is static.

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...
Dec 16, 2019 1
Guide ,
Dec 16, 2019

Copy link to clipboard

Copied

Funny!

 

- 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...
Dec 16, 2019 0
Adobe Community Professional ,
Dec 17, 2019

Copy link to clipboard

Copied

I was being serious. But now that I think about it some more, with a little work it would be possible to use a single mask layer for any arbitrary number of bars. You'd just have to bleed the moving bars a few pixels to ensure they always fill the stroke width of the mask cutouts, since arcs in Animate are imprecise and wobble when rotated.

 

Like so...

 

semicircle-bars.gif

 

semicirclebars.png

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...
Dec 17, 2019 2
Guide ,
Dec 17, 2019

Copy link to clipboard

Copied

Yeah, brilliant!

Allows for a simpler setup without removing any flexibility how to time, while eliminating arc wobbliness.

 

- 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...
Dec 17, 2019 0
New Here ,
Dec 18, 2019

Copy link to clipboard

Copied

That's the output i had in mind. Trying to recreate that now... Thank you so much.

 

 

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...
Dec 18, 2019 0