Transcript:
Hello. Blake Root is here with f/64 Academy and f/64 elite. And today we’re gonna talk about the color picker. I know it’s not like the craziest. Most epic tutorial in the world. But you know what we need to understand this thing, so we can make better color decisions in our images. Let’s go and hop into Photoshop. I’ll teach you how to use this thing. So a couple weeks ago. I made this tutorial on using the difference. Blend mode, and in that I was using the color picker in Photoshop to find certain colors and change that color using the color picker, and I assumed that everyone knew how to use the color picker like I do, and you know what assumption does right, assuming it makes an ass out of you and me here, you break up the word, dad, whatever so. I really just want to take the time to break down the color picker because it is a very important tool for getting the colors that we want in our images. So what I have here is just a test Swatch of different colors Blue Red Green. This is something that I use when I test my color theory stuff. So the color picker in itself can be found just by clicking on any of the colors here, or if you make something like a solid color overlay, like we’re gonna do here with this. It’s gonna automatically, Pop. Open the color picker and the color that I chose when we did. That was the color that we had here in our palette. If you want to get those colors back to black and white, just press D and it will automatically default, those colors back to black and white, and now you’ll notice that when I press solid color, it’s picking black because it picks the foreground color that is in my color palette, another cool tip about this color palette. If you press the X key, it’s gonna switch between black and white. So if you’re masking D and X are your best friend, so now, if I were to take the solid color, it’s gonna fill with white and the color picker. This is the thing I want to talk to you about this object right here. The color picker. There is a lot of information in here and it’s it’s really kind of all up in your face. You’ve got HSB. What does that necessarily mean you’ve got RGB? You’ve got LA B and Cmyk now. The color white is showing up as 0h zero saturation and 100 B. So this is Q. This is saturation. This is brightness. This is red value, green value, blue value. Right here we have lab, which would be your lightness channel, your a channel and your B Channel and then CMYK for printing, so Cyan, Magenta, yellow and black. So what you see here is that you’ve got every different breakdown, essentially of the color properties right here in the color picker all at once, so this little hashtag down here, That’s a hex code or a web color, so for instance, F 64 Academy Blue is 2 4 8 9 C 3 and that would be the color that we have for F 64 Khadem e blue. And if you look at this once I typed in 2 4 8 9 C 3 down here. Look what happened. Our red moved to 36 our green moved to 137 and our blue to 195 That’s telling us that this color that I use for. F 64 Academy is 195 points, blue out of 255 137 points, Green out of 255 and 36 points red out of 255 So what’s the lab here? Well in the lab here the L that’s. The lightness of this color is about a 54 point, the a channel it’s negative 13 B Channel negative 39 And if we look at Cyan, a percentage, it’s 79% cyan, 36% Magenta 4% yellow 0% Black. You see this little radial dial buttons here? This is what what spawned the idea of doing this tutorial. Look at this here. This little sidebar right here. This allows me to select up and down along the color wheel, essentially all the way around. If we look here, 360 points, this radial dial is set to hue. This would be hue saturation and brightness. So with this set to zero in the hue. That’s at the bottom of the color wheel. If we change this to 345 it’s moving around the color wheel. Now this is showing a solid strip. It’s like they took the color wheel that was a round strip and they broke it and they moved it like this to make. It was just one vertical line. Instead of a rotation, this would be degrees. This is sent up to 100% and this is brightness up to 100% so if we have a 100% bright hundred percent saturated and 3:45 hue, that is basically saying that we have the most color for this one individual color. If we change this to 180 that’s gonna be pure, potent cyan, and we know that we know that this is pure, potent sine because we look down here. There is no red here. There’s only green and only blue. So you see how all of these things work together. All of these numbers work together, they don’t work independently, but this radial dial tells us what property we’re looking at so right now. I’m looking at the hue of this color. He was the color of the color. What color dough and make cyan? Well, if I move this up, I can make Cyan and Magenta. If I move this to saturation now. Look how this bar changes. This bar goes from from Magenta down to a white color here. If we go to brightness, we are only switching between pure Magenta and its darkest form, so the saturation be pure Magenta into white. The brightness would be pure Magenta into black. And as we move that bar, it’s sticking us to that one solid magenta color. So if we say. I like this sullen magenta, but I want it to be a little bit darker instead of just trying to click around here and find it around here. We can go to the brightness and get the exact shade of this color. So if we pull this down, that’s gonna make that Magenta more black. If we pop back over to hue, though it is gonna change the position of where we are on this solid color wheel, So the question came up when I was doing this tutorial on the difference Blend mode, someone sent me a screenshot of their color picker, and they had it selected right here. This radial dial was on red and they said. I can’t see the hue bar like you see it all. I see is red and blue, and that’s because this box is checked here when you have this. Radial dial checked here. It’s gonna change the bar just to make you strictly within the realm of the Reds. Within your your image here, it’s gonna be within the greens and here to be within the Blues So depending on whatever color you pick here like something like, let’s take a green and we go into the color green. We are going to see a very high saturation of the color green with this radial dial selected. Because that’s where we are. If we go into lightness, This is going to show how this color green would translate into the LA. Be mode and here be the a channel, which your a channel is your greens and your yellows and your blues and your B channel is your Magenta and Cyan. So if we begin to move the slider here when we’re set to something like hue, you can see that there’s two different colors here, one that says new and one says current. This is the current color that I chose so the current color that I chose was that f/64 Academy, Blue or 2 4 8 9 C 3 So if I move this up, you’re gonna see that it’s going to save that current color for me here. We have added the swatches. So if I did like this color, I can click that button. I would add it over to my swatches, and if I have my swatches somewhere over here in Photoshop, you would see this color get added to it. Color libraries. These are your different. Pantone color libraries. So if you want to know what the Pantone color of that Magenta is, that is Pantone p88 – 8 C. So this can be a very useful thing to find those Pantone colors doesn’t. This look a lot like what we would see when we go shopping for paint colors when we go to something like Home Depot or Lowe’s. Or something like that right and here we have. We got a whole bunch of different libraries that we can select from here, so if you know the. Pantone color that you want that you need for the certain Pantone library that you’re looking for. You can find that exact color right here in that Pantone library. The really interesting thing about this, though, is if I if I go back to this color of 2 4 8 9 C 3 which is my f/64 Academy Blue should watch this if I select this thing. It says only web colors. These are gonna be web safe colors. If I click that it’s going to automatically select my color picker and make it only website safe colors. The funny thing about this is when I was designing the f/64 Academy blue color. I designed it in Photoshop. I love the 2 4 8 9 C 3 color. But when you say only web colors, look what happens, it automatically translates it to a different color. It translates it to 3 3 9 9 CC. So the funny thing is, there’s a loss of translation of color between what I’m doing in Photoshop, and what happens when it goes to the web and Web safe colors. It’s not the same color. It’s really interesting some websites, the way it reads that 2 4 8 9 C 3 color actually comes out a little more like this. So if we uncheck only web-safe colors, it’s not gonna go back to 2 4 8 9 C 3 It’s gonna stay selected at that web color. So if you really like a color, let’s say you really like this Magenta color, and you say only Web save colors That’s actually gonna be more like 9 9 3 3 9 9 rather than the Magenta that you picked before, which is slightly off, so you’re gonna see some difference in the translation between web colors and the colors that you are using in Photoshop. You don’t always lose that translation, but sometimes it happens, so just keep that in mind. Sometimes it’s great if you’re doing stuff if you’re doing web-based stuff to only work in the web safe color. Once you press, OK, it’s gonna go ahead and change that color to whatever color you had selected again that was over here using the color fill. But if I go over here to my palette, it’s gonna be the same thing here. You see color picker for foreground color. So lets, you know, and here you see the color picker for the solid color, so just know if your color picker doesn’t look like mine, you might have s selected or be selected or R or G or B, just know that the one of the better ones to use here is actually this hue one, so you can get a really precise color and move it up and down within and and then move that along the color wheel, so you can get a good selection for it. I like to work in hue. Some people like to work in other areas. It’s up to you. That’s the color picker In a nutshell, nothing crazy. I just wanted to break this down for you and give you some perspective on the color picker Because I assumed that everyone knew the color picker like I did, and you know, it’s never a safe thing to assume those types of things so again. My name is Blake Brutus. If you like this, please comment on it. Share it like it and tell a friend, and if you haven’t done so already subscribe because I create these tutorials all the time, and I know you’re gonna love them. If you stick around, thank you very much for taking the time to watch this [Music].