#color replacement tool

[ajay94]

Furniture catalogue

[ajay94]

Furniture catalogue

[ajay94]

Fashion catalogue

[ajay94]

Fashion catalogue

[ajay94]

Fashion Catalogue

[didebaez]

[didebaez]

[cespirit]

Day 11 of 100: Photoshop Color Replacement and Stock Images

I’m working on a new project for my volunteer work. It’s a responsive website and I feel more confident this time around since I learned a lot from the last big project. But that doesn’t mean there isn’t anything new to learn. 

I recently discovered http://pixabay.com/, a resource for stock images, which I heard about during a one day WordPress basics workshop. It’s got a nice selection and lists the licensing for each image. The best part is that several images have CC0 licensing, which means they’re in the public domain and you can do whatever you want with them, even use them for commercial purposes.

I found an image from pixabay, but needed to replace the green in the image to a blue to match the site’s color scheme. I used Photoshop’s color replacement tool in a way that worked, but was time consuming. I figured there was probably a better way to do it, which led me to the Youtube video linked below by Roberto Blake. The video gives two methods for color replacement. Below are my notes for the video.

Photoshop Color Replacement Tool | Photoshop CC Tutorial https://www.youtube.com/watch?v=4vq8vznq59Q

Method 1: Color Replacement Tool

This method is good for quick and general purpose use. However, it does change the pixels on the image.

Click on Image > Adjustments > Replace Color

A window should pop up and the cursor should turn into the eyedropper tool. Use it to select the color in the image you want to replace. If you want to select multiple colors to replace, hold the shift key and click on the colors.

In the window, there is a smaller image of the one you're working on that's in black and white. Anything in white is your color selection and anything in black is not. You can subtract colors from the selection with the alt key.

Once that's done, use the hue, saturation, and lightness sliders to adjust the color. That's it.

Method 2: Adjustment Layer

Unlike the first method, this one does not alter the original image. It just adds a layer over it which you can adjust to turn off the effect or easily change the color whenever you want without having to reselect eveything.

First use any selection tool to select the parts of the image where you want to adjust the color. Then, add a Hue/Saturation adjustment layer. From there, use the sliders to adjust the hue, saturation, and lightness.