Photoshop: Replace Color

Today we will begin playing with the "Replace Color" tool.  In Web Design you will sometimes be given a picture that has clashing colors -- especially with the colors on your site.  Instead of changing the entire web site to fit with the colors of the picture, you can change the colors ON the picture.  Likewise, this is the method that many companies use to showcase different color offerings for items.


Step I: Getting Started

1. Click on one of the sample images below to view it full screen
2. Copy the image
3. Open PhotoShop and create a New Document
4. Paste the image

Step II: Making a "Warhol Grid"

1. Go to IMAGE > CANVAS SIZE
2. Change "Inches" to "Percent"
3. Change BOTH Width and Height to 200 [percent].
4. Click the "Upper-Left" Arrow
5. Click OK
6. Click VIEW > FIT ON SCREEN
7. Paste another copy of your picture
8. Use the arrow to drag the picture to the upper-right corner
9. Paste another copy of your picture
10. Use the arrow to drag the picture to the lower-left corner
11. Paste another copy of your picture
12. Use the arrow to drag the picture to the lower-right corner.

Step III: Changing Colors

1. Select the layer that you want to adjust (top-right, bottom-left, and bottom-right)
2. Go to IMAGE > ADJUSTMENTS > REPLACE COLOR
3. Use the Dropper tool to click on one of the bright colors
4. Hold Shift and select other shades of that color
5. Drag the "HUE" slider left or right to adjust the color
6. Repeat steps 1-5 for the other two squares.

Step IV: Finishing

1. Add your name to your image
2. Save your image to ThawSpace as a PSD
3. Save your image to ThawSpace again -- this time as a JPG
4. Log in to your portfolio (Blogger) page
5. Create a New Post and insert your JPG picture
6. Write a quick summary of the project and what you did to get the look you came up with

If you have access to YouTube you can watch the following video tutorial explaining this process: