Pie chart infographic in After Effects

Course contents
SECTION: 5
Inspiration 4:15
SECTION: 13
Swinging text 10:36
SECTION: 14
Puppet tool 5:54
SECTION: 15
Effects & presets 6:56
SECTION: 17
What now? 3:56

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

53 lessons / 6 hours

Overview

Motion graphics are an essential part of video creation and editing. From moving titles across the screen to stabilising your footage to smooth out the bumps or replacing a sign in the background. Ubiquitous, subtly powerful, and for the beginner, a bit mystifying. You need to learn motion graphics. You need a tutorial that will help at every step of the way, without leaving you drowning in details.

If you’ve ever made a video, you’ve probably already discovered that it’s all the little extra infographics, titles and animation that make your project look professional – and you’ve probably already wondered which is the right After Effects tutorial that will let you access the potential.

After Effects is the industrial strength tool for putting the motion in your graphic designs and content. It can also appear to be pretty deep, so getting guidance from a pro that understands how to teach, as much as how to use, After Effects is going to be the key that unlocks your potential.

How about a motion graphics tutorial taught by a working professional who just happens to be great at teaching too? Daniel Scott has been working with animation and motion graphics for over a decade and is the founder of Bring Your Own Laptop - they've been helping people learn design and animation all over the world for just as long.

 



 

Daniel, an Adobe Certified Expert and Instructor, will take you one manageable step at a time through motion graphics in a series of small practical projects that come together to unlock Adobe After Effects, animation, and infographics. These tutorials give you the complete foundation that you can build on for years to come. Learn the principles and the specifics of producing content, in a way that you'll understand and remember. And stay awake.

Just 3 hours long, and very hands on, you’ll take on specific tools and techniques one at a time so you can easily comprehend each aspect of the tutorial, and see all the parts of creating motion graphics before you get intimidated by the scale of what you can do. From zero to hero, as we like to say.

You get downloadable exercise files that match the course, so no time wasted trying to match project settings or finding material to work with. And you can use the end results in your own projects or portfolio – you can customise them to suit your needs as you grow in understanding.

To learn motion graphics is to unlock the door on the magic that makes your video or web content stand out in the crowd. Daniel is going to provide you with the motion graphics tutorial you’ve been looking for to get more than your foot in the door – you’re going to be able to create beautiful animation and infographics. You’ll be empowered to use After Effects the way it was meant to be used, and to create your own creative content, even during the tutorial itself.

What are the requirements?

  • This course is for absolute beginners

  • You'll need a copy of Adobe After Effects CC 2015 or above. A free 30 day trial can be download from Adobe here.

What am I going to get from this course?

  • Create beautiful motion graphics

  • Animate compelling infographics

  • Choose the correct video settings.

  • You’ll learn how to exporting your video easily.

  • You’ll be able to create slick type animations.

  • Rendering your video for Youtube & Vimeo.

  • Create titles for interviews.

  • Add music to your motion graphics.

  • Trim & editing video.

  • Add watermarking your video.

  • Fixing shaky footage.

  • Color correct & fix any bad footage.

  • Add a vignette to your video.

  • Learn how to use your skills from Illustrator & Photoshop

  • How to use green screen footage

  • How to mask like a pro.

  • How to animate infographics like bar graphs, line graphs & pie charts.

  • How to use camera to make 3D type.

  • Animating static images using parallax

  • Plus basic character animation.

  • + More…

What is the target audience?

Yes:

  • This course is for people who want to start earning money as a motion graphics designer.

  • This course is for beginners wanting to learn to use After Effects for motion graphics and infographics.

  • No previous After Effects or animation skills are necessary.

No:

  • This course is NOT for people who have a good understanding of After Effects already. This is for new people only.

Course duration 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.

Downloads & Exercise files

Download Exercise Files

Transcript

Hey, in this video we're going to look at making a Pie chart infographic. So instead of having a line chart, like we did in the last one, and just having a reveal, we're going to have a Pie chart, kind of little slices popping out.

So to do it, we're going to create a 'New Composition'. And we're going to-- Background color, I'd like to change it to white, but remember, we can't do it here, we need to click 'OK', and add a new 'Layer', 'Solid'. And we are there. Make sure it's white, I'm going to call this one 'Background'. And I'm going to lock it, and he's going to sit there in the background.

So, to do a Pie chart, we're going to grab the 'Circle Tool'. Remember, have nothing selected down here otherwise the circle will just become a mask. I'm going to pick a 'Fill' color. So we might pick up any color, ours is 'Green'. Click, hold, and drag out the circle. So, we've got our circle. Back to my 'Black arrow'. Now, for this trick to work, you really need it in the center of your composition. Even if later on, you're going to move it around, to start off with, the radial white needs to have the circle in the center.

