Overclock.net - Overclocking.net
     
 
Home Gallery Reviews Blogs Register Today's Posts Mark Forums Read Members List


Go Back   Overclock.net - Overclocking.net > Overclock.net Forum > FAQs

 
 
LinkBack (5) Thread Tools
Old 08-29-05   5 links from elsewhere to this Post. Click to view. #1 (permalink)
Bifford
 
BFRD's Avatar
 
intel nvidia

Join Date: Dec 2004
Location: Carrollton, TX
Posts: 4,090

FAQs Submitted: 8
Folding Team Rank: 17
Hardware Reviews: 2
Trader Rating: 11
Default How to: Photo Editing - B&W w/Color Accents

I want to show you how easy it is to create a very striking visual effect. I'm sure we have all seen some black & white photos with color accents. This guide will step you through creating one of your own. Please note that the steps described below relate to Photoshop CS2. I am sure that other similar programs will have like abilities.

Step 1: Select a photo
This effect will generate the best effect when applied to an object that has a striking color. My personal favorite is red. So I picked an image of one of the Canal St. Trolleys.


Step 2: Create an adjustment layer
We need to add a B&W layer ontop of the color layer. We could simply save a copy of the image as grayscale and just overlay it, but we loose the ability to undo our mistakes (everyone makes mistakes doing this!). So we are going to create an adjustment layer, specifically a Hue/Saturation adjustment layer.


Step 3: Adjust the Saturation level
The saturation level contols how much "color" is applied to the image. Setting this value to its lowest point will cause the image to be grayscale.


Step 4: Modify the Mask
If we look at the layer details of the new adjustment layer we just made we should see two boxes.


The first box contains the Hue/Saturation levels and the second is the layer mask. Many of you may not be familiar with adjustment layers and masks so here is the skinny. Photoshop uses a grayscale to determine the intensity of the mask. White means that the mask is applied 100% and Black 0%. Since our image mask is completly white the image appears completly B&W. In order to "paint" our color back in we will apply black to the mask.


So you can see our mask shows a black rectangle, but our image shows a colorized rectangle. Now that we understand the basics of masks lets cover up that black rectangle with some white to get back to the beginning.

Step 5: Pull out our Color
Normally a photo like this will either emphasize a color or an object. In our case I am going to emphasize the trolley by way of the color red. I could just paint black over all areas that are red, but I will go another route. Photoshop will allow us to select a range of colors. The option is found in the Select menu, under "Color Range...". Before we use this tool, we need to hide our adjustment layer, so we can see the original. Now that the original layer is visible, click on "Color Range...". Now use the dropper to select the color you want to show. You will see another mask in the Preview Window; most likely this isn't exactly what you wanted. The "Fuzziness" slider will increase the range of colors selected. Keep sliding until you have found what you want. In this case we are going to slide it all the way over.

(Click OK)

Step 6: Colorize
Now that we have selected the color range we should see a selection appear on our original image.

All we have to do now is turn back on the adjustment layer. Now the same selection should be over that layer. Make sure your mask is selected and begin to "paint" inside the selection. You can be as messy as you like the selection will not let you stray outside. Once finished you can clear the selection and view your final result

Step 7: Finished!


Conclusion:
Like I said this was an easy effect to make happen. However, not all of us have access to a program like Photoshop. Just to prove that you don't need it I did the following image in The Gimp (on Fedora). The start image wasn't as pretty, but you get the idea.





This was the very first time I used The Gimp, so I was not familiar with the usage. This was just to prove (to myself) that it is possible.
__________________
System: Main Rig
CPU
E6700 Conroe
Motherboard
Abit QuadGT
Memory
2GB G.Skill PC2 8000 (HZ)
Graphics Card
EVGA 8800GTX
Hard Drive
150 GB Raptor X / 300GB Storage
Sound Card
Audigy 2 ZS
Power Supply
PCP&C Silencer 750
Case
Sigma Shark
CPU cooling
Stock (for now)
GPU cooling
Stock
OS
Vista Ultimate
Monitor
Dual Samsung 204b

Last edited by BFRD : 03-21-08 at 04:11 PM.
BFRD is offline I fold for Overclock.net Overclocked Account BFRD's Gallery  
Old 08-31-05   #2 (permalink)
Audiophile
 
somody's Avatar
 
intel ati

Join Date: Apr 2005
Location: Toronto, Canada
Posts: 560

Rep: 82 somody is acknowledged by some
Unique Rep: 50
FAQs Submitted: 5
Trader Rating: 3
Default allo

Nice!
__________________
System: My System
CPU
Pentium IIIE (Coppermine)
Motherboard
Chaintech 6VTA2
Sound Card
Onboard Yamaha Codec
Power Supply
Generic 350W
Case
Transparent Acrylic Mid-T
OS
Windows XP Pro & Kubuntu
Monitor
Imago 17" CRT TX
somody is offline  
Old 08-31-05   #3 (permalink)
Audiophile
 
Hollowman8904's Avatar
 
intel nvidia

Join Date: Feb 2005
Location: Cincinnati, OH
Posts: 2,242

Rep: 106 Hollowman8904 is acknowledged by manyHollowman8904 is acknowledged by many
Unique Rep: 89
FAQs Submitted: 5
Hardware Reviews: 3
Trader Rating: 2
Default allo

