• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to create circular loading?

Explorer ,
Jan 07, 2019 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!

Views

843

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

correct answers 1 Correct answer

LEGEND , Jan 08, 2019 Jan 08, 2019

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.

Votes

Translate

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

Votes

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

Copy link to clipboard

Copied

LATEST

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.


Animator and content creator for Animate CC

Votes

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