This lesson is exclusive to members

After Effects - Animated Infographic Video & Data Visualisation

How to add colors to your animated infographic video

Daniel Walter Scott

Download Exercise Files Download Completed Files



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.

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hey there, in this video we're going to look at Color. Now color is obviously important in any kind of project. Just a little tips to help you out. Go to Sign in with your Adobe password. And go to 'Explore', go to-- by default it's at 'My Themes' but I find you get the best stuff from 'Most Popular'. And it's just here to give you some colors that you might choose to work from. I find that I end up leaning on the same colors. So I like to jump in here and pick some new fresh stuff.

Now what we're going to do is, we're going to use this 'CS04' for some of our Data Visualization later on in the course. Say you like it, I'm going to click this option that says 'Save'. Where am I going to put it? I'm going to give it another name. I'm going to call it 'Data Vis', and I'm going to Publish this thing to explore. So it means that you'll be able to search for this and actually just download it. If you put in 'BYOL Data' I bet you'll be able to find it. I'm going to put it into one of my Libraries. It's going to be this Infographic one, click 'Save'. If I jump into After Effects now and give a second, click that Icon. There it is there, the Color Swatches. Now what I like to do is actually jump back into adobe.color

So what I'd like to do is make a light and a dark version. And you can do that by clicking 'Edit', 'Copy'. And all you need to do is, see these little sliders here, it's this one here, I'm going to slide it darker. And there's this one here, I'm going to make it a bit darker. This one, a little darker. I just find, you can get some cool results with-- actually, we've got five colors, we don't need any more but just this kind of slightly darker version. Allows us some wiggle room when we're using some flat Vector graphics. So we've done that, I'm going to click 'Save'. It's going to say, "Replace it?", I say "No"

I'm going to save a copy of this. It's going to be the same, except we're going to call it the dark version. Save it to the same library, click 'Save', jump into After Effects. You can see, there it is, over here, a light and a dark version. Light's at the bottom, dark's on the top. They're some of the colors, but I find it useful—

Let's do something simple here. I'm going to put that little slash in the background. First I'm going to delete this background layer. I realize our red's very similar to the last red. Actually all of the colors are very similar. It's the mood in them at the moment. So what I want to do is, go to 'Layer', 'New', 'Solid'. I'll grab the 'Eyedropper', and I'm going to start with the light version which is the bottom one here. Click 'OK'. And pull up the background, then I'm going to lock it. There's my background. Now, I'm going to zoom out even further, grab the Rectangle tool. Pick the Fill color. Pick the Eyedropper. I'm going to pick the darker version. You can see this, just a slight change. Click 'OK'. And I'm going to draw a nice big rectangle. Here I'm going to go down to the Shape Layer here. I have to Rotate. Rotate it around. What are we doing? I don't know. Just star points, I'm going to drag this down to the bottom here. Now I'm going to preview it.

Let's go to 'Fit'. Let's have a little look. Just this little slash here, Google does it lots. I liked it, so I stole that idea. And I use it quite a bit for my work. Steal is not the word. Appropriate, I like it. So that's how to do your colors from Adobe Color, and maybe to create a second set of Swatches. Some slightly darker ones, to start using. Just means it's going to be helpful when we start doing bar graphs and line graphs where we've got lot of data to show. All right, let's get on to the next video.