Up your presentation game with animated bar graphs to present your data in a compelling way.

Prep your files

Open your graph file and make sure each layer of your project is separated. If your graph was created in Photoshop, remove any groups or artboards.

animated-bar-graphs_step-1_900x506

Open Adobe After Effects CC

Create a new composition. Input your dimensions and choose a time length for your animation.

Remind yourself of your awesomeness for learning a new skill!

animated-bar-graphs_step-2_900x506

Input your files

Press Command+I and then input the files as a composition, retaining all layer sizes.

Bring your layers into your composition's timeline.

animated-bar-graphs_step-3_900x506

Animate it! (aka the fun part)

Click on the first layer you’d like to animate. Select the Pan Behind Anchor Point Tool, and then click where you want your animation to start from.

Click the dropdown menu to reveal your transformation options and then set a duration (how long you want this layer to animate).

  • At the beginning of your duration, set your scale to: 0
  • At the end of your duration, set your scale to: 100
animated-bar-graphs_step-4_900x506

Animate the remaining layers

Repeat steps 1 - 4 for each layer you want to animate.

animated-bar-graphs_step-5_900x506

Export the composition

When you're finished animating the layers, export the animated bar graph. 

animated-bar-graphs_step-6_900x506
09/08/2018
Was this page helpful?