Subscribe
Newsletter Signup

Sign up to get notified when a new Photoshop Friday goes up! Coupons + goodies + class info + stuff.

Sign up for my Email Newsletter
Projects
« Photoshop Friday! {Issue No. 9!} | Main | Photoshop Friday! {Issue #7!} »
Friday
02Jun2006

Photoshop Friday! {Issue #8}

Hello, and welcome to Photoshop Friday!

Today’s PS Friday is useful, functional, foolproof, and easy.

How many things in life can you say THAT about, huh?

Adventures in Black and White (and sepia, too)

We are going to have an adventure in Black and White, as well as in Sepia. And basically this means you’ll learn a great method for GREAT black and white conversion, and for changing that black and white to a sepia, and ALL without touching our original photo. The secret? Adjustment layers.

I should put a disclaimer here that there are a LOT of ways to get a great high-contrast black and white. Some people use curves. Some use levels, some use layer blending modes, some use the channel mixer, and they are all fantastic. Here is one more tool for your toolbelt. I think it creates a very smooth conversion without hotspots, and gives a good deal of control, too.

Let’s get started.

First, I’ll choose a photo that I think would look great in black and white.

Here’s one of my sister at her wedding a few weeks ago. I just love the mill wheel, and her stepping delicately over the stones to get in photo position. She’s beautiful. And this picture really needs to be black and white. And maybe we’ll get crazy and do a sepia too. :)


This photo is pretty dark, so let’s fix that in our black-and-white conversion as well.

  1. Open your photo.
  2. Go to Layer > New Adjustment Layer > Gradient Map
  3. If you’re in Elements, your whole image might turn white at this point. Don’t panic.
  4. Click in the gradient itself to edit. (That’s the big white or gradient bar inside the popup, like this).
  5. The gradient dialog appears.Choose the black-to-white gradient, which is third from the left on the top row. Like this:


    Your image turns black and white. (Yay!)But we still have a problem. The image, because it started out dark, is very flat and washed out. Let’s fix it by boosting the white.
  6. Drag the bottom right slider (the white one) over to the left. You can see the white in your image brightening, bringing out detail and adding contrast. Slide this slider until you get a result you’re happy with. It’ll differ for every image, but it might look something like this:


  7. (If your image started out too bright or you’d like to add some more dark hues, slide the black slider (bottom left) toward the right until you get enough shadow.
  8. Click OK in the gradient editor.
  9. Click OK in the gradient map dialog.
Here is what my image looked like after applying the gradient map adjustment layer.


The coolest part about this conversion, is that if you aren’t happy, rather than throwing your image away and starting over, you can simply double-click on the gradient map thumbnail in the layers palette to edit the gradient. This is called non-destructive editing, and yay! It saves time and headaches.

(p.s. if you want to see some really funky colors, try applying a few of the other gradients in the editor, or making some of your own. Just for kicks, of course. :))

Okay, on to the next piece. I think Julie’s photo could use the softness of a sepia tone. So we’re going to add that next.

Adding a Sepia Tone

If you are working in Photoshop 7, CS, or CS2, you can change your image mode to Grayscale and then to Duotone and pick from a wide array of pre-made duotones and tritones. It’s a great way to kill an hour or two, and they have some awesome combinations.

This, on the other hand, is the quick-and-easy way to add a sepia tone in any version of Photoshop.

  1. Open the photo you’d like to add the sepia to. (You don’t have to convert it to black and white first, but I recommend following the gradient map adjustment layer above to get really nice contrast in the tones.)
  2. If you are working in the photo you just converted, make sure you have the top layer selected in your layers palette before moving on, so you can ensure that the next layer you create goes on top of the stack.
  3. Go to Layer > New Adjustment Layer > Hue/Saturation
  4. Click the Colorize checkbox in the popup.
  5. Set the top value to 25, the middle value to 15, and leave the bottom value where it is. You can adjust the middle value to anywhere between 4-17 and get a very nice sepia tone.
And that’s it!
Here is my end result, side-by-side with the original.

Reader Comments (22)

Brilliant, as usual. Thank you!
June 2, 2006 | Unregistered CommenterMary Kay
Jessica,
Thanks for yet another great Photoshop Friday installment.... such good stuff!

Loved your beach shots too... great photo material, eh? The sea is a wonderful piece of nature, glad you're enjoying it!
June 2, 2006 | Unregistered CommenterVintage Scrapper
you
are
brilliant
:)
xoox,
g
June 2, 2006 | Unregistered Commentergabbyfek
Great Jessica! I've been wanting to find a better way to do this! Thanks--
The anonymous
Susan Curtis
June 2, 2006 | Unregistered CommenterAnonymous
Cool! I can't wait to try this!

Deb
June 2, 2006 | Unregistered CommenterAnonymous
Thank you so much for this great tip!
June 2, 2006 | Unregistered Commenterindigodolphin
Thanks a bunch, will have to give it a try. :)

Dee-Dee
June 2, 2006 | Unregistered CommenterAnonymous
thank you, I so look foward to your PS firdays
June 2, 2006 | Unregistered Commenterjoann
Oh Goody! I haven't tried gradients yet. I can't wait to see what I can create! Thanks!
June 2, 2006 | Unregistered CommenterKatharine
JESSICA--THANK YOU SO MUCH for a quick and painless conversion method that gets me the results I have been wanting--FINALLY!! Have been on a converting spree....with great results---love how I can get that "light" or I guess you would call it "blown out" look that I've been wanting....

Love your PS Fridays--print them out and save them--loved the mask/grunge frame too! Thanks for doing this, esp. for us PS newbies!!
June 3, 2006 | Unregistered CommenterHeather Crawford
Jill said...thank you Jessica! I can't believe the difference in the results compared to the way I converting pics to black and white!
June 3, 2006 | Unregistered CommenterAnonymous
Awesome Photoshop Fridays!!
It makes me laugh because I teach high school and I do Fascinating Fact Friday - the students love it as I, your PS student, love your lessons.
June 3, 2006 | Unregistered Commentereleni
I got great results turning an everyday picture into B&W but what really suprised me was the results I got with sepia! It really brought out the character of it! I have never used it before. I can't wait to try a Layout with a sepia toned picture. Thanks
June 3, 2006 | Unregistered CommenterKatharine
It's always so fun to see what you're teaching on Fridays - I have learned so much!
June 4, 2006 | Unregistered CommenterDiana
LOVE this, Jessica! that photo is stunning! :)
June 4, 2006 | Unregistered CommenterLeora
Wow. Smart, smart. Thanks --
June 4, 2006 | Unregistered CommenterGretGrrl
Well, that's cool! I've spent HOURS upon HOURS trying to figure that out, and you just showed me in less than 10 minutes. You rock!!!

Thanks!
June 4, 2006 | Unregistered CommenterKim
Honestly, I can't tell you enough how much I appreciate these Photoshop fridays. I've been busy, so I'm only getting to this one now. SO happy with this one, an excellent alternative to the conversion I've been using! Hugs girl!
June 5, 2006 | Unregistered CommenterJill
Thank you, thank you, thank you! I've been meaning to request this and there you go and do it anyway! Wonderful!
June 5, 2006 | Unregistered Commenter*Paula*
this was so great! I paid for photoblast effects which do a great job for B&W but sometimes I don't like the results and don't want to just lower saturation. This was really nice!

I didn't have time to grab a picture I thought was perfect for this but I think the one I did grab was nice for it as well.

Here's my sepia.

www.girlonfire.net/sepia.jpg

Laura
June 5, 2006 | Unregistered CommenterLaura K.

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.