Hello. Hey, we're gonna go from boring, uh, basic colors  that we picked so far in this course to ooh, this version  with some nice colors. Show you how to mix them, make them  brighter, pick different hues. And then we're gonna go through  and pick our colors that are taken from our images,  which is a great way to get started with color. We're also gonna run into a big problem towards the end  where I can't make something work  and then we fix it together and I'll try  and pass it off like it was part of the course  but really just got stuck. But we fix it together.

Alright, let's jump in. Alright, so we're gonna adjust the colors on this option one  we did in the class project. Uh, so let's go mess with the colors. You're thinking, Hey, I spent AIS picking colors. I don't wanna mess with them. I did tell you not to,  but you did it anyway, didn't you?

First of all, let's have a look at, um, one of these boxes. This one here, remember is a rectangle  with text inside of it. They're kind of one and the same. So you can adjust the text color and the object color. Okay, so they're separate. Now with this color panel open,  you'll see document colors.

That's anything that's being used on any  of the pages will appear in this list. This will get longer and longer. Brand kit will do later on when we build our logo. Let's have a little look up here. So let, they're actually different. So you can see there is this no color option,  which you don't have for text, okay?

But you do have for a rectangle. And all it means is I'm gonna just click on  this and it has no color. There is still ticks in there obviously. Okay, but there is no color. I'm gonna undo that. Mixing your own colors is quite important.

That's what this little guy is here, so click on him. Okay? And the way the color system works is you can  drag this left and right. Okay, this is the hue. Okay? So drag the hue slider back and forth.

So you get it in the zone that you want. And I'm just gonna pick a kind  of a greeny blue, actually that's what we were at. Let's go in orange color. Okay. And then in here you drag this around. So this is more what's called saturated.

So more and more color. Whereas this way  here lowers the saturation. So it's less saturated color, it's kind of the right color. Okay? And then up and down is how dark it is. Light version, dark version.

Saturated, not saturated. You don't really need to know those terms, but,  but just get a sense of dragging it around. The other nice thing you can do in here is you can start  pulling colors from your images or from anything really. Grab the eyedropper. Let's go again. Select this, click on this color swatch  here, open the color panel.

Go into a new color. Let's grab the eyedropper tool  and let's just move around  and you'll see it's kinda like a zoomed in version. Great for pulling colors from images. You can see we've pulled that yellow from the popcorn,  taking it back to this one  and go all wanted this kind of like purple outta here. And once you've done it, you're like, Ooh, I like the color,  but I want to change the brightness. So all you do is drag this up.

Okay? So it's the same color, okay,  but it's just a brighter version of it. Want it to be more saturated,  right, right, right, right, right. Less saturated. You get the idea. The other thing you might bump into is you might get  this called a hex number.

The hex number is the way to describe this purple here. Okay? It's this bit of red mixed with this little bit  of green, which is the two numbers here. And then the last little bit of blue, red, green,  blue make up this color. Once you settle on the color, you'll, if you work  for a brand long enough, you actually start remembering the  color or a corporate brand guidelines  you might've got from a client. Okay?

And you can paste it in there. That's the one that I use for bring your own laptop,  Okay? For the green. So  you can paste it in there if you like. But at this stage we're just gonna click and drag it around  and pick a color that you like. Then just kind of click out in this area  here to close that all down.

If you have a circle with say a line around the outside. So I'm gonna add a border style of this. I'm gonna crank it up a little bit. You can see I've got a color for the  inside, a gala for the border. And now I've got a text color. All right, easy.

Undo, undo. I'm gonna get rid of my border. One  of the nice things about starting with a brand is you don't  often have a really clear brand guidelines. We'll get through that a bit more specific on how  to pick colors to represent a brand when  we get to the logo section. But for the moment, we're gonna let the image drive a lot  of the colors that we've used. You might've seen it already.

