Apply Specific Color Using "HSB Values" in Photoshop!

today i'm going to share with you how to apply a specific color to any object using hsb values in photoshop so let's say this is the color that your client gave you and he or she wants the shirt to be of the exact same color maybe the client gave you the hex code maybe they gave you the exact color either way it's pretty simple now once you have the hex code just remember that 8c1159 so all you have to do is to create a new layer and you can actually name this sample and with a big brush just for the foreground color set to the same color which was 8c one one five nine hit okay and with the opacity and flow at 100 just dab also do not forget to note down the hsp values of this color to do that get back to the color picker tool and with that exact color still selected notice the hsp values so it is 325 88 and 55. simply write that down you can use the text tool for that all right so this is the color that we are dealing with and these are the hsb values 325 is hue 88 is saturation and 55 is brightness keep in mind its brightness it is not lightness both are different now with the background layer selected above that let's create a hue saturation adjustment layer now since he is wearing blue we don't have to make any selection we can actually target that exact color and that is the beauty of this method so with the hand selected right there just click on his shirt now as you can see from the drop down menu blues are selected and at the bottom a range of blues is also selected just increase the hue and the saturation to the right just to see which areas are included here we need to include more so we would just extend the range to the right a little bit and to the left and as we do that all of the shirt is now selected you can keep on extending but if you extend too much you will see that the skin will slowly begin to get selected so be watchful of that once the targeting looks spot on just set the hue and saturation back to normal positions by double clicking on them and it sets them back to normal notice that this range is now named as science 2. just keep that in mind for future references now we need to sample an area from his shirt that we will match to this color and for that select the color sampler tool right there it's in the eyedropper group select that and make sure the sample size is pretty large 11 by 11 would work now let's zoom in into a place with even color i think this would be all right just click on in there and now it shows you the rgb values in the info panel right let's bring the info panel a little bit to the left but we want to see the hsb values how do we get that click on the drop down and choose hsb now you already have guessed what we have to do so we have to bring these values to match with that of these values make sense now all right so let's zoom out set the info panel to the left and open up the hue saturation properties by double clicking on the symbol of the hue saturation adjustment layer now keep in mind it was inside science 2. that's why i told you to keep that in mind for future references we need to set the hue such that the new value is 325. right now the hue is how much 224 so let's try to increase it to 325. i think that would be 101 and there you have 325 at the top if you want to look at how it's changing the image simultaneously let's place the properties at the top so that you can see what's happening now we need to make adjustments so that the saturation goes from 69 to 88 and the brightness goes from 41 to 55 but the problem is right here we have lightness we do not have brightness and that is what can get a little tricky so if you change the saturation you would notice that the brightness also changes right over here so you need to play with these two sliders in such tandem so that you get these exact values so the way to approach it is this just increase the saturation so that it's higher than 88 so i'm going to go a little higher and have something like 94 and then slowly and gradually start increasing the lightness and you will notice the saturation comes down it comes down to 88 now the saturation is around 88 and 89 but is the brightness around 54 and 55 yes it is see we achieved that in just one take if it doesn't happen just keep on increasing slowly and gradually and then keep on increasing the lightness just dance these sliders together in coordination and you will get it i'm absolutely sure however still the sliders are not very close it's 89 it's 88 so let's keep on increasing the lightness all right that's not working let's increase the saturation even further and start increasing the lightness all right it's very close now 88 54. let's go 59 and keep on increasing the lightness as well there you have it 55 and more often than not you would notice that these are in increments of 10. so if it's 29 this one is 59 sometimes if it's 49 at the bottom it would be 39 so the interesting thing here is that for the most part the increments would be intense and there you have it my friend so here is the before and here is the after you have an exact match now if the sampler is bothering you and you want to get rid of that well just make sure you have the color sampler tool selected and hold the alt key or the option key just hover over it a scissor will show up click on it and that will go away now do keep in mind there are certain limitations to this technique have a look the original color is a little dark however if you wanted something very bright that would be difficult to achieve so let's say your client gave you a color like this super bright red color all right let's make it even more saturated and now let's just create a sample of that color right over here now this my friend is going to get real tough first of all let us create a sample right over here now make sure we are looking at the hsb values remember what our target was it was science 2. now we just need to set the hue to 344 it's 324 right now let's get to 344. all right the hue is easy what about saturation and lightness this is where the problem would be saturation is 96 brightness is 94. so let's go a little higher than 96. it's 99 right now let's increase the brightness see we're getting 96 64. let's try that one more time it is just not possible even if you go all the way to 100 and you try to increase the lightness you cannot reach this value so there you go my friend that is the limitation of this technique you cannot have stark differences now to combat that you can of course create a curves adjustment layer but if you're creating a curves adjustment layer why not use the technique that we discussed before where we used curves it's just that it's a little more time taking and you have to do selections and maskings and sometimes if the curves are just not right it can create some weird color shifts but for the most part it works brilliantly and that is why it is essential to learn and understand various techniques so this is the match that we had originally made and if it accidentally affected some other areas which it has slightly don't worry just select the mask and just erase these additional areas that it affected probably a little bit right here as well just erase that and you're good to go so that's how to use the h s and b values to apply a specific color to any object in photoshop by the way now you might ask what if he was wearing something black or white or gray what if he didn't have any color how would we target that well in that case you would have to create a mask of that area and then apply hue saturation let me quickly show that to you let's say he was wearing a gray shirt let me merge that for you now we would need to make a selection of this shirt you can use any method of your choice i'm just going to simply quickly use the quick selection tool now this is not an accurate selection with the selection active we would create a hue saturation adjustment layer but this time we would check colorize and using the same techniques we would match this value to this value right here there you go my friend so these are the values if he was wearing gray so that's all for this lesson i hope this video helped you and if it did make sure to give us a like and also don't forget to subscribe and not just subscribe ring the bell so that you don't miss any other future tips tricks or tutorials thank you so much for watching i'll see you in my next one till then stay tuned and make sure that you keep creating [Music] you

Channel: PiXimperfect

Views: 471,453

Keywords: apply exact color photoshop, change color in photoshop, change color of object, replace color photoshop, hsb values, adjustment layers, hue saturation lightness, selective color, color sampling, color palette, product photography, graphic design, mockup, adobe, photoshop, tutorial, piximperfect, unmesh dinda

Id: Anto0kf2kuA

Length: 9min 0sec (540 seconds)

Published: Sat Jun 26 2021