The Making of #123: A Photoshop Tutorial

The most important element here is black and white conversion. Digital, for the most part, just doesn’t do black and white as well as film. My friend Caerphoto does some excellent conversions with his secret way, but since I don’t quite have access to his software, I do everything in Photoshop.

Warning: this is a step-by-step, rather tedious tutorial. Feel free to jump to the summary if you want :)

Step #1: Open the picture you want to convert.

B&W Step 1

Step #2: Add a new adjustment layer - choose Hue/Saturation

B&W Step 2

Step #3: Pull the saturation to -100. Voila! Just kidding :)

B&W Step 3

Step #4: Change the blending mode of your Hue/Saturation layer to “Overlay.”

B&W Step 4

(Note: Sometimes I stop here if I want a dramatic color image. I’ve seen this called the “bleach bypass” method).

Step #5: Add a new adjustment layer; choose Channel Mixer this time.

B&W Step 5

Step #6: FIRST, check the box that says “Monochrome.” The default +100 Red, 0 Green, 0 Blue is terrible. CHANGE THIS IMMEDIATELY. Just play around until it looks good. Conventional wisdom says that your values should add to 100 (so -50 Red, 50 Green, and 100 Blue is feasible) but we shun conventional wisdom here at ascenicworld. Just do whatever you like.

B&W Step 6

You’re almost there! You really could stop here if, like us, you’re lazy. But adding that little extra can make the difference between a ho-hum photo and a ho-hum photo with pizzazz.

Step #7: Add the vignette. Do this by making an entirely new, blank layer.

B&W Step 7

Step #8: Choose the rectangle Select tool in the toolbar. Go ahead and draw a rectangle around the entire picture.

B&W Step 8

Step #9: Now go to the “Select” menu at the top and choose “Modify > Border.” You can set your border parameters at whatever you like - it depends on how large you want your border, how large your photo is, etc. This photo, slightly cropped, was 2415 pixels wide x 1666 pixels high. I chose a border that was 125 pixels big.

B&W Step 9

Step #10: Feather your border. Go to the “Select” menu at the top again, and chose “Feather.” This will make your border look less like a hard box with edges and more like a gentle gradient. I chose 100 - choose whatever you think is best.

B&W Step 10

Step #11: Choose the brush from the side menu, make sure it’s set to Normal and opacity 100 (and black), and paint all over your border.

B&W Step 11

Step #12: Let’s go ahead and flatten the image. Just right click somewhere in the layers and choose “Flatten Image.”

B&W Step 12

Step #13: Sharpening. This is a HOTLY debated topic on the dpreview forums I visit, but I’m going to show the simple way of Unsharp Mask today. I don’t always use this way, but I find it’s my most consistently used method. FIRST, make a copy of your flattened image. Just go to “Layer,” then “Duplicate Layer.” Make sure your top layer (the duplicate) is the one selected before proceeding. Then go to “Filter,” and choose “Unsharp Mask.”
B&W Step 13

Step #14: Choose your parameters. I’ve seem all kinds of numbers thrown out there for people to use. My advice: just use the preview window and choose what looks best. I went kind of crazy with this one since I wanted the rough edges of the beveled beads to pop.

B&W Step 14

Step #15: Add a layer mask to your duplicate, sharpened layer. In the Layers menu (bottom right hand side), it’s the third icon from the left on the bottom (the rectangle with a circle in it).

B&W Step 15

Step #16: Choose your brush again. You’re going to paint the layer mask. Painting black reveals the layer underneath (the un-sharpened one, in this case). Painting white puts the sharpened image back on top. We don’t want the ENTIRE image sharpened all crazy, just the beads, so I’m going to paint in black over all my skin, my sweater, my hand, my neck, etc. If something isn’t working right here, make sure you have the layer mask (the big white rectangle next to your sharpened image) selected rather than the sharpened image itself.

B&W Step 16

Step #17: Here you can see what my layer mask looks like. At this point, just right click in the Layers menu one last time, flatten image, and save.

B&W Step 17

Voila! Seriously this time!

BW Final Image

Summary: Open.Hue/Saturation.Overlay.Channel Mixer.Vignette.Sharpen. Flatten.

 

4 Responses to “ The Making of #123: A Photoshop Tutorial ”

  1. Mike Says:

    Great tutorial! Your humor and skills rival (surpass?) the great Scott Kelby!

  2. Ben Says:

    Hey Keitha, great tutorial, thanks for posting. I started using the bleach method you taught me for B&W’s at the same time i tried it for colour, it’s always worked so well. I have a B&W plugin called Convert to B&W which i now only use for the channel mixing, basically the same as your Channel Mixer step.

    A possibly quicker way for sharpening a small amount though (instead of blurring out everything BUT what you want to sharpen) is to do the USM layer as you’ve mentioned, but then do a gaussian blur on a duplicated layer (with mask) then on the mask you simply paint what you want sharp. It’s the same as you’ve described but reverse, if you know what i mean. Sorry for the ramble!

  3. Keitha Says:

    I’m going to try this just as soon as I have another pic I want to convert. Probably tomorrow :)

  4. alain Says:

    Cool tutorial!I’m trying now.

Leave a Reply