How to add colors to your animated infographic video
Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI 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.
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.
Work your way towards your certificate for this course by following these simple steps.
Good luck!
We’re awarding ‘Pass’ level certificates for this course.
You can work your way towards your ‘Pass’ certificate by following these simple steps.
Good luck!
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 color.adobe.com 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.