working with color in Photoshop
is not as hard or as sophisticated as something like Adobe Illustrator
but you do still have some great color tools that you can work with
in this basic tutorial video we're gonna go over how the sample colors from the
actual images
to create a document that looks color-coordinated
or is brand specific colors so
for this particular assignment that I created for my on-campus classes
you can see that I have a couple of logo's and when it comes to branded
they are very picky you have to use the colors that they
have already set out so with this particular assignment students are supposed
to sample the color from local
and then figure out what the color CMYK values are
RGB and the hexadecimal colors CMYK because that could be used for printing
RGB because that could be used for digital items and then hexadecimal code
can also be used for digital
items now most the time these brands are probably using pantone colors
because they're they're kind of unique their way more
specific are unique then CMYK
but they are more expenses so for the purposes I have
talking about color here we're just going to focus on CMYK, RGB and hexadecimal
colors
so if I zoom in here one is a great things about
Photoshop is it tries to keep things really handy for you
the color when you're working in Photoshop is here on the toolbar
and this first color the top front square
this is your foreground color and then the one behind it as your background
color
if you need to go to the default colors which are black and white then you can
click this little button here
now if you want to flip these colors so that white is your foreground
you can use this which color as well now when I hover over each to these
you can see that in the tooltip there's letter D
or the letter X when I hit the lender X
I'm gonna flip between them and
if I change colors and I have a different foreground and maybe a
different background
and if I hit D its gonna bring it back to my default colors
so now we need to do is we need to specifically pick colors
now if I double click on one in these I can see my color picker
in this is where I can move my picker around in this is my current color and I
can compare it to whatever I'm choosing here
and if I wanna let see move up to blue then I can move the slider here
this is basically the hue version of the color picker
so were picking base on the hue color if you'd rather pick
based on saturation so we see highly saturated
and then less saturated or if you'd rather pick based on brightness
so we have super bright and then we have darker you can definitely do that but
most the time we're going to work with the hue
color picker so I can choose my colors here and then I can double-click the
background
and let's say I want to choose a color here now that's great if I was creating
my own document
however I specifically need these colors for these brands
so I have the square that are just waiting for color
I've already done the kinda pinkish red that's in Toys R Us
so I can come down here and choose the next square
and what I can do with that is I don't just have to try to guess what this
orange is
if I move my mouse our it turns into a little sampler
a little eye drop and that's gonna sample the color the pixel that's
directly at the bottom it that eye drop so if I click it
all the sudden I'm in the orange that's a part in the Toys R Us logo
and I have RGB 2:44 128
and 32 and then I have the CMYK 1
61 100 and 0 and this is the hexadecimal color
so that's were I can come in and type all that information here
so let's see that one more time I can double-click this color 3
choose the next color in the logo
and then I have the hexadecimal color which I can copy
and was my textile come here and click
in this text box, oops and that should have been hexadecimal color
so we'll come here and paste that and again I can double click here
and see that it's 116 187 69
116 187
and 69 so then I can have the specific colors
and those are great because if I want to tell somebody came I logo
is this specific color I can tell them light green dark green lime green
and they're never going to know specifically somebody's lime green might
be different than what you match lime green is
so it's important that you give them the hexadecimal or the RGB or the CMYK
value
so that you're both on the same page in terms of color
so that color picker tool is also really good
when you're working likes up for something like this so once it is in the
invitation to an actual golf Invitational
well sometimes people struggle with color and they don't know what colors
they should maybe put here but they know that they wouldn't do white because it
just looks kinda empty and boring
so what you can do is again I can go ahead
and choose a solid color fill layer and I can try to play around with colors
but again making pick colors directly
sample it directly from the picture itself
and truely whatever color I pic is gonna work in coordinate with this picture
so that's the beauty of using this tool except for black
black was kinda weird but any color than a pic from here is gonna work with this
invitation
now you don't always have to have the color picker up
you can actually have the eyedropper tool and this is gonna change your foreground
in your background color
so I can click here and as you can see if I click and hold
its gonna sample as I move my mouse around
and that's gonna put it in to the foreground color
so I can again I can hit X so I can replace the pink color
and let say I wanna do one of these golden colors
and now I have a foreground and background color that are sampled
directly from the photo
so that's the basics of working with color in terms
of using the color picker and sampling colors from a document whether
it's something like a vector graphic like a logo
or sampling directly from a photograph it South
or if you just wanna do custom colors you just have to double click on the
foreground to background color
or you can actually use this color palette up here and I'm showing you a
lot two different ways
because that's the thing with Photoshop you can do the same thing like five or
six different ways you just gotta figure out which way works for you
so if you come up here you have the foreground and background
and now we have RGB slider so if you wanna change it so it's a little has a
little bit more
of an orange hue or a red hue or you can kinda do a quick
color picker here without necessarily having
to double clicking here and choose colors this way