This post contains affiliate links. As an Amazon Associate we may earn commission for qualifying purchases. See our disclaimer for more information.

If you’re looking to add a touch of classic charm to your designs, the buffalo plaid pattern might be just what you need.

In this tutorial, we’ll guide you through the steps to create this iconic pattern using Adobe Photoshop.

The buffalo plaid pattern features a distinctive diagonal stripe design, and we’ll begin by crafting the stripe pattern itself.

Creating the Diagonal Stripe Pattern

First we need to create the diagonal stripe pattern.

Setting up the Canvas

  • Create a new document with dimensions of 40 pixels by 40 pixels.
  • Set the resolution to 300 pixels per inch, color mode to RGB, and background contents to transparent.

Creating the Diagonal Line:

  • Zoom in using the Command + Plus key combination.
  • Choose the Line Tool from the Shapes menu.
  • Starting from the bottom corner, hold down the Shift key and draw a diagonal line across the canvas.
  • Adjust the stroke settings: no fill, black stroke color, and a stroke width of 10 pixels.

Making the Pattern Seamless:

  • Zoom out slightly.
  • Under the View menu, select \”Pattern Preview\” to create a seamless repeat.
  • After previewing, go to Edit > Define Pattern, and name your pattern.

Designing the Buffalo Plaid Pattern

Creating a New Canvas:

  • Open a new document with dimensions of 600 pixels by 600 pixels.
  • Use a resolution of 300 pixels per inch, RGB color mode, and transparent background.

Adding the Diagonal Stripe Pattern:

  • Click on the Adjustment Layers in the Layers panel and select \”Pattern.\”
  • Choose the pattern you defined earlier.
  • Rasterize the layer and create a duplicate.

Crafting the Overlapping Rectangles:

  • Create a new layer and use the Marquee Tool with a fixed size (300 pixels by 600 pixels) to create a rectangle.
  • Fill the selection with black.
  • Duplicate the layer and rotate the copy 90 degrees clockwise.
  • Align the two rectangles to cover the canvas horizontally and vertically.

Incorporating the Pattern:

  • Select one of the rectangle layers and command-click on the image to create a selection.
  • Switch to the pattern fill layer, then right-click and choose \”New Layer via Cut.\”
  • Repeat the process for the other rectangle, creating two separate pattern layers.

Adding the Center Square:

  • Use the Square Tool to create a 300 pixels by 300 pixels square.
  • Set the fill color to black and remove the stroke.
  • Center the square both horizontally and vertically.

Finalizing the Buffalo Plaid Pattern:

  • Check the seamless nature of your pattern using View > Pattern Preview.
  • Once satisfied, define the pattern and exit the preview mode.

Applying the Buffalo Plaid Pattern

To test your new patten open a new document with dimensions of 3600 pixels by 3600 pixels. Set the resolution to 300 pixels per inch, RGB color mode and background contents set to white.

From the bottom of the layers panel add a pattern adjustment layer and select your buffalo plaid pattern.

To change the color of your pattern insert a Solid Color Adjustment Layer above the pattern layer and choose your desired color. Right click on the layer and select create clipping mask. This will cause the pattern to take on the color. Insert another solid color adjustment layer below the pattern layer for the background color.

Experiment with different colors to achieve your desired look.

To fine tune the pattern you can double click on the pattern layer and it will bring up a dialogue box. You can adjust the scale and rotate your pattern. When the dialogue box is open you can even reorient the pattern by dragging on the pattern on the canvas area. To get back to the original click snap to origin.

Once satisfied with the design, export the file as a high-quality JPEG.


With these straightforward steps, you’ve mastered the art of creating a stunning buffalo plaid pattern using Adobe Photoshop. This classic pattern adds a timeless touch to your designs, making them stand out with its unique diagonal stripe arrangement. Feel free to explore different color combinations and variations to match your creative vision. Now you’re ready to incorporate this captivating pattern into your projects, whether it’s for digital scrapbooking, design projects, or any other creative endeavor. Enjoy the process of crafting eye-catching designs with the iconic buffalo plaid pattern!

Looking for more Pattern Design Tutorials?