Photoshop Halftone Dot Pattern tutorial

How to Create a Halftone Dot Pattern in Photoshop 2026

Turn any photo into a classic halftone dot pattern, including how to color the effect, with this complete step-by-step guide for Photoshop 2026!

Written by Steve Patterson.

In this tutorial, you’ll learn an easy way to convert an image into a halftone dot pattern in Photoshop. We’ll start by creating a high-contrast black and white halftone pattern, and then look at a quick way to add custom colors to the effect.

Here’s an example of what the halftone pattern will look like when we’re done.

A halftone dot pattern created in Photoshop.
A halftone dot pattern created in Photoshop.

Which Photoshop version do I need?

I'm using Photoshop 2026. Get Photoshop here or use the Creative Cloud Desktop app to make sure Photoshop is up to date.

Let's get started!

Download all of our Photoshop tutorials as PDFs!

The document setup

For this tutorial, I’ll use this photo from Adobe Stock.

The original photo.
The original photo.

I’ll zoom in just to make the dot pattern easier to see in the screenshots.

The photo zoomed to 100 percent in Photoshop.
The image zoomed in to 100%.

How to create a halftone pattern in Photoshop

Here are the steps for creating a halftone dot pattern using Photoshop 2026.

See Also:

Step 1: Convert the image to black and white

First we need to convert our photo from color to black and white.

Click the New Fill or Adjustment Layer icon at the bottom of the Layers panel.

Clicking the New Fill or Adjustment Layer icon.
Clicking the New Fill or Adjustment Layer icon.

Choose a Black & White adjustment layer.

Adding a Black and White adjustment layer.
Adding a Black and White adjustment layer.

Photoshop instantly converts your photo to black and white.

Adding a Black and White adjustment layer.
The initial black and white result.

Check your Layers panel and you’ll see the Black & White adjustment layer above your image (on the Background layer).

The image converted to black and white.
The image converted to black and white.

Step 2: Increase the image contrast

Halftone pattern effects work best on images with high contrast. Let’s use a Levels adjustment layer to boost the contrast of our black and white image.

Click the New Fill or Adjustment Layer icon again in the Layers panel.

Clicking the New Fill or Adjustment Layer icon.
Clicking the New Fill or Adjustment Layer icon.

Choose Levels from the list.

Adding a Levels adjustment layer.
Adding a Levels adjustment layer.

Photoshop adds a Levels adjustment layer above your Black & White layer.

The Layers panel showing the new Levels adjustment layer.
The Layers panel showing the new Levels adjustment layer.

In the Properties panel, use the black point (left) and white point (right) sliders below the histogram to increase the contrast.

The black point and white point sliders below the histogram in Photoshop.
The black point and white point sliders.

Ideally, drag the black point slider to where the left side of the histogram begins, and the white point slider to where the right side begins. This ensures you have areas of pure black in the shadows and pure white in the highlights.

Not all images need both sliders adjusted. With my image, the histogram already extends all the way to the left, so I don’t need to adjust the black point.

But I can brighten the highlights by dragging the white point slider a bit to the left.

Dragging the white point slider to the right edge of the histogram.
Dragging the white point slider to the right edge of the histogram.

The contrast of the image is now stronger.

The image after adjusting the contrast.
The image after adjusting the contrast.

Step 3: Add a new layer filled with 50% gray

We need a new layer for our halftone effect.

Click the Add New Layer icon at the bottom of the Layers panel.

Adding a new layer.
Adding a new layer.

Photoshop adds a new blank layer above your Levels adjustment layer.

The new layer is added in the Layers panel in Photoshop
The new layer is added.

Go to Edit > Fill (or press Shift + F5) to fill the new layer with gray.

Choosing the Fill command from the Edit menu in Photoshop
Going to Edit > Fill.

In the Fill dialog box, change the Contents to 50% Gray and click OK.

Setting the Contents to 50 percent gray in the Fill dialog box in Photoshop
Setting the Contents to 50% Gray.

Your image is temporarily hidden by the solid gray layer.

The Photoshop document is filled with gray, hiding the image.
The gray hides the image from view.

