Featured Article

Create Warped Checkerboard Pattern in Illustrator: Step-by-Step Guide

Cynthia Jul 13, 2026

Creating a warped checkerboard pattern in Adobe Illustrator can bring a dynamic, eye-catching design element to your projects. This geometric pattern, when warped, lends itself particularly well to 3D and isometric designs, giving your artwork a unique tactile feel. This guide will walk you through the process of creating a warped checkerboard pattern, from basic setup to final touches.

the checker board is displayed in this screenshot
the checker board is displayed in this screenshot

Before you begin, ensure you have a solid understanding of the tools and features in Adobe Illustrator. Familiarity with the Pen Tool (P), the Direct Selection Tool (A), and the Warp effects panel will be crucial. Now, let's dive into our first main topic: creating the basic checkerboard pattern.

How to Draw a 3D Inward & Outward Optical Illusion Checkerboard Pattern in Procreate - For Beginners
How to Draw a 3D Inward & Outward Optical Illusion Checkerboard Pattern in Procreate - For Beginners

Creating the Basic Checkerboard Pattern

The first step in creating a warped checkerboard pattern involves making the base checkerboard. This involves using the Rectangle Tool (M) to draw two larger rectangles and then fill them with alternating colors. The next step involves creating smaller rectangles within these larger ones to form the checkerboard pattern.

How to Make a Checker Pattern in Photoshop
How to Make a Checker Pattern in Photoshop

The key to creating the checkerboard pattern isn't just the size and position of the rectangles, but also the alignment. By using the Align panel and ensuring the boxes are perfectly aligned, you can achieve a clean, symmetrical checkerboard pattern.

Creating the Larger Rectangles

an orange tiger on a checkered background with the words beginer vs pro designer
an orange tiger on a checkered background with the words beginer vs pro designer

Start by drawing two rectangles using the Rectangle Tool (M). Make sure they are identical in size and perfectly aligned. Fill these rectangles with two contrasting colors to create the initial checkerboard effect.

To ensure perfect alignment, use the Align panel. First, select both rectangles, then click on the 'Aligned to Selection' icon at the bottom of the panel. This will ensure any new shapes you create will be aligned with your existing rectangles.

Creating the Smaller Rectangles

How to make a wavy checkerboard pattern in Procreate
How to make a wavy checkerboard pattern in Procreate

Now, let's create the individual 'checks' in our checkerboard. Use the Rectangle Tool (M) to draw smaller rectangles within your larger ones. These should be slightly smaller than half the size of the larger rectangles.

Be sure to evenly distribute these smaller rectangles across the larger ones. You can use the Align panel to help with this. Once again, ensure the alignment is perfect by clicking on the 'Aligned to Selection' icon. Fill these with alternating colors for a traditional checkerboard effect.

Warp the Checkerboard Pattern

procreate tutorial wavy checkered green flower pattern
procreate tutorial wavy checkered green flower pattern

Now that we have our base checkerboard pattern, the next step is to warp it. This is where your design will really start to come to life. Adobe Illustrator offers a wide range of warp effects, allowing you to create a checkerboard that could be seen from any angle.

In this section, we'll focus on how to warp our checkerboard using the Arc effect. This effect will give our checkerboard the appearance of being bent or warped, adding depth and dimension to our design.

How to Create a Weave Pattern in Adobe Illustrator
How to Create a Weave Pattern in Adobe Illustrator
How to create a Halloween Checkerboard Pattern in Procreate
How to create a Halloween Checkerboard Pattern in Procreate
Checker Pattern
Checker Pattern
the text how to make a seamless repeating pattern in photoshop video tutors
the text how to make a seamless repeating pattern in photoshop video tutors
Create Waving Checkered Flag Art in Adobe Illustrator | Envato Tuts+
Create Waving Checkered Flag Art in Adobe Illustrator | Envato Tuts+
Attempting the glitch trend
Attempting the glitch trend
How to Draw Warped Grid | Cici Slay Coloring
How to Draw Warped Grid | Cici Slay Coloring
Procreate & Affinity Designer Artist Resource Library — Weronika Salach | illustration design pattern
Procreate & Affinity Designer Artist Resource Library — Weronika Salach | illustration design pattern

Applying the Warp Arc Effect

Select the group of rectangles that make up your checkerboard. Go to Effect > Warp > Arc. In the options that appear, experiment with the 'Bend' and 'Horizontal' sliders to warp your checkerboard as desired. Click 'OK' to apply the effect.

You'll notice your checkerboard appears to be warped, but it's still just a simple shape. To bring out the texture and depth of the warp, let's add a shape to our checkerboard. The next sub-topic will guide you through this process.

Creating a Warped Shape for the Checkerboard

For this step, we'll use the Pen Tool (P) to create a semi-transparent, warped shape that will sit over our checkerboard. This will give the illusion that the checkerboard is a 3D object, viewed at an angle.

Draw a shape over your checkerboard, then use the Warp effect again, this time using the Arc Lower effect (Effect > Warp > Arc > Arc Lower). This will invert the warp, creating a realistic 3D effect when placed over your checkerboard.

Experiment with the opacity of this warped shape to create a subtle yet effective 3D effect. Adjust the opacity in the Transparency panel (Window > Transparency). You'll find that low opacity values will create a more convincing 3D effect.

Congratulations, you've successfully created a warped checkerboard pattern in Adobe Illustrator! This skill can be applied to a wide range of design projects, from packaging and branding to user interfaces and illustrations. Your newfound ability to create realistic, warped textures will lend depth and dimension to your designs, making them stand out.