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

In this tutorial, we’ll explore how to craft captivating geometric patterns using Adobe Photoshop’s versatile polygon tool.

Geometric patterns are not only visually engaging but also provide a sense of balance and harmony to various design projects.

Follow along as we break down the process step by step, from creating the base pattern to adding color variations and exporting the final design.

Setting Up Your Canvas

To kick off the creation of our geometric star pattern, we’ll start by setting up our canvas.

  1. Open Adobe Photoshop and create a new document by clicking on “Create New.”
  2. Choose the dimensions of your canvas. For instance, opt for 1200 pixels by 1200 pixels with a resolution of 300 pixels per inch (PPI).
  3. Select the RGB color mode and set the background content to transparent.
  4. Once your settings are configured, hit “Create.”

Working with the Polygon Tool

The polygon tool will be the cornerstone of our geometric pattern. Let’s dive into the specifics of using this tool effectively.

  1. Locate the polygon tool under the “Shapes” menu.
  2. Right-click on the shape tool icon and choose the polygon tool.
  3. Adjust the settings: Set the sides to 4 (for a square) and enable the “Symmetric” option.
  4. Set the “Star Ratio” to 25 percent and enable “Smooth Star Indents.”
  5. After adjusting the settings, exit the dialog box.

Creating the Base Pattern

Now that we have our polygon tool settings in place, it’s time to create the base pattern.

  1. Reset your foreground and background colors to default (e.g., black).
  2. Click on the canvas to draw a square with dimensions of 1200 pixels by 1200 pixels.
  3. Align the shape to the center using the marquee tool (press ‘M’), select all (Cmd/Ctrl + A), and then use the move tool (press ‘V’) to center it both horizontally and vertically (Cmd/Ctrl + Shift + M).
  4. Deselect the shape (Cmd/Ctrl + D).
  5. Rotate the square 45 degrees for a more dynamic pattern (Cmd/Ctrl + T, then adjust the rotation to 45 degrees).

Building the Pattern Grid

With our base pattern ready, we’ll create a grid by duplicating and arranging the shape.

  1. Duplicate the square layer by right-clicking and selecting “Duplicate Layer.”
  2. Move the duplicated layer to a corner, aligning it with the grid lines.
  3. Enable pattern preview mode by going to “View” > “Pattern Preview.”
  4. Zoom out (Cmd/Ctrl + Minus) to better see the pattern grid.
  5. Drag the duplicated layer to the corner until the grid lines align.

Defining and Testing the Pattern

Now that we have our pattern grid, let’s define and test it in a new document.

  1. Define the pattern: Go to “Edit” > “Define Pattern,” give it a name, and click “OK.”
  2. Open a new document with dimensions of 3600 pixels by 3600 pixels and transparent background.
  3. Add a pattern adjustment layer by selecting “Pattern” and clicking “OK.”
  4. Open the patterns window (Window > Patterns) and choose the newly created pattern.
  5. Scale down the pattern to 25 percent for a visually appealing size.
  6. Add color variation using solid color adjustment layers and blending options.
  7. Export your pattern as digital scrapbook paper: Go to “File” > “Export” > “Export As,” choose JPEG format, select high quality, and embed the color profile.

Adding Depth and Variations

To enhance our geometric pattern, we’ll create depth and variations through layer adjustments.

  1. Return to the original document and add a white solid color adjustment layer.
  2. Create a flattened version of the pattern by highlighting the layers and pressing Shift + Option + Command + E.
  3. Turn off pattern preview mode and select the flattened layer.
  4. Adjust the opacity of certain elements to 50 percent for a two-toned effect.
  5. Define the modified pattern as before (Edit > Define Pattern).

Applying the Two-Toned Pattern

Finally, we’ll apply the two-toned pattern to our design for a unique visual impact.

  1. Return to the pattern paper document and bring back the white bottom layer.
  2. Select the pattern layer and apply the newly defined two-toned pattern.
  3. Enjoy your captivating two-toned geometric pattern, ready to be used in various design projects.


Congratulations! You’ve successfully learned how to create captivating geometric patterns using Adobe Photoshop’s polygon tool. By following these step-by-step instructions, you can now produce intricate patterns, experiment with color variations, and export your designs for various creative endeavors. Whether you’re crafting digital scrapbook paper or adding flair to your graphic design projects, these techniques will undoubtedly elevate your artistic toolkit. Happy designing!

Looking for more Pattern Design Tutorials?