If I click on this, uh,  rectangle in the background, got my color,  you'll see photo colors. So it's gone and looked at this image  here that's on this page. Actually, it's looking, it's looking at the popcorn,  which is not exactly what I want. I don't wanna pull the colors from the popcorn. Okay, I'm back. You didn't even know I went,  but I spent the last 15 minutes trying  to work out a problem.

Um, so I wanna leave it in here in the  course 'cause these things happen. Watch this. I wanna change the color of this. I can pick from the popcorn, but  what are these grayed out ones here  that I can't really pick? Okay. And where is this one in the background?

'cause that's really what I wanna pick the image colors from  these kind of purples and oranges, but it's not even there. So I tried to un cropp it. I tried all sorts of things. I had a look on the forums  and other people having the problems  and there's not really a solution. But I worked out a kind of a workaround  and I wanna leave this in here just  because these things happen. Canberra is always updating, always changing.

It's probably gonna be long fixed by the time you get to it. But watch this. If I add this image now  and just kind of like move it over here  because I'm not really using it,  I just wanna pull the colors from it. Um, so with this box selected, grab the color, you can look,  here's my little image there  and it's got rid of the gray out ones. And I can now go through  and say, all right, I'm gonna pull colors from this image. And the cool thing about that is  that it's looking at this image and pulling colors from it  and often you can kind of match them a whole lot better.

Okay? You can kind of get everything to kind  of sit in nicely when the colors that you are using  and the fonts and the boxes are all pulled from the kind  of like image you're using. Especially if this image is quite  a large part of the design. You can see here already getting good colors. It's not picking the purple,  it's just decided the colors that it wants to pick. So what I'm gonna do is use these  but also grab my eyedropper tool.

Okay? So remember into the mixing your own color eyedropper. I want to get that purple outta there. And then I want to go in and just make it a bit brighter  and a bit more saturated. Okay? So that I'm starting  to connect all these up to the image.

I'm gonna get rid of this now, actually. I kind of still want it. Okay? So this is a bug and a workaround. It should pull from it and it has done for many years. Okay?

So I'm just gonna leave this here  and we're, we'll delete 'em when we're finished with 'em. Ignore him. And one of the nice things about pulling colors  from images is we've, we were quite, um, specific that way. You know, we went, all right, pick that color from, uh,  you know, one of these ones here. What we can do is we can be a little bit more,  I don't know, let Canva do the work. Okay?

Especially if we're new to picking colors. We're just gonna click the image here, okay? And we can right click it and we can say, I want you  to apply the colors to this page from this image. Cooley just went through and kind of recolored everything. I can go back into it and say, I'll do it again. You see, it's got this like international shuffle.

It's basically the same button, but it's gonna go  and mix them around again. And the good thing about it is  that it's not just picking random colors. It's clever enough to be messing  with the background to be picking. 'cause that used to be white. Right now it's this color. They've picked this, uh, lovely navy here.

This kind of gold outta the image. And there's a really good contrast. Okay? So the accessibility of this ad, okay? Really nice high contrast so  that it can be read clearly against the background. Really love starting with the image  and letting that drive the color scheme that you're using.

You don't have to stick with it, it's just  kind of a suggestion. And then you can go through and say, all right, I like  that one, but I also wanna maybe reuse it up here. I'm gonna say you, I want to grab the document colors, okay? And there's that kind of golden brown  down the bottom there that I want to use. And now with the text color,  I'm gonna say, you are too light. So I'm gonna use that lighter version down here.

Or maybe just go straight to white. Alright? So that's the basics of colors we're gonna go through. There's gonna be a level one, okay, which we're gonna go  through now of colors, and then we're gonna go  through a level two later in the course. Especially when we have to start picking like brand colors. We're gonna have to have meaning  or at least understanding of why  to pick different colors and why not.

But that's later in the course for the moment. Look at us. We've done some cool colors derived from the photograph. We've got some basic colors going. Alright, that is it. I will see you in the next video.