Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:20Length:3.3 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.1 Working With Color

Hi there, this video is all about color. We're gonna look at your traditional RGB. We're also gonna look at something called HSB. Don't worry, it's really useful. What's really useful is this Adobe Color Themes, so we get to explore colors that maybe we wouldn't naturally pick, just to help express our lovely logo in a few different color options. All right, let's get started. First thing is let's go to File, let's go to Open, and in your Exercise Files there's one called Color. Open him up. Okay, so you can use your version of the M from the previous exercise, or you can just use this one here, it doesn't matter. We've kind of looked at color a little bit, but let's get into the nitty-gritty. So first up, in your Properties panel, make sure, you don't have to, but just so you know, I've turned back my Smart Guides on, cuz it's gonna be handy for the rest of this course. Turn the little ticks on. So when working with color, let's say I wanna change this color from black and white. I'm gonna pick a fill color. We've got our premade swatches, these are the ones that Illustrator give us by default. Then there's this option, the Color Mixer, which allows us to kind of pick colors from down in the bottom here, or type in, say, brand-specific colors. Okay, say you know the RGB values for your brand, you can type them in there. You might also have this number, that's another way of describing RGB colors. You might have that somewhere in some sort of corporate spec manual, and you can just type it in. If in here yours is CMYK, it doesn't really matter which color field you're using. But if you do want to switch it, you can tell I'm at RGB, it says it on the top there, and I can change it by going to File, and down here to Document Color Mode, and go into CMYK. Or switch it to RGB, up to you. Okay, let's say this random color that I ended up with, I like, but I wanna make a darker version for it, okay? So I'm going to say, I like you, but I want a slightly darker version of it, okay? So I like it just a bit darker. But making it a little bit darker's quite tough. You need to slide these RGB sliders down and up equal distances, so it's a little bit hard just to lighten and darken a color. So I'll show you a cool little trick. I don't use RGB. I often switch it to, do you see this little palette option here, HSB. And you're like, man, another one. [LAUGH] CMYK, RGB. Don't worry, HSB and RGB are the same thing. It's just a different way to describe the color. This shows you the mixture of red, green, and blue. This just shows you the hue, saturation, and brightness. And it doesn't matter if you're pro or entry-level, I find it's easier just to grab this and just go, let's change the hue, okay? Or change the saturation, how light it is, how kind of full-on it is. And then this slider, the brightness, okay? Fully bright, and you can just darken it up. So, yeah, pick a color, I'm gonna pick this color. I want it to be a little darker. And I wanna use it again, so what I'm gonna do is I'm gonna switch to my swatches. Remember, swatches are kinda pre-made colors. I can make my own, though. So I've got that selected, I'm gonna click on this, New Swatch. I can give it a name. This one's gonna be called my M, M Pink. And you click OK. So now I can go to you, my friend. You are going to be that cool new swatch called, there he is there, M Pink. But I'd like to go to my Color Mixer, which is currently set to HSB, and I'm gonna just make it a bit darker. Same with you, I'm gonna click on you, you're gonna be that same pink color. What am I clicking on? I'll go with him, he's going to be that pink color. If he's not there you can go to your swatches. There he is there, okay. And I'm going to say, actually, you're even darker again. And this one's the darkest version of them all. Yep, yep, yep. Dark, dark, dark, dark. Cool, so I guess that's just a helpful tip, using HSB. It doesn't change the, there's still red, green, and blue, just a different way of looking at it. All right, so that's one color option, the pink color option for the logo. Let's duplicate it, copy and paste it. I'm gonna have another version and I'll line them up. That's why Smart Guides are back on. It's clever, see that? Ha, straight across. Let's look at, so color, right? I get stuck doing the same colors all the time. I quite like these pinky, peachy, fiery red pinks. And I use kind of a teal green pretty much everything [LAUGH] through my documents. So to kinda bust out of the same colors that I use every day. Okay, if you go to Window there's a cool little trick under Color Themes. So Window > Color Themes. You need to be logged into your Creative Cloud account, I'm pretty sure. And you need to have patience, especially when your Internet's real slow, like mine. This little thing loads up, and what you want to do is jump straight to Explore. Skip Create, we want to go to Explore. Cool, so in here, I've got the most popular colors that are being used in something called Adobe Color. It's an online Web thing where people can upload their colors and vote on them. It's pretty cool, it's pretty color-nerdy. What the result is, I can say, I wanna see the most popular of all time, or all of this week, or all month, and it's just really cool to see nothing other than just cool colors I could use. It's just really handy to bust out of, say, your, I don't know, the same colors you use every week. So I kinda like this one here. So the best way to use it is to click on it and say Add to My Swatches. You can close this down or leave it up. But now I can say, you, go to here, go to my little swatches one, pre-made, and there's that little group there. Cool? So I'm gonna say you are gonna be used there. That's gonna be my darkest color, so I'm gonna go to Fill, I'm gonna use that. Use you there. And you are going to be this color. Is that a good colorway? I don't think so. I think I messed that up somehow. That's all right. That's why we got these options and we can [LAUGH] play around with them. I'm gonna do another one, so we're gonna duplicate him. Sneaky trick, ooh, I showed you a sneaky trick. So instead of copying and pasting, I drag with my black arrow, while I'm dragging, hold down the Option key on a Mac, Alt key on a PC, and that will drag out our duplicate. So instead of copying and pasting, just drag it, hold down the Option key, and you get a duplicate. All right, and so this guy here, I'm gonna do one more set of colors. I'm gonna speed through it. Okay, so I've picked a color there. And I also remembered to show you, [LAUGH] I just remembered now. Go to Explorer, and you can see this button here, it's a search option. So I typed in 80s, and look at all these brilliant 80s colors. So you can type in cafe and bank, and there's all sorts of things in there. So back to speeding it up again. All right, we're back. I picked some colors. Yeah, I'm good with them. Cool thing about it is we can just keep duplicating these things and keep carrying on. I don't know why. I think it feels like it could be kinda cool if we move these down. I'm just using my arrow keys. Maybe grabbing this. I'm just using the arrow keys to tap it to the right. I don't know, does that look better? I'm gonna pick one more 80s thing, I'll see you in a sec. All right, I'm back. [LAUGH] That's my 80s version. And I guess that is the color basics. So we worked out how to use RGB, switching it to HSB, hue, saturation, and brightness. Then we looked at this cool Adobe Color Themes. If you really enjoyed this, go check out color.adobe.com. That's kind of the big Web interface version of this. Go to Explore, and you can, I guess, see, they're quite small in here. You can see them in a nice, bigger Web version. And what you've gotta do now is take the M that you made earlier. Actually, you made a different letter, remember? It was an E or a J, something easy to draw. And I want to see your color options. So maybe do four or five colorways using your own colors and a mixture of Color Themes. And I'd love to see your examples. So drop me a note on social media. So I'll see you in the next video.

Back to the top
Course source files