Checkerboard / Brick Fill Creation in Illustrator Tutorial

graphicxtras > Adobe Illustrator tutorials > Illustrator how to tutorials

By Andrew Buckle, Updated : 2021

Using the transformations, you can create brick fills and checkerboard designs in 1000s of ways in Illustrator and using a single shape.

** Youtube video tutorial on how to create a brick fill / checkerboard design using a single shape in Illustrator **

concentric circles

1. Where is the checkerboard / brick fill tool

There is no tool in Illustrator but you can use a single shape and combine that with multiple transforms via the effect menu and distort and transform and then use the distort command.

command for the transform in Illustrator

2. Start shape for the checkerboard, a square

I would suggest using a very basic shape to start, something like a square of 30 by 30. Go to the transform command and then enter the number of copies for the checkerboard to be 1 and set the move to be 30 and 30 (the size of the shape). You will now have two squares, one shifted to the right and down. This transform can be edited at any point via the appearance panel by double clicking the transform entry.

create the base shape set for the checkerboard

3. Create the row for the checkerboard / brick fill

Go to the distort and transform again and use another transform, Illustrator will mention that you are applying a new transform (yes, that is what we want) so please ignore the warning. Enter the horizontal move value to be 60 or twice the size of the shape's width (if you change the shape, you can always update this value and unfortunately there is no hidden mathematical model for the width and height in Illustrator (or is there ?). Set the number of copies to 20 say.

row of checkerboard designs

4. Create the additional rows for the checkerboard / brick fill

Apply the transform again to this design and set the value for the vertical this time to 60 or twice the shape's height and again all the values can be updated at a later date. You now have your checkerboard design based on the single shape.

all the rows of the checkerboard

5. Modify the original source shape for the checkerboard / brick fill.

You can re-size, rotate, change the points, etc and all the changes will be reflected in the rest of the checkerboard / brick fill. You can also save the design as a graphic style via the graphic style panel and the right side menu and create new graphic style. You can then apply this graphic style in the future to all other kinds of shapes such as circles, stars, type etc. You can also change the color. You can add gradients to the design and more.

circular checkerboard

6. Vary the transforms

You can vary all the transforms such as add in scaling into the mix such as 98% re-size for the checkerboard / brick fill. You can also change the number of columns and rows created.