|
|
|
In this world of 16.7 million color displays and high megapixel cameras it
may seem like a backward step to convert images into black and white but, as
modern motion pictures like Schindler's List (and more recently, Sin City) have
shown us, effective use of isolated color in monochrome images can be very
eye-catching and portray important information & emotions.
As one can imagine, there are dozens of different ways to accomplish color
isolation in Photoshop. To keep things simple, however, I will cover the two
different methods that I consider to be the best for this task.
Method 1: Channel Mixer Adjustment Layers
This method makes extensive use of adjustment layers to make non-destructive
changes to an image, and is most suited to simple shapes and edits. Many thanks
go to Bub for the image used below.
Step
1: Open your picture in Photoshop and select Layer > New Adjustment
Layer > Channel Mixer from the
main menu. Check the box marked 'monochrome' and adjust the brightness
percentages to suit your personal tastes. Take your time in this stage
balancing the picture. There is no ideal way to do this, but since this step
dictates the overall look of your final image, experimentation is the key.
When you are happy with your results, press OK.
|
Step 2: Select the new adjustment layer that you
have just created from the Layers Palette. Now, select a Brush Tool with
100% opacity with a non-fuzzy brush tip and ensure that the colors in the
color swatches are black&white.
|
Step 3: Using the black color, carefully brush
over the parts of the image that you want to be in color. You will need to
switch to a smaller brush to isolate the smaller details. If you make a
mistake, paint over the area again in white to restore the monochrome
effect. And that's all there is to it! |
Method 2: Color Selection
This alternate method makes destructive changes, but also utilizes color
selections to make much more complex selections possible. Please note that this
technique works best on images where there is a great deal of existing color
separation (i.e. in this example, our picture is a red flower set against a
greatly green background). Many thanks go to
TigerEyes for the image used below.
Step 1: Open your picture in Photoshop and
immediately duplicate your layer by selecting Layer > Duplicate Layer from the
main menu. Hide the new layer on the top row of the layers palette, and
click on the original layer to reselect it.
|
Step 2: Desaturate the layer using Image > Adjustments > Desaturate. Many people do not like the default 'desaturated' look, so play
around with the Levels and Brightness/Contrast until this you are happy with
the results. |
Step 3: Unhide the top (color) layer and click on
it to make it the new active layer. Now, go to Select > Color Range. This
will load up a rarely-used and complex feature of Photoshop. To start, click
on a color that you want to select in the main image using the Eyedropper
Tool. As you will notice, the Color Selection
window will show your selected color as a mask of white against black
(white being the selected area). The Fuzziness slider will adjust the
tolerance of your selection (i.e. the bigger the number, the more colors
NEAR your selected color will also be selected).
|
Step
4: Using a mixture of the fuzziness slider and the EyeDropper Tools (the
+ and - tools are essential too, to both add and remove colors from your
selection respectively), isolate your image from the background. Don't worry
if little areas become selected against your will, because we will correct
that imminently.
|
Step 5: When you are happy with your selection,
press OK. As you will now notice, you have an active selection around the
colors you chose. You should now reverse this selection with Select >
Invert from the main menu. Press DELETE on your keyboard, and voila -
you have isolated color against a monochrome background! |
Step
6: Using the Eraser Tool, you should now clean up your isolated color
layer as much as possible, to remove areas of color that were accidentally
selected. And that's all there is to it! You can repeat Steps 3 to 5 in more
than one layer if you need to isolate radically different colors - they
should stack against the monochrome layer just fine if you keep it simple.
|
Alternate Methods
As I mentioned in the introduction there are a great deal of other ways to
isolate selections of color. Some people use the Lasso Tool, others use
complex masks. They all work, and have their own individual strengths and
weaknesses. My advice is to just experiment and see which method works best
for you.
- Tutorial written by Man1c M0g
| 
|
User: Risa (#39395)
Date: Thu Mar 15, 2007. 02:19:24 | Post #5 of 5 |
|
Nice job. Like many others, I've come across tons of similar documentation as well, but what I love about this is the clean simplicity; it's basic and concise. Thanks for posting. |
Reply to this post |
User: saxc (#38487)
Date: Thu Mar 01, 2007. 06:03:13 | Post #4 of 5 |
|
Totally agree with "ejnf" and all of them folks with similar problem. I also tried to do this, but never found appropriate tutorial. When I tried to mix-up something myself, never achieved result convincing enough. So, sooo many thanks for this tut. You are GREATEST!!! |
Reply to this post |
|
|
i have seen alot of tutorials on this subject but this one is the simplest tecnique with the best results by far i just love the way the color pops out at you agianst the back drop of the pic and it nice to have a tutorial that gives you an easier way of understanding the steps thanks so much |
Reply to this post |
User: ejnf (#24467)
Date: Fri Feb 24, 2006. 21:50:32 | Post #2 of 5 |
|
I've been looking for a tutorial on this subject for ages! Thanks! It was so easy to understand and follow the directions. :) |
Reply to this post |
|
|
I tried before with the lasso tool but didn't work so well with me, I think the color selection method is great, thanks for sharing. |
Reply to this post |
--- View Entire Thread ---
|

|
|
 |
[WIP] Hairdresser Site Design Author: YinToniq Posted: Jul 03rd, 5:58am Activity: 1 replies, 26 views
|  | Simple Flash Help Needed (AS2) Author: stiney51 Posted: Jul 02nd, 2:40pm Activity: 9 replies, 53 views
|  | Transformers Author: Jacorre Posted: Jun 29th, 6:33pm Activity: 2 replies, 72 views
|  | Quick question about Jasc PaintShop Pro 9. Author: Rydium-41 Posted: Jun 28th, 8:21pm Activity: 2 replies, 71 views
|  | I bought film today!! Author: NikonErik Posted: Jun 27th, 12:04am Activity: 2 replies, 73 views
|  | New Battle Author: MoodsR4Cattle Posted: Jun 26th, 6:28pm Activity: 2 replies, 80 views
|  | Image Loading Author: funkyfela Posted: Jun 22nd, 9:00pm Activity: 1 replies, 81 views
|  | Headshot Critique Please Author: NikonErik Posted: Jun 19th, 11:32pm Activity: 6 replies, 151 views
|  | imagecopy() and imagecopyresized() problem Author: thatpyrokid Posted: Jun 18th, 3:05pm Activity: 1 replies, 146 views
|  | Problem With Regitration Code...? Author: RXS Posted: Jun 17th, 3:18am Activity: 2 replies, 146 views
|  | Topaz Labs do it again! Author: Tamlin Posted: Jun 17th, 12:08am Activity: 5 replies, 226 views
|  | [Photoshop] Anime Coloring Tutorial Author: Wavechan Posted: Jun 16th, 3:47pm Activity: 2 replies, 288 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|