The Design Playbook

Photoshop Halftone Effects

Posted by: Josh on: November 18, 2008

Final Result

Photoshop Halftone Effect

Step 1: The key to this technique is to pick a starting image with lots of light/dark contrast and a good amount of dark shadows. Depending on what use you have in mind for the final image make sure to choose a suitable size (width x height) file that is at least 200 pixels/inch (ppi).

Step 1

Step 1

 

Step 2: Darken the image by adjusting the levels. Image > Adjustments > Levels (Command + L). As you will notice I only moved the left (black point) and middle (midtone) sliders. By moving the black point slider to the right I deepen the shadows by converting the darkest gray pixels in the image to black. By moving the midtone slider to the left I intensify the highlights by boosting the lightest (white) pixels in the image.

Step 2

Step 2

 

Step 3 - Adjusted Levels

Step 2 - Adjusted Levels

 

Step 3: Convert the image colormode to Grayscale. Image > Mode > Grayscale.

Step 4: Select the Pencil Tool (B) and set your foreground color to Black. Now paint over everything (microphone, neck, collar, tie, ear) except the main face highlights.

Step 4

Step 3 and 4

 

Step 5: Convert the image colormode to Bitmap. Image > Mode > Bitmap.

Step 6 - Convert to Bitmap

Step 5 - Convert to Bitmap

 

Step 6 - Bitmap Settings

Step 5 - Halftone Screen Settings

 

Step 5 - Bitmap Result

Step 5 - Bitmap Result

 

Step 6: Once again, convert the image back to Grayscale and leave the Size Ratio set to 1. Image > Mode > Grayscale.

Step 7: Finally, zoom in and clean up the messy edges by painting over them with the Pencil Tool (B) set to a Black.

Step 8

Step 7 - Messy Edges

 

Step 7 - Clean Edges

Step 7 - Clean Edges

 

Done… Download sample file(s).

Final Result

Final Result

 

Extra: By changing the Frequency, Angle and Shape settings in the Halftone Screen dialog box you can create numerous looks that work well with a wide range of design projects. To get really creative try changing the Bitmap Method to a Custom Pattern of your own. Grayscale, Round Halftone Screen, Custom Bitmap Pattern using Obama “O”.

Alternative Looks

Alternative Looks

16 Responses to "Photoshop Halftone Effects"

very nice ! This tutorial is very cool, thanks

thanks ,great .

great tutorial.

[...] Photoshop Halftone Effects [...] [...]

first thing i ever did on photo shop that i was actually proud of is this :) i loveeee it

great tutorial

cool thanks for this bro…

Thanks dude.

I’m gonna try that.

hey this tutorial is amazing. i used it for a school project and it helped out alote. thanks for posting it. you made using this method very easy. great tutorial

nice tutorial….thankz

[...] Photoshop Halftone Effects " The Design Playbook – [...]

was it just me ? I had a really hard time on step 5.THats the most important part. I didnt know what numbers to adjust the pic to.I had big gaps in my lines at first. I had to keep guess what numbers I would look good at until I got it which took awhile. But when I was done it was great, thanks.

james p,

It really depends on the resolution of the image you start with. Following this tutorial with a 72 ppi image will generate a different look (amount of lines) unless you compensate by adjusting the halftone frequency setting. Also, the angle setting should be pretty constant for any image since it only adjusts the angle of the halftone lines.

[...] Re: Halftone Screen Printing in Photoshop CS2 CS2 definitely has this capability. Just change the color mode to bitmap. Then choose "halftone screen" from the menu that pops up. Select your appropriate settings (halftone shape, frequency and angle) and you're done. You'll probably want to play with curves and/or levels before you convert to bitmap. Maybe even change to grayscale first and then play with the contrast, but basically, converting to halftones is pretty simple in Photoshop. If you need more, here's a pretty good rundown: Photoshop Halftone Effects The Design Playbook [...]

Leave a Reply