How to make a donut style pie chart animation in After Effects

This lesson is exclusive to members

Course contents
SECTION: 4
Camera – 1 Node 9:36
SECTION: 5
Preview & Playback 6:45

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

52 lessons / 7 hours 1 projects Certificate of achievement

Overview

Hi there, my name is  Dan. I’m a Adobe Certified Instructor and I LOVE animating infographics & bringing potentially boring data to life using After Effects.

This course is for beginners. You don’t need any previous knowledge in AFX or any motion graphic experience. We’ll start with the super basics, taking simple icons breathing life into to them with After Effects.

We’ll work through a real life projects, connecting Excel into After Effects to transform your boring spreadsheet data into approachable visual information. We’ll experiment with lighting & cameras. We’ll do some fun things with masking, looking at how important sound is in your presentation, all the way through to exporting for Youtube, Powerpoint and all sorts of social media including animated GIFS.  

There are projects for you to complete, so you can practice your skills and use these for your portfolio. There is a cheat sheet and I’ve got exercise files so you can play along. I will also save my files as I go through each video so that you can compare yours to mine - handy if something goes wrong.

Know that I will be around to help - if you get lost you can drop a post on the video 'Questions and Answers' below each video and I'll be sure to get back to you.

What are you waiting for? Lets get making!


What are the requirements?

  • You will need a copy of Adobe After Effects, Illustrator & Photoshop CC 2017 or above. 90% of the course will be done in After Effects but a few things are better done in Illustrator & Photoshop. A free trial can be downloaded from Adobe.

  • No previous motion graphic skills are needed.

  • No previous After Effects, Illustrator or Photoshop skills are needed.

What am I going to get from this course?

  • 48 lectures 5+ hours of well structured content.

  • You'll learn to take Excel spread sheets and animate this in After Effects.

  • You’ll learn how to make animated pie charts, line charts & bar graphs.

  • You’ll learn how to create percentage counters.

  • You’ll learn how to animate icons making beautiful infographics.

  • You’ll learn how to create 'voice over' infographics.

  • You’ll learn all the animation techniques needed to bring your data to life.

  • You will have the finished files so you never fall behind.

  • Downloadable exercise files & cheat sheet.

  • Forum support from me and the rest of the BYOL crew.

  • Techniques used by professional motion graphic designers.

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • No previous After Effects experience is necessary.

  • This course is for people completely new to After Effects. No previous animation or motion graphic design experienced is necessary.

  • This is a relaxed, well paced introduction that will enable you to produce impressive video for your business or organization. Only basic computing skills are necessary - If you can send emails and surf the internet then you will cope well with our course.

  • There is a 100% refund if you don’t find this course useful. Just message me, no questions asked, I’ll refund your payment in full.

Course duration 5.5 hours + your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Download Exercise Files Download Completed Files

Transcript

Hi there, in this tutorial we're going to look at Masking. We're going to cut a hole in our doughnut. Hey, we've already done that before with the big circle. But this time, look it's an actual hole in there, not just a red circle that matches the background. So let's go and learn how to do that in After Effects.

To get started, go to 'Exercise files', open up '08 Masking'. There's one called 'Pie Chart Image Mask', open it up. And I've just made this really basic, a pie chart, like we did before. But it's got that secret trick where it looks like a doughnut, really, it's just a regular old pie chart with a colored circle in the middle, so I'm going to undo that, put it back. We need to do it the proper way. Why? Because if I turn off my background it's actually just a red dot. So you might have a video in the background, or some images all moving across the screen in front of other objects, lots of reasons.

So what I want to do is, we need to keep it. So I'm going to rename mine, I'm going to call it my 'Mask'. And what I'd like to do is, we're going to use something called a Track Matte. What that means is we're going to use this layer to mask the layers underneath it. Now the problem is, the Track Matte can only do the one directly underneath. So I can't mask this one as well. I couldn't mask the Layer above it either. It has to be wherever your Mask is, so I'm going to use this as my Mask. It has to be directly underneath.

So, to get around that, I can either have two of these masks, and do these two separately, or I can just select these, and group them by Pre-Composing. So right click 'Pre-Compose', and I call this my 'Pie Chart'. Now this Mask Layer can mask this Pie Chart underneath. To do it, select 'Pie Chart' and you might be on 'Switches', toggle this button here. So you can see Track Mattes, and say, I'd like to track this first one here, 'Track Matte Mask'. It's doing the opposite of what I want but there's an option in there, that says 'Alpha Inverted'. It's going to play, looks exactly the same as what it was before, except now, when I turn that background layer off, it's an actual hole. If I need to go in and edit this Pie Chart here now all I got to do is double click here, or up here where I called it Pie Chart. Double click, go inside. These are my two layers, I can make my adjustments and play around with it.

When I'm finished, go back to my simple Pie Chart. We're back to where we were before. Nice little hole. Turn that back on. So that is masking one on one, just using a Track Matte. Just make sure it's directly above the Layer you want to mask, and if you want to mask lots of layers, group them together using Pre-Compose. All right, let's get into some more masking.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024