Step 4: Convert the layer to a smart object

The biggest challenge when creating a halftone pattern is knowing exactly how big the dots need to be. By converting this layer to a smart object, we give ourselves room to experiment and change the dot size later.

In the Layers panel, right-click on your gray layer.

Right-clicking on the layer in the Layers panel.
Right-clicking on the layer.

Choose Convert to Smart Object from the menu.

Choosing the Convert to Smart Object command in Photoshop.
Choosing the Convert to Smart Object command.

A smart object icon appears in the lower right corner of the layer’s thumbnail.

The smart object icon.
The smart object icon.

Step 5: Reset your Foreground and Background colors

Press D on your keyboard to reset your Foreground and Background colors to their defaults (black and white). The filters we are about to use rely on these specific colors to generate the pattern.

You can see your current Foreground and Background colors in the color swatches near the bottom of the toolbar.

Right-clicking on the layer in the Layers panel.
The Foreground and Background color swatches.

Step 6: Open Photoshop’s Filter Gallery

To create our halftone pattern, we need to combine two filters found in Photoshop’s Filter Gallery.

Go to Filter > Filter Gallery.

Opening the Filter Gallery in Photoshop.
Going to Filter > Filter Gallery.

Step 7: Add the Halftone Pattern filter

The Filter Gallery has a large preview area on the left and two columns on the right. The middle column is where you choose your filters (which are grouped into folders), and the right column is where you adjust their settings.

Open the Sketch group and click the Halftone Pattern filter to select it.

Choosing the Halftone Pattern filter from the Sketch group in the Filter Gallery.
Choosing Halftone Pattern in the Sketch group.

The filter options appear in the upper right.

Set the Pattern Type to Dot and the Contrast to 0.

Use the Size slider to set an initial size for your dots. I’ll set mine to 6.

Note: Because our layer is filled with solid gray, we can’t see our image in the preview area to know exactly how this size will look. But since we are using a smart object, we can easily come back and change the size later.

The Halftone Filter settings in the Filter Gallery in Photoshop.
The Halftone Pattern options.

Step 8: Use the Torn Edges filter to roughen the dots

Notice in the preview area that our dots are actually just blurry squares. We’ll use the Torn Edges filter to roughen them up and make them look rounder.

In the bottom right of the Filter Gallery, click the New Effect Layer icon (the plus sign) to add a new filter above the Halftone Pattern filter.

Adding a second filter.
Adding a second filter.

Still in the Sketch folder, select the Torn Edges filter.

Selecting the Torn Edges filter in the Photoshop Filter Gallery
Clicking the Torn Edges thumbnail.

In the filter options on the right, leave Image Balance at its default (25) and lower the Contrast to 1.

Drag the Smoothness slider until the blurry squares begin to look rougher and rounder. The exact setting you need depends on the dot size you chose in the previous step.

Since my dot size is 6, a Smoothness value of 10 works well. (Remember: Because we are using a smart object, you can always come back and change this Smoothness value later.)

The Torn Edges filter settings in the Photoshop Filter Gallery.
The Torn Edges filter settings.

The dots should now look something like this.

The Halftone Pattern dots with Torn Edges applied.
The Halftone Pattern dots with the Torn Edges filter applied.

Step 9: Apply the filters

Click OK to close the Filter Gallery and apply your filters.

Photoshop fills your document with the halftone dots. We’ll blend these dots into the image in the next step.

The halftone dot pattern.
The halftone dot pattern.

Look at the Layers panel. Because we converted our layer to a smart object earlier, Photoshop applied the Filter Gallery as a smart filter.

The huge benefit of a smart filter is that the effect remains completely editable. We can go back and change our settings at any time, which we’ll do in a moment.

The Filter Gallery smart filter.
The Filter Gallery smart filter.

Step 10: Change the blend mode to Hard Mix

To blend the dots with your image, change the layer’s blend mode from Normal to Hard Mix.

Changing the blend mode to Hard Mix.
Changing the blend mode to Hard Mix.

Your black and white image now shows through the dots, but the effect is much too intense.

We’ll dial that back next.

The halftone pattern effect with the blend mode set to Hard Mix
The result after changing the blend mode.