That is sweet!
__________________
System: My System
CPU
Intel Core2 Duo E6600 2.4Ghz
Motherboard
Asus P5N-E SLI
Memory
Corsair TWINX 2x1024MB PC6400 DDR2
Graphics Card
EVGA 8800 GTS
Hard Drive
2xSeagate Barracuda 7200.10 250Gb in RAID0
Sound Card
Creative Blaster Audigy2
Power Supply
Ultra 500w
Case
Ultra Wizard Black Mid-Tower
CPU cooling
Thermaltake Golden Orb II
GPU cooling
Stock
OS
Windows Vista Ultimate
Monitor
Sceptre 20.1"
Hollowman8904 is offline Hollowman8904's Gallery  
Old 09-01-05   #4 (permalink)
Bifford
 
BFRD's Avatar
 
intel nvidia

Join Date: Dec 2004
Location: Carrollton, TX
Posts: 4,090

FAQs Submitted: 8
Folding Team Rank: 17
Hardware Reviews: 2
Trader Rating: 11
Default

I am getting some positive feedback on this guide, thanks. I would be really cool to see the images that are made. I love seeing how the creative process works for different people.
__________________
System: Main Rig
CPU
E6700 Conroe
Motherboard
Abit QuadGT
Memory
2GB G.Skill PC2 8000 (HZ)
Graphics Card
EVGA 8800GTX
Hard Drive
150 GB Raptor X / 300GB Storage
Sound Card
Audigy 2 ZS
Power Supply
PCP&C Silencer 750
Case
Sigma Shark
CPU cooling
Stock (for now)
GPU cooling
Stock
OS
Vista Ultimate
Monitor
Dual Samsung 204b
BFRD is offline I fold for Overclock.net Overclocked Account BFRD's Gallery  
Old 09-01-05   #5 (permalink)
XBox 360 Gamer
 
Chim3ra's Avatar
 
intel nvidia

Join Date: Mar 2005
Location: Rota, Espana
Posts: 4,349

Rep: 428 Chim3ra is a proven memberChim3ra is a proven memberChim3ra is a proven memberChim3ra is a proven memberChim3ra is a proven member
Unique Rep: 276
FAQs Submitted: 7
Trader Rating: 3
Default allo

Cool, I have to try this when I get home.
__________________
System: The Stocker
CPU
Q9300
Motherboard
EVGA 750 SLI FTW
Memory
4GB G.Skill DDR2-800
Graphics Card
EVGA 9800 GTX KO
Hard Drive
Seagate Barracuda ES.2 ST3250310NS
Sound Card
SB X-FI Platinum
Power Supply
FSP Epsilong 600
Case
Antec P180
CPU cooling
Xigmatek HDT-S1283
GPU cooling
Stock
OS
Windows Vista SP1
Monitor
Dell 2405 FPW
Chim3ra is offline Overclocked Account Chim3ra's Gallery  
Old 09-29-05   #6 (permalink)
Bifford
 
BFRD's Avatar
 
intel nvidia

Join Date: Dec 2004
Location: Carrollton, TX
Posts: 4,090

FAQs Submitted: 8
Folding Team Rank: 17
Hardware Reviews: 2
Trader Rating: 11
Default allo

Has anybody done any of these? Still waiting for someone else to post one. There are a ton of people here more artistic than me, lets see what you can do!
__________________
System: Main Rig
CPU
E6700 Conroe
Motherboard
Abit QuadGT
Memory
2GB G.Skill PC2 8000 (HZ)
Graphics Card
EVGA 8800GTX
Hard Drive
150 GB Raptor X / 300GB Storage
Sound Card
Audigy 2 ZS
Power Supply
PCP&C Silencer 750
Case
Sigma Shark
CPU cooling
Stock (for now)
GPU cooling
Stock
OS
Vista Ultimate
Monitor
Dual Samsung 204b
BFRD is offline I fold for Overclock.net Overclocked Account BFRD's Gallery  
Old 10-06-05   #7 (permalink)
News Fiend
 
Orange's Avatar
 
intel nvidia

Join Date: Mar 2005
Location: West Chester, PA
Posts: 3,825

Rep: 230 Orange is acknowledged by manyOrange is acknowledged by manyOrange is acknowledged by many
Unique Rep: 123
FAQs Submitted: 4
Trader Rating: 1
Default allo

i did one here it is, its not me its my friend
__________________
System: My System
CPU
Pentium4 2.4AE@4.01GHz
Motherboard
Asus P4P800-SE
Sound Card
SoundBlaster Live! PCI
Power Supply
450Watt Antec Smartpower
Case
Flashing one
OS
Windows XP SP2
Monitor
Dell e773
Orange is offline  
 

LinkBacks (?)
LinkBack to this Thread: http://www.overclock.net/faqs/42647-how-photo-editing-b-w-w.html
Posted By For Type Date
Jiteye's favorite web pages, page 1582 - StumbleUpon This thread Refback 07-14-08 10:02 AM
Questions? | Facebook This thread Refback 06-24-08 09:31 PM
Pages tagged with "photoshop" on del.icio.us This thread Refback 06-03-08 09:34 PM
How do I do color accent in photoshop? This thread Refback 04-03-08 10:37 AM
Yahoo! Answers - How do I do color accent in photoshop? This thread Refback 08-23-07 07:29 PM


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools



All times are GMT -4. The time now is 10:07 PM.


Overclock.net is a Carbon Neutral Site Creative Commons License Internet Security By ControlScan

Terms of Service / Forum Rules | Privacy Policy | Advertising | Become an Official Vendor
Copyright © 2008 Shogun Interactive Development. Most rights reserved.
Page generated in 0.16603 seconds with 9 queries