Highlighted

How to create circular loading?

Explorer ,
Jan 07, 2019

Copy link to clipboard

Copied

Please check it out file which I uploaded following:

https://bit.ly/2Qw5mRN

well, a basic technique in animation but I don't get it yet:

PIC01.PNG

in layer 1 (frame 1), I created semi oval:

PIC02.PNG

Also layer 1 (frame 25), I fill full oval:

PIC03.PNG

On layer 2 (frame 1), I created a semi circle:

PIC04.PNG

I converted it to video clip, tweening rotate to CW, set it to Mask and run test, first, mask reveal gradually right half of circle (frame 1 => 24), but afterwards from frame 25, I created full circle but mask still hide right half of circle:

PIC05.PNG

seem there's something which I didn't notice ...? any idea, thanks for reading!

Most Valuable Participant
Correct answer by robdillon | Most Valuable Participant

You will need a second half circle mask. After the first mask has finished it’s move, hold it in place. Then start a second mask rotating over the second half of the circle.

TOPICS
Discussions

Views

338

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

How to create circular loading?

Explorer ,
Jan 07, 2019

Copy link to clipboard

Copied

Please check it out file which I uploaded following:

https://bit.ly/2Qw5mRN

well, a basic technique in animation but I don't get it yet:

PIC01.PNG

in layer 1 (frame 1), I created semi oval:

PIC02.PNG

Also layer 1 (frame 25), I fill full oval:

PIC03.PNG

On layer 2 (frame 1), I created a semi circle:

PIC04.PNG

I converted it to video clip, tweening rotate to CW, set it to Mask and run test, first, mask reveal gradually right half of circle (frame 1 => 24), but afterwards from frame 25, I created full circle but mask still hide right half of circle:

PIC05.PNG

seem there's something which I didn't notice ...? any idea, thanks for reading!

Most Valuable Participant
Correct answer by robdillon | Most Valuable Participant

You will need a second half circle mask. After the first mask has finished it’s move, hold it in place. Then start a second mask rotating over the second half of the circle.

TOPICS
Discussions

Views

339

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
Jan 07, 2019 0
Most Valuable Participant ,
Jan 08, 2019

Copy link to clipboard

Copied

You will need a second half circle mask. After the first mask has finished it’s move, hold it in place. Then start a second mask rotating over the second half of the circle.

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...
Jan 08, 2019 1
Adobe Community Professional ,
Jan 08, 2019

Copy link to clipboard

Copied

I agree with robdillon​ and separate the circle into halves. Deal with 1/2 as you already have, then have the unmasked completed 1/2 circle on a frame and then deal with the opposite half on a new set of layers.

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...
Jan 08, 2019 1