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

In the world of digital design, patterns play a crucial role in adding depth and texture to various projects. Among the myriad of patterns that can be created, the brick pattern stands out for its timeless appeal and versatility.

In this tutorial, we will walk you through the step-by-step process of creating a stunning brick pattern using Adobe Photoshop. Whether you’re a seasoned designer or just starting your creative journey, this guide will equip you with the knowledge to craft a captivating brick pattern that can elevate your design projects.

Setting Up Your Canvas

To begin, open Adobe Photoshop and follow these steps to set up your canvas for creating the brick pattern:

1. Click on \”File\” in the top menu and select \”New\” to create a new document.
2. In the \”New Document\” dialog box, set the dimensions to 3600 pixels by 3600 pixels. This size ensures that your pattern will be seamless.
3. Choose a resolution of 300 pixels per inch for high-quality output.
4. Set the color mode to RGB to ensure vibrant and accurate colors.
5. Select \”Transparent\” for the background content.
6. Click \”Create\” to generate your canvas.

Creating the Base Rectangle

A brick pattern is characterized by its rectangular units. To create the base rectangle for your pattern, follow these steps:

1. With the \”Marquee Tool\” (keyboard shortcut: M), draw a rectangle using the guides as reference.
2. Fill the rectangle with your foreground color (black in this case) by pressing \”Alt + Delete\” (Mac) or \”Alt + Backspace\” (PC).
3. Deselect the rectangle by pressing \”Command + D\” (Mac) or \”Control + D\” (PC).
4. Right-click on the rectangle layer and choose \”Convert to Smart Object.\”

Building the Grid Layout

To achieve the distinctive brick arrangement, we’ll establish a grid layout. Here’s how:

1. Create a new guide layout by going to \”View\” > \”Guides\” > \”New Guide Layout.\”
2. Set the guide layout to four columns and eight rows to create the brick pattern’s rectangular appearance.
3. Duplicate the base rectangle smart object using \”Command + J\” (Mac) or \”Control + J\” (PC).
4. Align the duplicates with the guides to create the basic grid structure.

Refining the Grid

The next steps involve refining the grid and adding details to achieve the brick pattern’s appearance:

1. Adjust the position and rotation of the duplicated rectangles to complete the grid layout.
2. Enter the smart object for the base rectangle by double-clicking on it.
3. Using the line tool, draw lines along the edges of the rectangles to simulate the mortar between the bricks.
4. Customize the stroke width and color of the lines to achieve the desired look.
5. Save and exit the smart object.

Creating and Applying the Pattern

With the grid and details in place, it’s time to create and apply your brick pattern:

1. Define the pattern by going to \”Edit\” > \”Define Pattern\” and naming it \”Brick Pattern.\”
2. Close the smart object, returning to the main canvas.
3. Create a pattern fill layer by dragging your newly defined pattern onto the canvas.
4. Unclip the pattern fill layer by hovering between layers and clicking \”Option\” (Mac) or \”Alt\” (PC) while clicking.
5. Customize the pattern’s color by adding a solid color adjustment layer and creating a clipping mask.

Fine-Tuning and Exporting

The final steps involve fine-tuning your pattern and preparing it for export:

1. Re-enter the smart object for further adjustments, such as altering the stroke width of the lines.
2. Save the smart object and exit to the main canvas.
3. Update the pattern definition by redefining it under \”Edit\” > \”Define Pattern.\”
4. Export the pattern as a JPEG file by selecting \”File\” > \”Export\” > \”Export As.\”


In this comprehensive guide, we’ve explored the intricate process of creating a brick pattern in Adobe Photoshop. By leveraging guides, smart objects, and precise detailing, you can craft a captivating pattern that adds depth and visual interest to your design projects.

Whether you’re creating digital scrapbook paper or enhancing various artworks, the versatility of the brick pattern ensures it will find a place in your creative repertoire. With your newfound skills, you’re well-equipped to explore endless possibilities and experiment with colors and variations. Elevate your design game with the timeless charm of a well-crafted brick pattern.

Looking for more Pattern Design Tutorials?