Featured Article

Create Moire Patterns: A Step-by-Step Guide in Photoshop

Cynthia Jul 13, 2026

Are you fascinated by the unique, wavy patterns known as moiré effects? Ever wanted to create them yourself using Adobe Photoshop? You're in luck. Today, we're going to explore a step-by-step guide on how to generate mesmerizing moiré patterns using Photoshop. So, let's dive right in.

HOW TO CREATE WAVE OR MOIRE PATTERN IN ILLUSTRATOR
HOW TO CREATE WAVE OR MOIRE PATTERN IN ILLUSTRATOR

Before we begin, what exactly is a moiré pattern? In simple terms, it's a wave-like design that occurs when two or more patterns or grids are overlaid, creating a captivating visual effect. In the world of graphic design, moiré patterns can add depth, complexity, and a touch of elegance to your work. Now, let's see how to create them in Photoshop.

an image of a black and white striped pattern in photoshopped to look like it is
an image of a black and white striped pattern in photoshopped to look like it is

Preparing Your Layers

To create a moiré pattern, we'll need two separate layers with different patterns. Let's start with a simple checkered pattern. Open Photoshop and create a new document with a resolution that suits your needs. Fill your background layer with a solid color.

the cover art for adobe's new book, blended tutorial by artist and graphic
the cover art for adobe's new book, blended tutorial by artist and graphic

Now, let's create a new layer. Fill this layer with a repeating pattern using the Paint Bucket tool (K) or the Edit > Fill command. For this example, let's use a diagonal line pattern. You can create this pattern by going to Edit > Define Pattern, then selecting your pattern and giving it a name.

Generating the Moiré Effect

Ep.22 Processing tutorial | Moiré Pattern 2 with Circles and DIFFERENCE (Creative coding art)
Ep.22 Processing tutorial | Moiré Pattern 2 with Circles and DIFFERENCE (Creative coding art)

With our two layers ready, we're now set to create the moiré effect. Make sure your top layer (the one with the diagonal lines) is selected.

Offsetting the Layers

To create a moiré effect, we need to offset one layer relative to the other. We can do this using the Offset filter. Go to Filter > Other > Offset. In the Offset dialog box, set theentangling lines and grid patterns. In the vertical direction, enter a value about halfway between the height of your document and the pattern's repeating height. Click OK.

an image of a woman's face with the words halftone pattern in adobe photoshop
an image of a woman's face with the words halftone pattern in adobe photoshop

Instantly, you'll see the moiré effect start to appear. This value might vary depending on your pattern, so feel free to experiment to get the results you want.

Adjusting the Appearance

The Offset filter will give you a basic moiré effect, but we can make it more interesting with some additional adjustments. Let's change the Blend Mode of your top layer. Try different modes like Overlay, Screen, or Multiply to see how they affect your pattern.

an abstract black and white image with lines in the background that appear to be distorted
an abstract black and white image with lines in the background that appear to be distorted

Next, adjust the opacity of your top layer to allow some of the bottom layer's color to show through. This will help blend the two patterns together, creating a more unified moiré effect.

Applying the Moiré Effect to Other Patterns

a black and white image with the letter e in it's center surrounded by lines
a black and white image with the letter e in it's center surrounded by lines
Moiré Processing
Moiré Processing
How to Make Halftone Circles in Photoshop
How to Make Halftone Circles in Photoshop
a person is writing on a piece of paper with a pen in their left hand
a person is writing on a piece of paper with a pen in their left hand
How to Create Wave or Moire Pattern in Illustrator?
How to Create Wave or Moire Pattern in Illustrator?
an abstract blue and red background with spirals in the shape of circles on top of each other
an abstract blue and red background with spirals in the shape of circles on top of each other
an image of a tiger's face with the text live halftone editing on it
an image of a tiger's face with the text live halftone editing on it
Text Effect Illustrator Tutorial, Halftone Tutorial, Poster Tutorial Photoshop, Photoshop Course Poster Design, Graphic Design Posters Tutorial, Typography Poster Tutorial Illustrator, Halftone Illustrator Tutorial, How To Make Halftone, Experimental Logo Design
Text Effect Illustrator Tutorial, Halftone Tutorial, Poster Tutorial Photoshop, Photoshop Course Poster Design, Graphic Design Posters Tutorial, Typography Poster Tutorial Illustrator, Halftone Illustrator Tutorial, How To Make Halftone, Experimental Logo Design
an abstract black and white background with lines in the center, forming a circular shape
an abstract black and white background with lines in the center, forming a circular shape

Now that you've created your first moiré pattern, you're ready to explore the possibilities. Try using different patterns, colors, and blend modes to create an endless variety of effects.

You can also experiment with different pattern sizes, offsets, and rotations to create unique, dynamic moiré patterns. Don't be afraid to get creative and have fun with it!

Creating a Background

Once you're happy with your moiré pattern, you might want to use it as a background for a design project. To do this, simply flatten your image by going to Layer > Flatten Image or using the shortcut Shift + Alt + Ctrl + E (Windows) or Shift + Option + Command + E (Mac). Then, you can save your new background as a JPEG or PNG file.

Remember, moiré patterns can add depth and complexity to your designs, but they can also be quite demanding on your system's resources. Always work with flattened images when you don't need to edit the moiré pattern further to maintain optimal performance.

The beauty of moiré patterns lies in their endless versatility. Whether you use them as a backdrop, a texture, or a unique design element, they can breathe life into your projects. Now that you know how to create them, it's time to let your creativity run wild. Happy designing!