random color square grid Pattern in Photoshop How to create tutorial

graphicxtras > Adobe Photoshop tutorials > tutorials

By Andrew Buckle, Updated : 2021

Please check out our youtube channel for 1000s of great graphics related video tutorials / online classes


1. Start point for the color square grid in Photoshop

Set the foreground to gray, any gray. Go to the edit menu and fill that with the current foreground. Why use gray, well, it works well with the color randomization for the tiles in the pattern fill in Photoshop

2. Define that pattern

Before you can define that pattern, you need to create some subtle variation as if you define a 1000 x 1000 gray image then the result will be a 1 x 1 pixel pattern (that is the way Photoshop works). You need to add some subtle variation to the image and that can be done by adding a small square of slightly different gray. Create a square selection using the rectangular marquee tool (hold the shift key down as you draw the selection) if you want your color design to be squares, if you want it to be rectangles, use the rectangular marquee tool to create a rectangle selection. Go to the foreground color and change the brightness by 1 and then go to the rectangle tool and set to pixel mode. Click inside the selection with rectangle tool and enter 1 and 1 as the height and width. Now go to the edit menu and define pattern and you will now see you have a pattern size of not 1 x 1 but whatever size the selection is. De-select the selection before you continue

3. Create random color squares etc

Go to the Photoshop edit menu and fill and contents set to pattern and select the pattern you have just created and then set the scripts to ON and select the brick fill. Set the scale as required (note that the preview will never match the preview) and then set the spacing to 0 and offset to 0 and color randomness to 1 and brightness randomness to 1 and angle to 0. Press return. You may have to re-apply it a few times to match the scale etc to the design that you want. You should now have a selection of random filled colorful squares (or blocks) or rectangles in Photoshop