After Effects CC Expressions: Animated Infographics Design
4.6 (340 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,442 students enrolled

After Effects CC Expressions: Animated Infographics Design

Learn all about Expressions while Animating Interesting and useful Infographics Designs in Adobe After Effects CC
Highest Rated
4.6 (340 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,442 students enrolled
Created by Louay Zambarakji
Last updated 6/2020
English
English [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 4 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create Animated infographics: line Graphs, Bar Charts and Pie Charts
  • Understand and Use expressions to help create charts
  • Use special effects and presets to create graphs
  • Apply pro techniques to change graph values
Requirements
  • Beginner's knowledge in After Effects
  • Basic Transformation and Layers Manipulation
  • Adobe After Effects ver CS6 and beyond
Description

From the Author of the Best Selling Highest Rated After Effects CC 2020 Complete Course.

Now you get: Adobe After Effects Expressions: Create Animated Infographics

This is a unique course on Udemy  and the only course where you will learn about Expressions while building animated infographics.

The focus of the animations is based on Graphs such as bar, line and pie charts – with different methods to create animations.

You will learn:

  1. How to use expressions to link different properties such as rotation and position

  2. How to use expressions to control effects to create complex animations

  3. How to display values through expressions

Expressions are very useful (when used wisely) and will enable you to easily create complicated animations while saving a lot on keyframing.

You will learn the ins and out to creating infographics. You will also go through 3 major infographics graphs styles that will build your skills to create any animated infographic element or bar charts.

This is a project-based course where you will have all the project files to practice and review. You will be also able to follow along.

If you are a novice user of After Effects, this course is your opportunity to understand and practice Expressions while building useful and practical animations.

Louay

Cheers

Who this course is for:
  • After Effects users who want to develop their skills using expressions
  • Interested in Animated Infographics
Course content
Expand all 32 lectures 02:17:37
+ What's this course all about
2 lectures 14:03

An overview of what you will achieve in this course

Preview 01:05

In this Lecture you will discover:

  • How to link two different properties using just the pickwhip:

  • Linking Rotation and Position

  • Looping an animation for the duration of a comp


Adobe After Effects CC : Expressions - Create Motion Infographics

Preview 12:58
+ Pie Inforgraphic Project
12 lectures 59:07

A preview of the project we will create together in this section.


Adobe After Effects Tutorials : Expressions - Create Motion Infographics

Preview 01:37

In this lecture you will cover

  • Creating the main circle with the right shadow
  • Creating the chronometer
  • Using Offset Path to adjust the circle size

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the main chronometer circles
06:31

In this lecture you will cover

  • Using the Trim Path
  • Animating End and Start
  • Using the Offset
  • Creating the Animation
  • Displaying the Percent Figure using Text Expressions


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the chronometer Animation
06:12

In this lecture you will cover

  • Rounding the figures – Using Math Expressions
  • Adding Text values to a Math Expression
  • Understanding the Math Expression in Plain English

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Using Math Expressions to refine Text Display
02:48

In this lecture you will cover

    • Animating the Pen Path
    • Popping Circles and Adding Shadows


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating Label elements
06:12

In this lecture you will cover

  • Animating Text – Per Character Animation
  • Using Start and End - Per Text Animation

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating Descriptive elements​​
06:27

In this lecture you will cover

  • Animating the entry Circles
  • Animating Text – Per Character Animation
  • Animating with the Hold Key-frames


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the Entry Animation
04:10

In this lecture you will cover

  • Animating the entry Circles
  • Animating Text – Per Character Animation
  • Animating with the Hold Key-frames

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Adding Animated Arrows and Values
07:56

In this lecture you will cover

  • Review of you learned
  • Using the Area of Interest
  • Cropping a Comp
  • Adding Adjustment Layer
  • Using the Color Control
  • Linking Fill & Stroke to Color Control

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Cropping Comp and Controlling Colors
04:45

In this lecture you will cover

  • Using Keyframe Assistant to Sequence Layers
  • How to Select Layers
  • Using the Overlap in Sequence Layers
  • Using the Align the right way
  • Using the Time Remapping
  • Using Extend Layer Commands

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the Presentation
08:22

In this lecture you will cover

  • How to use the Gradient Ramp
  • Reviewing the presentation

Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Adding the Background
04:02

Downloading the Project

Downlaod your Project Files
00:05
+ Bar Graph Motion Infographic
9 lectures 29:40

A preview of what you will learn


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Preview 01:13

In this lecture you will cover

  • Using the repeater to create the Major Ticks
  • Using Double repeater to Create the Minor Ticks


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating and Animating the Axis - X
04:57

In this lecture you will cover

  • Creating the Y-Axis
  • Creating the Y-Labels using Expressions and Layer’s names
  • Cropping the Composition
  • Compiling X and Y Axis in the Same Comp


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the Y-Axis and The Y-Labels
06:10

In this lecture you will cover

  • Sequencing for Animation
  • Extending Layers in the composition time lines


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Animating Y-Axis Labels with Sequencing
03:29

In this lecture you will cover

  • Setting the use of Linear wipe
  • Fixing Maximum and Minimum Percentage Values
  • Creating the X Labels with Expressions


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating and Animating Bars and their Labels
04:00

In this lecture you will cover

  • Setting up to replicate the bars
  • Linking Labels and Bars using the Layer’s name
  • Rounding figures with Math expressions
  • Replicating using various commands
  • Setting Key-Frames and Values


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Pro-Method to Replicating Bars and Labels
03:58

In this lecture you will cover

  • Sequencing the Bars Animations
  • Cropping and Extending Bar’s Layers


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Sequencing and Animating the Graph Bars
02:21

In this lecture you will cover

  • A simple method to add shadows
  • Using the Blur to Add shadow background
  • Animating the presentation in 3D


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Adding Shadows and animating in 3D
03:31

Download the Project Files


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Download your Project Files for this Section
00:01
+ Linear Graph Chart
7 lectures 31:09

In this lecture you will cover

  • Setting up the Grid
  • Using the Grid Effects
  • Setting up an Adjustment Layer with color controls


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Setting up: Creating Grid and Color Control
04:06

In this lecture you will cover

  • Creating a Mask to remove colors in the background
  • Creating the Beam
  • Understanding the Beam Parameters
  • Connecting the points using the effect parameters


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the Points – Setting Colors and Linking with a Beam
07:15

In this lecture you will cover

  • Analyzing Maximum and Minimum Points
  • Using the linear() expressions to create percentages
  • Setting the Labels’ Value
  • Parenting to Points


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating Animated Labels and linking to Graph Points
08:01

In this lecture you will cover

  • Setting up to duplicate the line graph points
  • Duplicating the Beam for each point
  • Changing values of the effect to connect all line points
  • Setting initial values
  • Starting the Animation


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating the Linear Graph and Linking the Line Graph
06:25

In this lecture you will cover

  • Pre-composing the main comp
  • Linking and Changing colors
  • Superimposing the comps
  • Changing values to create various graphs


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

Creating various colored line charts
04:50

Download your Line Chart Project from resources

Downlaod your Line Chart Project
00:02
+ The way forward
1 lecture 03:32

In this lecture you will cover:

The most important aspect of expressions:

Objects - Group Objects - Property


Adobe After Effects Tutorials: Expressions - Create Motion Infographics

In Conclusion
03:32
+ Bonus and Coupons
1 lecture 00:05
Coupons for my other Course - Learn more for less
00:05