Forums
New posts
Search forums
What's new
New posts
New media
New media comments
New profile posts
Latest activity
Media
New media
New comments
Search media
Members
Current visitors
New profile posts
Search profile posts
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Menu
Log in
Register
Install the app
Install
Forums
Imported content
Blog Archive
Better B&W Conversion Using Multiple Hue/Saturation Layers in Photoshop & Elements
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="BackdoorArts" data-source="post: 795016" data-attributes="member: 9240"><p>I've always found that the basic level of B&W conversion available in Lightroom and Photoshop to be adequate at best, simply desaturating the image and leaving you with an image that is a little flat and one-dimensional requiring you to then tweak it to the best of your abilities. (Note: I'm using Photoshop Elements 9 since it should provide a basic starting point for most folks here, and it should be easily adaptable to newer versions of Elements or Photoshop.) </p><p></p><p>The basic conversion methodology is just to take the color image and completely remove any saturation. As you can see, details that are very clear in the color image, like the net and line, are all but lost in the conversion, and playing with brightness and contrast will do little to bring them out.</p><p></p><p>Starting Image + 100% Desaturated Image:</p><p>[ATTACH]26087[/ATTACH]</p><p>[ATTACH]26088[/ATTACH]</p><p></p><p>There are some tricks that I've read here and there, but shy of spending money on software like Silver Efex Pro 2 I've never found anything that was really effective. That is until my brother, who has a couple decades experience shooting digital as a pro and who teaches occasional classes in Photoshop Elements at the Newark Museum here in NJ, offered me this tip.</p><p></p><p>As previously, take your original image and add a Hue/Saturation layer, but this time set the Blending Mode to "Color" instead of the default of "Normal"...</p><p></p><p>[ATTACH]26089[/ATTACH]</p><p>Now add a second Hue/Saturation layer, this time leaving the Mode set to Normal and desaturate as before...</p><p></p><p>[ATTACH]26090[/ATTACH]</p><p>[ATTACH]26091[/ATTACH]</p><p></p><p>Now, switch back to the first Hue/Saturation layer. Making adjustments here has the effect of applying all sorts of colored filters, but to an exponential level, simply by moving the Hue adjustment bar. By simply moving the Hue to the far right you can see how the bright yellow float in the middle of the net, which disappeared in the original conversion, now pops out again as it did in the color image...</p><p></p><p>[ATTACH]26092[/ATTACH]</p><p></p><p>As I move around the Hue slider you can see how different objects will pop and fade depending on the position of the slider. Notice the differences in the Yellow Float, Blue Water and Orange Bucket at the different Hue values...</p><p></p><p>[ATTACH]26093[/ATTACH]</p><p>[ATTACH]26094[/ATTACH]</p><p>[ATTACH]26095[/ATTACH]</p><p></p><p>I now have what I consider a far superior conversion to the original I got with plain desaturation. But this wouldn't be a worthy blog post if I didn't give you my best Ron Popiel and tell you, "Wait, there's more!!" We've just been playing with the hue at the Master Color level. What if I drill down to the individual colors and play with them one at a time? In the layer window I go to the drop down and start moving through the colors, hanging the Blues and Cyans to bring out the detail in the water, tweaking the reds to bring out the bucket on the dock. And remember, you can play with both the Hue <strong><em>and</em></strong> Saturation levels now and maintain your B&W image...</p><p></p><p>[ATTACH]26096[/ATTACH]</p><p>[ATTACH]26097[/ATTACH]</p><p>[ATTACH]26098[/ATTACH]</p><p>[ATTACH]26099[/ATTACH]</p><p></p><p>Now I have an image that more accurately reflects what my brain sees when it looked at the original color image and imagined it in Black and White (compare to the simple desaturation)...</p><p></p><p>[ATTACH]26102[/ATTACH]</p><p></p><p>Oh, and because I know you're curious, what would this Black & White image look like in color? Just go back to the top layer and add back your Saturation...</p><p></p><p>[ATTACH]26100[/ATTACH]</p><p></p><p>Not exactly what I'd call a pure conversion. </p><p></p><p>Giving credit where credit is due, my eternal thanks to my brother, Tony Kurdzuk, for the lesson. Tony is a full time news photographer at the Star Ledger, as well as a digital photography instructor with experience that goes back to the first batch of Kodak backed cameras in the late 80's/early 90's. He's a pretty darn good photographer (NJ Press Photographer of the Year three times, East Coast Press Photographer of the year once). Feel free to look up his stuff at <a href="http://www.nj.com" target="_blank">NJ.com</a></p></blockquote><p></p>
[QUOTE="BackdoorArts, post: 795016, member: 9240"] I've always found that the basic level of B&W conversion available in Lightroom and Photoshop to be adequate at best, simply desaturating the image and leaving you with an image that is a little flat and one-dimensional requiring you to then tweak it to the best of your abilities. (Note: I'm using Photoshop Elements 9 since it should provide a basic starting point for most folks here, and it should be easily adaptable to newer versions of Elements or Photoshop.) The basic conversion methodology is just to take the color image and completely remove any saturation. As you can see, details that are very clear in the color image, like the net and line, are all but lost in the conversion, and playing with brightness and contrast will do little to bring them out. Starting Image + 100% Desaturated Image: [ATTACH=CONFIG]26087[/ATTACH] [ATTACH=CONFIG]26088[/ATTACH] There are some tricks that I've read here and there, but shy of spending money on software like Silver Efex Pro 2 I've never found anything that was really effective. That is until my brother, who has a couple decades experience shooting digital as a pro and who teaches occasional classes in Photoshop Elements at the Newark Museum here in NJ, offered me this tip. As previously, take your original image and add a Hue/Saturation layer, but this time set the Blending Mode to "Color" instead of the default of "Normal"... [ATTACH=CONFIG]26089[/ATTACH] Now add a second Hue/Saturation layer, this time leaving the Mode set to Normal and desaturate as before... [ATTACH=CONFIG]26090[/ATTACH] [ATTACH=CONFIG]26091[/ATTACH] Now, switch back to the first Hue/Saturation layer. Making adjustments here has the effect of applying all sorts of colored filters, but to an exponential level, simply by moving the Hue adjustment bar. By simply moving the Hue to the far right you can see how the bright yellow float in the middle of the net, which disappeared in the original conversion, now pops out again as it did in the color image... [ATTACH=CONFIG]26092[/ATTACH] As I move around the Hue slider you can see how different objects will pop and fade depending on the position of the slider. Notice the differences in the Yellow Float, Blue Water and Orange Bucket at the different Hue values... [ATTACH=CONFIG]26093[/ATTACH] [ATTACH=CONFIG]26094[/ATTACH] [ATTACH=CONFIG]26095[/ATTACH] I now have what I consider a far superior conversion to the original I got with plain desaturation. But this wouldn't be a worthy blog post if I didn't give you my best Ron Popiel and tell you, "Wait, there's more!!" We've just been playing with the hue at the Master Color level. What if I drill down to the individual colors and play with them one at a time? In the layer window I go to the drop down and start moving through the colors, hanging the Blues and Cyans to bring out the detail in the water, tweaking the reds to bring out the bucket on the dock. And remember, you can play with both the Hue [B][I]and[/I][/B] Saturation levels now and maintain your B&W image... [ATTACH=CONFIG]26096[/ATTACH] [ATTACH=CONFIG]26097[/ATTACH] [ATTACH=CONFIG]26098[/ATTACH] [ATTACH=CONFIG]26099[/ATTACH] Now I have an image that more accurately reflects what my brain sees when it looked at the original color image and imagined it in Black and White (compare to the simple desaturation)... [ATTACH=CONFIG]26102[/ATTACH] Oh, and because I know you're curious, what would this Black & White image look like in color? Just go back to the top layer and add back your Saturation... [ATTACH=CONFIG]26100[/ATTACH] Not exactly what I'd call a pure conversion. Giving credit where credit is due, my eternal thanks to my brother, Tony Kurdzuk, for the lesson. Tony is a full time news photographer at the Star Ledger, as well as a digital photography instructor with experience that goes back to the first batch of Kodak backed cameras in the late 80's/early 90's. He's a pretty darn good photographer (NJ Press Photographer of the Year three times, East Coast Press Photographer of the year once). Feel free to look up his stuff at [URL="http://www.nj.com"]NJ.com[/URL] [/QUOTE]
Verification
Post reply
Forums
Imported content
Blog Archive
Better B&W Conversion Using Multiple Hue/Saturation Layers in Photoshop & Elements
Top
