Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
How to Make a Halftone Effect in Photoshop
  • 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.

How to Make a Halftone Effect in Photoshop

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.

Convert image layer to a 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.

Select a Foreground and Background color

Step 2 - Apply a Halftone Pattern Filter

Go to Filter > Filter Gallery.

Click on Filter, then 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.

Select Halftone Pattern in the Sketch folder with Pattern Type Dot and adjust settings

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.

Halftone Pattern has been applied. Double-click on Filter Gallery in Layers panel to adjust filter

Color Halftone Filter

Step 1 - Select Color Halftone Filter

Go to Filter > Pixelate > Color Halftone.

Click on Filter, Pixelate, then 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

Max Radius set to 20. Channel 1 set to 15, 2 set to 75, 3 set to 0, and 4 set to 45

Below is what our image looks like with the values above.

Image is of the Color Halftone applied to the photo 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.

Zoomed in image of what the Color Halftone filter looks like

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.

Max Radius set to 30 and all the Channels set to 45

Below is what the image looks like with the new values.

Image is of the Color Halftone applied to the photo with the new values

If we zoom in, the dots look like the image below.

Zoomed in image of what the Color Halftone filter looks like with the new values

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.

Image shows the Blending Options icon for both Filter Gallery filter and Color Halftone filter

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%.

Change Mode and Opacity in the Blending Options dialog with Preview enabled in Photoshop

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.

Add a new Gradient Map Adjustment Layer that uses the 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.

Select Gradient Map icon and then click the gradient bar

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.

Add and remove colors from the gradient bar in the Gradient Editor dialog

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.

New Gradient Map has been applied to the image

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.

Select a different Blending Mode for the Gradient Map Adjustment Layer in Photoshop

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 ...

photoshop smart object halftone effect

You may also like

Help Center
ol image