Photoshop
Basic Skills
Buttons and Icons
Colors
Designing
Drawing
Effects
Photo Retouch
Text Effects
Textures & Brushes
Web Graphics
Web Templates
9tuts
Home
Subscribe to 9tuts RSS
Subscribe via Email
Replace colors effectively with Photoshop

ReplaceColorsEffectively125x125 In this tutorial I will show you how to combine selection and color editing tools which can greatly replace or enhance specific colors of an object. You will see how we do it on a beautiful flower!

 

 

Below is our starting image of a beautiful flower in a pool. You can download this picture or use another one of your own

ReplaceColorsEffectively1

Step 1: First I use the Magnetic Lasso Tool to select most parts of the flower, but not include the petal at the top. When you use this tool to trace along the flower's edges, you will notice that it will automatically stick to these edges because of the high color's contrast. This tool is often the best choice for extracting an object that has edges' colors highly different with that of the environment

ReplaceColorsEffectively2

Continue tracing until we have a closed path which will automatically turn into a selection area

ReplaceColorsEffectively2b

Step 2: Before replacing its colors we should create a copy layer by pressing Ctrl-J and name this layer "Middle part". Then go to Image>Adjustments>Hue/Saturation or press Ctrl-U to bring up the Hue/Saturation box. Color it orange with these settings:

ReplaceColorsEffectively3

Now our flower will look like this:

ReplaceColorsEffectively4

So you have already learned how to use Magnetic Lasso and Hue/Saturation tool to color an object. Next we will learn about Selective Color tool, a nice replacing tool without too much accuracy!

Step 3: Press Ctrl-left click on the "Middle part" layer to select the flower again. Then press Ctrl-Shift-I to invert the selection. Now set your Background as the current layer and press Ctrl-J to duplicate the selection area and name it Outer part ( which includes the top petal and the environment)

ReplaceColorsEffectively5

Step 4: Go to Image>Adjustments>Selective Color and in the "Colors" drop down box, select Magentas as the editing color and use these parameters to make the outer petal pinker!

ReplaceColorsEffectively6

Let's see how our image looks like at this point:

ReplaceColorsEffectively7

And you have already learned about the Selective Color tool! Remember we can use this tool to replace or enhance a specific color (like pink in this case) without selecting it carefully.

Next we will learn about how to use Quick Mask mode to make a selection

Step 5: Press Ctrl-Shift-I to select the flower again and enter Quick Mask mode (it lies at the bottom of the left toolbar, by default). Now if you uncheck the Eye icons on all layers you will see the masked area clearer

ReplaceColorsEffectively8

By default, the masked area will be red with an opacity of 50%. Turn on all the Eye icons again, set Background as the current layer

ReplaceColorsEffectively9

Use the Brush tool with a suitable brush size to paint the outer petals until we get something like this when uncheck all the Eye icons:

ReplaceColorsEffectively10

Step 6: When you get to this point, turn on all the Eye icons again, leave the Quick Mask mode and press Ctrl-J to make a copy of the selected area and put this layer on the top, name it "Inner part". We will color it yellow by going to Image>Adjustments> Color Balance with these parameters:

ReplaceColorsEffectively11

ReplaceColorsEffectively12

ReplaceColorsEffectively13

And now the inner petals are yellow! The result is shown below:

ReplaceColorsEffectively14

You can continue to color other petals with one of these techniques. In real life, maybe you don't need to use all of the techniques mentioned above in the same image but knowing how to use them is good for your skill. Hope you enjoy this tutorial!


Related tutorials:



Comments
porscha 12-18-2008
omgz this was the best tutorial ive ever done in my life. tits or gtfo
Suman 01-09-2009
Nice work, I like it.
Anonymous 01-09-2009
very pretty
anonymous 02-08-2009
i don't get the last part just b4 step 6. please elaborate further. i can't get
it.
grapnel 03-07-2009
Great tutorial because I learned a lot, including shortcuts.

BUT, like the last
commenter, I also had trouble doing step 6, so had to stop there. I am using
CS4, so maybe that's the reason. Clarification of step 6 would be appreciated.
Thanks.
comment 03-15-2009
I also had trouble doing step 6, so had to stop there. I am using
CS4, so maybe
that's the reason
Shiv Mehta 07-13-2009
best effect tutorial
siddharth 08-05-2009
very nice and knowledgeable tutorial
Ryan 11-15-2009
I learnt a lot from this, however the instructions from step 5 onward need to be
clearer. Thanks.
Add A Comment
Name:
Website:

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 
(12 votes)