How to create a Chevron pattern background in Photoshop

In this tutorial, you are going to learn how to create a clean and sleek Chevron pattern background in Photoshop using very simple techniques and layer styles. Chevron pattern is something like a zig-zag line pattern, kind of a simplified herringbone. Let’s get started!

Before going into the tutorial, let us see how the final image will look like.

Step 1: New Document

Create a new document with the size 1000 x 1000 with White as the background color.

Step 2: Create a Halftone Pattern

Now go to the menu Filter -> Sketch -> Halftone Pattern.

Use the following settings for Size, Contrast and Pattern Type.

Step 3: Distort using Wave Filter

This one is the key step here, we are going to distort the image to create the Chevron pattern using the Wave filter to the layer by choosing the menu Filter -> Distort -> Wave with the settings as shown below.

This will create a slick and clean chevron pattern in the canvas but upside down. We will take care of that by flipping it vertically in the next step.

Step 4: Flip the canvas vertical

Now we are going to flip the canvas, but before that you have to make the background layer editable, so double click on the layer in the Layers panel and change the layer name to something like “chevron_bg”. Now transform the layer using Edit -> Transform -> Flip Vertical.

Step 5: Layer Styles

Our pattern is almost ready but it just looks flat and old style, so we are going to spice it up by giving some colors and depth using layer styles. First apply a gradient overlay by double-clicking on the layer in the Layers Panel and then choose Gradient overlay with the following settings.

Step 6: Gradient overlay

Now it is time to apply a gradient overlay, create a new layer and name it “gradient overlay”.

Now pick the Gradient tool (G) and choose the Default Foreground to Background gradient from the gradient picker options. Set the Mode to Radial Gradient and check the Reverse option. You can refer to the below image for the settings.

Now apply the gradient in the layer from the exact center point of the canvas towards the down right section of the image. The image will look like below.

Change the layer blending mode of the “gradient overlay” to Overlay.

Finally here is our final image with a great looking chevron pattern background like effect.

You can still play around by changing the gradient colors in the Layer Styles options and get whatever color the background you like.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!

Related Posts: