- By Kia Lor
- 11 Mins
- Intermediate
- Photoshop Tutorials
How to Make a Halftone Effect in Photoshop
Learn how to make a halftone effect in Photoshop and how to change the colors of the halftone effect
This tutorial will teach you how to create a halftone effect in Photoshop. We will go through two methods, both using filters in Photoshop. The first method uses the Halftone Pattern filter in the Filter Gallery, and the second method uses the Color Halftone filter.
Before we start making the halftone effects, open the image you would like to use in Photoshop. Make the image a Smart Object by right-clicking on the image layer and selecting Convert to Smart Object.
We chose to use a photo of a woman in a garden, but you can create a halftone effect with any image, such as one from this list of adventure photos.
Halftone Pattern Filter
Step 1 - Select Foreground and Background Colors
The Halftone Pattern filter uses the current Foreground and Background colors when making a halftone effect. Click on the Foreground color icon near the bottom of the left toolbar and select a color. Then click on the Background color icon and select a color.
Step 2 - Apply a Halftone Pattern Filter
Go to Filter > Filter Gallery.
Open the Sketch folder and select Halftone Pattern. Make sure Pattern Type is set to Dots. Using the preview image on the left, adjust the Size and Contrast to your liking. You can use the zoom buttons at the bottom left if needed. Click OK when you’re happy with how the preview looks.
Step 3 - Edit Applied Halftone Pattern if Needed
If you want to change the applied Halftone Pattern filter, you can still make adjustments because the image is a Smart Object. Simply double-click on Filter Gallery under Smart Filters in the Layers panel. Then make any changes and click OK again.
Color Halftone Filter
Step 1 - Select Color Halftone Filter
Go to Filter > Pixelate > Color Halftone.
Step 2 - Enter Color Halftone Settings
Max. Radius will affect the size of a halftone dot. The dots can only be as large as or smaller than the value you enter. Max Radius can be between 4 and 127.
The Screen Angle for each channel affects the angle at which the dots are placed. The channels correspond to the following colors: cyan, magenta, yellow, and black.
We entered the following values and clicked OK to apply the filter.
- Max Radius: 20
- Channel 1: 15
- Channel 2: 75
- Channel 3: 0
- Channel 4: 45
Below is what our image looks like with the values above.
Take a look at the image below to get an idea of what the dots look like with the values we entered.
Step 3 - Modify Color Halftone Settings Again if Needed
Like with the Halftone Pattern filter from earlier in this tutorial, you can go back in and change the filter settings if you don’t like the results. Double-click on Color Halftone under Smart Filters in the Layers panel. Then edit the values and click OK. We entered 30 for the Max Radius and 45 for all the Screen Angles this time around.
Below is what the image looks like with the new values.
If we zoom in, the dots look like the image below.
Change the Halftone Effect Colors
By Changing the Filter’s Blending Options
Double-click on the Blending Options icon to the right of the filter in the Layers panel. The following image shows that this option is available for both filters used in this tutorial.
The Blending Options dialog will open where you can change the Mode and Opacity. Mark the Preview checkbox to see a live preview of the changes. Click OK to apply the Blending Options to the image. We went with Screen for the Mode and set Opacity at 88%.
With Gradient Maps
You can completely change the colors of the halftone effect by applying a Gradient Map. Click on the New Adjustment Layer button at the bottom of the Layers panel and select Gradient Map. The Gradient Map will be created using the current Foreground and Background colors.
If your Properties panel is not open, you can get to it by going to Window > Properties. Select the Gradient Map layer, then the Gradient Map icon in the Properties panel. Then click on the gradient bar to open the Gradient Editor dialog.
In the Gradient Editor dialog, you can add or remove colors on the gradient bar or select a preset from above. Colors towards the left end will affect the shadows, colors in the middle will affect midtones, and colors on the right end will affect the highlights. Play around with the colors, then click OK.
Below is what our image looks like with the Gradient Map we created. You can always change the Gradient Map by clicking the gradient bar in the Properties panel.
To take it another step, you can also change the Blending Mode of the Gradient Map layer. Select the Gradient Map layer and test out the different Blending Mode options at the top of the Layers panel. We settled on Multiply for the image below.
Now you know how to make a halftone effect in Photoshop and will be able to create some really cool images. Try the two methods you learned today with the different color-changing techniques to see which fits your needs.
If you’d like to learn about other awesome things you can do with photos in Photoshop, take a look at our tutorials on changing an image from day to night and turning a photo into an 8-bit image.
6 Related Photoshop Tutorials
For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...
For this tutorial, we are using a Ladybug Photo from the Plus Hub.Step 1- Open Your ImageIn Photoshop, open the image you chose to work with.Step 2- Make a Smart Object LayerRight-click on top of its thumbnail and choose Create Smart Object. This will allow you to apply ...
Today, we will learn how to create a cool graffiti text effect with Photoshop. Graffiti varies from simple writing to complex, creative drawings and designs. It can be an expressive form of art as well as visually communicate a story. We will be using Photoshop tools like layer styles and ...
In this tutorial, we will learn how transform text into a realistic looking sticker inPhotoshopin a fewsimple steps. We will be using smart objects,blending modes, layer styles and blending options over text and adding a folded corner to make it more realistic.Step 1 - Create Your DocumentCreate ...
For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...
For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...