Featured Article

Master Gingham: Create Stunning Patterns in Illustrator

Cynthia Jul 13, 2026

Gingham, a classic checkered pattern, can breathe new life into your designs. Adobe Illustrator, with its robust toolkit, allows you to create this timeless pattern with ease. Let's explore how to make a gingham pattern in Illustrator for your graphic designing projects.

Before we delve into the creation process, understanding gingham's basic composition is helpful. Gingham is composed of two colors, traditionally primary and complementary, forming a checks pattern. The color configuration and grid size determine the final appearance. Now, let's create our gingham pattern.

Setting Up Your Document and Color palette

How to make gingham in Procreate
How to make gingham in Procreate

Create a new document with your desired dimensions. For this example, let's use a square canvas measuring 500x500 pixels with a resolution of 300 dpi.

Next, choose your color palette. Gingham typically uses contrasting colors. For this tutorial, let's use a complementing duo: Pantone 293 C (Vibrant Yellow) and Pantone 2725 C (Ultimate Gray).

Creating the Gingham Pattern

How to draw seamless gingham pattern in Procreate - step by step for beginners!
How to draw seamless gingham pattern in Procreate - step by step for beginners!

We'll start by creating a basic square shape and then add the checked effect.

Draw a square on your canvas using the Rectangle Tool (M). This will be the foundation of our gingham pattern. Fill it with your primary color (in our case, Ultimate Gray).

Adding the Checkered Effect

To create the checked pattern, we'll divide our square into smaller squares.

Using the Rectangle Tool (M), draw a smaller square inside your original square. Make sure it's centered both vertically and horizontally using the Align Panel (supernumerary W key). Fill this new square with your secondary color (Vibrant Yellow).

To create the illusion of multiple checks, we'll duplicate these squares. Select both the large and small squares and click on Edit ( Ctrl + C) to copy. Then, paste them (Ctrl + V) in front.

Highlight the pasted group and go to Object > Transform > Move. Set the Horizontal and Vertical displacement values to the width and height of your original large square, respectively. Click Copy to separate the group's instances.

Repeat the above steps for as many squares as you want in your pattern. You can also select all squares and scale them using the Selection Tool (V) to create a more intricate pattern.

Creating a Seamless Gingham Pattern

gingham pattern with the title how to make a gingham pattern in adobe illustrator
gingham pattern with the title how to make a gingham pattern in adobe illustrator

So far, we've created a static gingham pattern. However, to use this design on interpolation or repeats, we need to create a seamless pattern.

Select all the squares on your canvas. Then, go to Object > Pattern > Make Pattern.

saving and Applying the Pattern

In the Pattern Options window, chose a name for your pattern, set its dimensions, and check the "Tile" option to see your pattern as a whole.

Click Save, and your pattern will be added to your Swatches Panel (F5). Now, you can easily apply this gingham pattern to any shape or surface in your design.

Conclusion

Gingham Pattern in Illustrator
Gingham Pattern in Illustrator

There you have it! A step-by-step guide on how to create a gingham pattern in Adobe Illustrator. With this newfound knowledge, you're ready to update your design projects with classic gingham swagger.

But why stop at gingham? Experiment with different color schemes, shapes, and layouts to create unique patterns. Try adding other design elements like lines, curves, or textures to your checked pattern for a more dimensional effect.

Happy designing, and let your creativity flow!

Cre: maisonnookcoloring
Cre: maisonnookcoloring
Gingham Checker pattern  in Adobe illustrator
Gingham Checker pattern  in Adobe illustrator
【#イラレ 解説】#ギンガムチェック柄 を作る方法
【#イラレ 解説】#ギンガムチェック柄 を作る方法
How to make a gingham style pattern in procreate
How to make a gingham style pattern in procreate
the instructions for how to make a plaid blanket with different colors and patterns on it
the instructions for how to make a plaid blanket with different colors and patterns on it
patterns
patterns
a computer screen with the text how to create gingham pattern
a computer screen with the text how to create gingham pattern
Cre: mimi_moty
Cre: mimi_moty
How to Create Gingham and Buffalo Plaid Patterns in Adobe Illustrator
How to Create Gingham and Buffalo Plaid Patterns in Adobe Illustrator
a pink and white checkered pattern with the words seamless whimsical gingham
a pink and white checkered pattern with the words seamless whimsical gingham
Learn how to create gingham stripes patterns in Procreate
Learn how to create gingham stripes patterns in Procreate