Animating Infographics Pie Chart – HTML5 Banner Ads in Adobe Animate [39/53]

Animating Infographics Pie Chart – HTML5 Banner Ads in Adobe Animate

Adobe Animate is a powerful program for creating HTML5 banner ads. In this tutorial, we will create an animated pie chart infographic.

To get started, open Adobe Animate and create a new document. We will be working in the timeline, so make sure that the timeline is visible by clicking on the “Timeline” tab at the top of the screen.

Next, we need to create our pie chart. Draw a circle on the stage and use the “P” key to convert it to a pie chart.

Next, we need to add our data. Click on the “Text” tool and add the following text:

50%

25%

15%

10%

Next, we need to animate our pie chart. Select the “Pie Chart” layer in the timeline and use the following animation settings:

Duration: 10 seconds

Delay: 0 seconds

Loop: Yes

Now, we need to add our final touches. Select the “Stage” layer in the timeline and use the following settings:

Width: 550 pixels

Height: 400 pixels

Background Color: #FFFFFF

Now, our infographic is complete!