Step 11: Lower the Fill value

Lower the Fill value of the layer (not the Opacity) until you are happy with the result. I’ll drop mine to 70%.

Lowering the Fill value of the halftone pattern layer in Photoshop
Lowering the Fill.

Why Fill and not Opacity? Hard Mix is one of 8 special blend modes in Photoshop that reacts differently to Fill than to Opacity.

Lowering the Fill fades the dots in the highlights and pushes the effect into the shadows, creating a much more realistic halftone pattern.

The halftone effect after lowering the Fill.
The halftone effect after lowering the Fill.

Step 12: Adjust the dot size (Optional)

If you are not happy with the size of your dots, it is easy to change them.

In the Layers panel, double-click the words Filter Gallery under your smart object.

Right-clicking on the layer in the Layers panel.
Reopening the Filter Gallery smart filter.

In the right column of the Filter Gallery, your two filters are stacked on top of each other (just like the Layers panel).

Click the Halftone Pattern filter to select it.

Reselecting the Halftone Pattern filter in the Filter Gallery in Photoshop.
Reselecting the Halftone Pattern filter.

Drag the Size slider to choose a different size.

I’ll make my dots smaller by lowering the size from 6 to 4. (Note: The exact value you need will depend on your image size).

Lowering the halftone dot size.
Lowering the halftone dot size.

After changing the dot size, you usually need to adjust your Smoothness value to match.

Click the Torn Edges filter to select it.

Selecting the Torn Edges filter.
Selecting the Torn Edges filter.

Because I lowered my dot size, I’ll compensate by increasing the Smoothness from 10 to 11.

Increasing the smoothnes after lowering the dot size.
Increasing the smoothness after lowering the dot size.

Click OK to close the Filter Gallery. Photoshop instantly updates your halftone pattern with the new settings. I like these smaller dots much better.

At this point, you have a perfect black and white halftone pattern. You can stop right here, or keep going to add some color (which we’ll do next).

A black and white halftone dot pattern created in Photoshop
The black and white halftone pattern effect.

Step 13: Add a Solid Color adjustment layer

To add color to the halftone pattern, we’ll use a Solid Color fill layer.

First, make sure your halftone pattern layer (the top layer) is active in the Layers panel.

Go to Layer > New Fill Layer > Solid Color.

Adding a Solid Color fill layer in Photoshop
Going to Layer > New Fill Layer > Solid Color.

Step 14: Set the blend mode to Color

In the New Layer dialog box, change the Mode (the blend mode) from Normal to Color. Click OK.

Setting the blend mode of the fill layer to Color.
Setting the blend mode of the fill layer to Color.

Step 15: Choose a color from the Color Picker

Choose a color from the Color Picker.

Because we set the blend mode to Color in the previous step, Photoshop gives you a live preview of how the color looks applied to your halftone effect.

Click OK to close the Color Picker when you’re done.

Choosing a color for the halftone effect.
Choosing a color for the halftone effect.

Step 16: Try the Screen blend mode (Optional)

For a totally different look, change the blend mode of your color fill layer from Color to Screen.

Changing the blend mode to Screen.
Changing the blend mode to Screen.

The Screen blend mode uses your chosen color to lighten the image.

This creates a stylish, lower-contrast effect, especially if you picked a bright color.

The color halftone pattern effect with the blend mode set to Screen
Same color, different blend mode.

If your effect looks too faded or flat, double-click the layer’s color swatch in the Layers panel.

Double-clicking the color swatch.
Double-clicking the color swatch.

Choose a darker version of your color from the Color Picker, or pick a completely new color like I’m doing here.

(Darker colors work much better with the Screen blend mode).

Choosing a new color for the halftone pattern from the Color Picker.
Darker colors work best with the Screen blend mode.

Click OK to close the Color Picker.

Here is my final halftone pattern effect.

A color halftone dot pattern created in Photoshop.
The color halftone pattern.

And there we have it! That is an easy way to create a fully editable halftone dot pattern in Photoshop.

Don't forget, all of my Photoshop tutorials are available to download as PDFs!

Related tutorials: