Important Notice:

On July 31st, 2017 the Digital-Tutors library will be retired along with Digital-Tutors concurrent licensing. Effective August 1, 2017 any active group plans will be redirected to www.pluralsight.com. Each group plan will receive one individual user license on Pluralsight for each active Digital-Tutors license. Please contact your account representative for any additional questions.
Animating an Infographic in After Effects
See Details
Released May 13, 2013
Laura Hawk

Pluralsight

Laura Hawk
In this series of After Effects tutorials we will explore the process for creating an animated infographic in After Effects.

We start out by readying our assets from an earlier Illustrator project, which contains all of the graphics for the piece. Then, we dive into After Effects and begin telling the story with graphs and compelling animations that add to the overall appeal of the information being presented.

We learn tricks for timing your animations with a narrator's audio and creating contrast between graph animations and compositions that are based more in the imagery surrounding the subject. This course is a complete step-by-step process for creating your own animated infographic. If you want to get down to the basics for creating the graphics we use in this course check out Designing Thought-provoking infographics in Illustrator.. By the end of this course, you'll understand countless methods for telling the story of an infographic as well as tips to save you time as you work.
Introduction and Project Overview
1

Introduction and Project Overview

 
01:00
Preparing the Illustrator assets
2

Preparing the Illustrator assets

 
12:39
Importing the assets and setting up the After Effects project
3

Importing the assets and setting up the After Effects project

 
09:42
Setting up the title of the video
4

Setting up the title of the video

 
13:23
Animating the rest of the title and adjusting the timing to the narrator
5

Animating the rest of the title and adjusting the timing to the narrator

 
10:00
Creating an animation preset
6

Creating an animation preset

 
02:07
Animating a fish using liquify
7

Animating a fish using liquify

 
09:49
Rendering the fish animation and importing to loop
8

Rendering the fish animation and importing to loop

 
03:48
Creating a school of fish using Particular
9

Creating a school of fish using Particular

 
15:56
Using the original animated fish to create a straggler
10

Using the original animated fish to create a straggler

 
10:33
Bringing in the species text and banner
11

Bringing in the species text and banner

 
14:08
Animating the sea turtle
12

Animating the sea turtle

 
08:14
Animating the small yellow fish's path
13

Animating the small yellow fish's path

 
08:28
Transitioning from the text banner to the pie graph circle
14

Transitioning from the text banner to the pie graph circle

 
10:23
Creating the pie chart animation with a radial wipe
15

Creating the pie chart animation with a radial wipe

 
09:46
Adding the world animation with effects
16

Adding the world animation with effects

 
13:52
Transitioning to the next pie graph
17

Transitioning to the next pie graph

 
13:53
Completing the pie graph reveal
18

Completing the pie graph reveal

 
18:03
Animating the legend
19

Animating the legend

 
11:32
Transitioning to the 3D text
20

Transitioning to the 3D text

 
09:29
Animating 3D text using a camera to follow speech
21

Animating 3D text using a camera to follow speech

 
12:35
Continuing to animate the 3D text
22

Continuing to animate the 3D text

 
13:40
Transitioning from the text to the arrow
23

Transitioning from the text to the arrow

 
09:25
Adding the text and graphic to the arrow
24

Adding the text and graphic to the arrow

 
12:18
Animating the camera through 3D coral
25

Animating the camera through 3D coral

 
16:15
Adding the fish detail and fading the coral
26

Adding the fish detail and fading the coral

 
08:51
Animating the text call-out
27

Animating the text call-out

 
05:09
Animating the graph with trim paths and an animation preset
28

Animating the graph with trim paths and an animation preset

 
15:25
Adding a camera movement to the graph
29

Adding a camera movement to the graph

 
19:32
Transitioning from the graph to the question text
30

Transitioning from the graph to the question text

 
12:38
Creating a 3D school of fish
31

Creating a 3D school of fish

 
12:55
Transitioning the school of fish with the text
32

Transitioning the school of fish with the text

 
06:24
Introducing the 'cause' animations
33

Introducing the 'cause' animations

 
14:19
Animating the coral bleaching 'cause' composition
34

Animating the coral bleaching 'cause' composition

 
09:26
Animating the carbon dioxide and ozone depletion cause comps
35

Animating the carbon dioxide and ozone depletion cause comps

 
07:59
Creating a 3D spin transition
36

Creating a 3D spin transition

 
05:16
Using the swing animation preset and trim paths to animate the text
37

Using the swing animation preset and trim paths to animate the text

 
11:55
Animating the coral to scale on with offset keyframes
38

Animating the coral to scale on with offset keyframes

 
07:39
Animating the coins with water resistance
39

Animating the coins with water resistance

 
10:21
Animating the column graph
40

Animating the column graph

 
19:37
Animating the fish path with auto-orient
41

Animating the fish path with auto-orient

 
06:28
Animating the preventative comps
42

Animating the preventative comps

 
11:48
Finishing the preventative compositions
43

Finishing the preventative compositions

 
17:20
Creating vignettes with a closing, and adding grain
44

Creating vignettes with a closing, and adding grain

 
09:30