To do it, open up your align panel, so go to 'Window', go to 'Align'. It's not already open, where's 'Align'? There he is, down here. It's set to composition, so it means it's going to go center in the middle. There, in the middle. So it's perfectly in the middle, it's going to help us use this thing, called the 'Radial Wipe'. So we've got one slice here, and I'm going to rename this one, and this one's going to be called 'Base'. I'm going to close that up to make it look pretty. And then I copy and paste this one. I'm going to right click this one, and call this one 'Slice'. And this top one here, I'd like to make it a little bit bigger and change the color.

So I'm going to go into here, and what you'll notice is that-- I'm going to increase the scale of it, but watch what happens. It's going to scale from the center point. And this is a bit of a pain when you draw things. That was the center of the composition originally. Now we've moved it around. You want to use the pan behind tool just make sure that this guy is in the center. You remember the key I hold down to move the anchor point around? It's 'Command' on a Mac, and 'Control' on a PC. It's just snapped to the center. Now, when I scale it, I'm just going to grab it from the center. I'll get that up to around, maybe '120'. It's just going to be, the pie slice going to be slightly bigger than the rest of it. I'm going to twirl it down now. Here's my slice, changed the color. I'm going to click on it. Click on 'Contents', 'Ellipse'. And at the top here, black arrow.

Actually, with it selected let's pick a new color. What color? Any color. I'm going to click that one. So we've got our slices a little bit bigger, now we need to add the 'Radial Wipe'. So over here, in 'Effects & Presets', type in 'Radial'. 'Radial Wipe'. That's what you're looking for, sits in the bottom here, drag it on. And there he goes there. If he was here in the center, if I 'undo' it before I add it, and I put this guy down here, and then I add the 'Radial Wipe', it will end up with this problem. Can you see, it does it from the center of the composition not the center of my circle.

So I'm going to go 'undo', put him back, now I have the 'Radial Wipe' tool. And now, when we drag it after completion, hey, it's going to do a cool little Pie slice thing. Now we're going to play around with the timing. So, at the beginning of my time line here I'm going to let it play for a little bit. Actually, no, at the beginning here, I'd like to set the-- start the stop watch, so I can set a key frame. And I'd like to set it to be a complete '100%'. Means it's all gone. So it means that, all the way through, you can't see it. So it's '100%'. Then, maybe about 1 second into it I want to put in a 'Menu' key frame. So down here, the key frames, where are we? 'Effects', here it is there. 'Radial Wipe'. Twirl it down. There he is there, and I'm going to put in a 'Diamond', just so it don't move.

So, between here and here, it doesn't go anywhere. And maybe after half a second, it's going to expand out. And to get it to expand out-- we're going to get it to expand out how far? It's a little long, I realized that, so we're going to flip that around, that's okay. So it's going to be about—Actually, I'm going to get mine to go '80%'. You'll have to calculate what your percentage is for your bar graph, and work it back into percentages. So I'm going to do that, then what we're going to do is, because at the moment-- watch this, it's kind of cool, but it's coming down that way. So what I want to do is, start it so it's over the side here. There's this one here called 'Start Angle'. We're going to animate him, just going to move the whole thing around, till about there. So kind of comes out that side. And it's coming from the top up, sorry, the bottom up, so I want to switch that around from clockwise to counter clockwise.

I have to play around with my angle again, sits about there. So I want it to do this. And the last bit of motion, is I'm going to make this closer together. I'm going to select them all, right click them. Go to 'Velocity'. I'm going to change this to '0%' so that the easing is lovely. Cool.

The last little thing, I'm going to add my 'Motion Blur', turn it on for the 'Project', turn it on for the 'Layer'. And just toggle back to-- that's okay. So watch this. Is all of this exciting? Maybe not. Maybe it needs a little more time. It's kind of cool. I haven't actually turned my 'Motion Blur' on, which one did I turn it on for? Nothing. I avoided the whole bit.

So, that my friends is how to do a Pie chart. Now, you could duplicate this slice by copying and pasting. And what we'll do is, we'll twirl down the key frames just to see where they are. So he kind of pauses for a long time and then just pops out. So what I'd like to do is drag this along a bit, so the timing's a bit afterwards. So watch. This one starts, and then this one is going to go off a bit afterwards, so it's opened up him as well. So he starts, and then about there, that one starts. So, to make it look different, there's couple of things we need to do. With it selected, with the black arrow, I can pick a different color, and what I'll do is, I'll get him to rotate around.

Now I've got to make sure that I'm actually on a key frame there. Watch this, if I start to play around with how long it's been acting for, it's going to-- add a new key frame, so what I want to do is, hold down my 'Shift' and I want to get to here. So how far is it going to pop out? This one here is only going to pop out a little bit. So I'm going to go pop out '93%', which is cool. And, I want to start with the 'Start Angle'. So I don't want it to start there. I want it to start where that one finishes about there. Nice. So, it's going to go. And you can do a few different ones, kind of more popping up by duplicating it.

All right, that is how to make a Pie chart infographic. Let's hit 'Save'. I'll see you in the next video.

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