How to use rectangle shapes for backgrounds in Photoshop Tutorial

How to create a rectangle themed pattern in Photoshop tutorial using lines and random fill script.

Use rectangles to create backgrounds

how to use rectangle shapes for backgrounds tutorial
  1. Select rectangle tool in Photoshop toolbar

  2. Set to shape layer option and select color

  3. Goto the layers panel and delete background layer

  4. Select the rectangle shape using rectangular marquee

  5. Edit menu and define pattern command

  6. Deselect and flatten image

  7. Edit menu and fill

  8. Pattern option and script (random fill) and select the rectangle shape pattern & OK

  9. Set density, color, brightness etc & OK

  10. Apply rectangle as a background fill or to a layer etc

Types : gradientsThe rectangle line can have any color fill such as gradients or a solid color as well as other seamless tiles. It can also be filled with shapes and effects and type and more


Rectangle layer : source rectangle source for PhotoshopAll kinds of rectangles can be created using the rectangle tool in Photoshop such as thin ones, squares, wide rectangles and many others. You can use the rectangle tool (press U on the keyboard) once or multiple times to create all kinds of unique rectangular designs. To use those shapes as a source for a pattern and in particular one for the random fill script, it is best to add the rectangle (rectangles) onto a layer (or layers).


You can also combine that layer with a layer effect such as a shadow or you can convert it into a smart object and combine with effects such as paint daubs and blurs. The key thing though for the random fill or pattern scripts in Photoshop is to remove the background so just go to the layer panel and delete the background leaving only the rectangles as this means the random fill will not be filled with a white background (if white).


Define : define pattern command You can define the artwork as a seamless tile via the define command found in the edit menu.


You can also use a selection to define the area to be used as the tile.


Variations : multipleOf course, there are many other variations that can be used such as adding different effects or perhaps adding multiple rectangle lines and different colors and different angles and sizes


The one on the right includes three straight lines with an outer dark blue line and then a middle line of light blue and a thin line of white. The bottom layer was deleted and the artwork was then selected and then edit menu and define command. It was applied using the random fill script with rotation.


Random fill / script : panelGo to the edit menu and Fill command. Select the pattern option and then select the script checkbox to ON.


Set the dropdown to random fill (or any of the others). Select the required tile and then click OK.


Note that this is not the final stage as you now will see another dialog with a whole range of options (I must admit, I wish it had been on the same panel as you cannot change the tile once you are into the second panel)


Dialog - density etc : A dialog will appear allowing you to modify the density as well as scale and rotation and color and brightness etc. Depending on the size of the document / tile, the preview will loosely represent the end result (not really sure if the preview is actually showing a part of the result or it is just occasionally inaccurate).


Anyway, you will see a jumble of lines filling the preview and you can increase or remove lines by changing the density. You can always apply the fill and then add a new layer and then add another random fill to totally fill the image.


Multiple layers : You can also then use multiple layers instead of using a single layer. You can then use blending modes and opacity via the layers panel top bar for each of the layers filled with the lines. You can then re-color them using adjustments etc.


You can also apply effects such as blurs and camera raw etc to modify the design in countless ways.


The image on the right used the hue / saturation and colorize to add a sepia look to the lines.


Keywords : How to use rectangle shapes for backgrounds in Photoshop Tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@