Making an object appear frame by frame

New Here ,
Dec 10, 2019 Dec 10, 2019

Copy link to clipboard

Copied

Hi everyone,

 

I'm trying to recreate a gif where the arrow appears frame by frame. Unfortunately, I have trouble with finding out how one can use this effect on the arrows. Could anyone please tell me if it is at all possible in Adobe Animate? I added the gif that I am trying to recreate in the attachments.

Thanks in advance!

TOPICS
How to

Views

62

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
Guide ,
Dec 10, 2019 Dec 10, 2019

Copy link to clipboard

Copied

Hi mate,

 

This is very easy.

You need to use a mask to reveal the arrow at the same time as you move the circle on a layer above.

 

So the structure will be as follows:

 

A Graphic container (Symbol) containing the circle and the arrow.

This container is used 3 times to make up the 'triangle'.

 

Inside you have arrow on bottom layer, which is masked and the mask is animated, either as a Shape Tween or Classic Tween.

Above the mask you have the circle which itself is a Graphic Symbol and is tweened in sync with the mask, using a Classic Tween.

 

The whole should ideally be wrapped into a Graphic Symbol container as well as it is always a bad idea to work on the Main timeline.

 

Nick – Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team – extensions for character animation – flash-powertools dot com

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

Copy link to clipboard

Copied

LATEST

Simple mask will do the trick. 

 

https://www.youtube.com/watch?v=8GHoAFeTYQc

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