• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • About
  • Portfolio
  • Blog
    • Blogging
    • Business Tips
    • Design
    • Photoshop Tutorials
    • Illustrator Tutorials
    • Freebies
  • Shop
    • Creative Market
    • Spoonflower
    • Design Cuts
    • Patternbank
  • Resources
    • Resources
    • The Library
  • Contact
  • Nav Social Menu

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Elan Creative Co.

whimsical graphic design

Create a polka dot pattern in Illustrator

May 12, 2016

How to create a polka dot pattern in Illustrator

Since a lot of you come here for pattern design, I’ve decided to create a series of tutorials that will show you how to create surface patterns and apply them to your graphics. In this first tutorial, we will create a polka dot pattern in Illustrator using the Pattern Maker tool. This tool is only available in Illustrator CS6 and CC.

Do you remember how many steps we had to take to create a polka dot pattern in Photoshop? Well, in Illustrator you can create a simple repeating pattern in a couple of minutes. Let’s get to work:

Create a new document

In this tutorial, you will learn how to make a polka dot pattern swatch that you can use as a background for your blog’s graphics or for your artworks. That’s why you can use any artboard size you want.

How to create a polka dot pattern in Illustrator

I’m going to create a background for this post’s featured image, so I’m starting with an 800x1200px artboard at 72ppi.

Set up your workspace

We will work mostly with the Swatches and Layers panels, so we can either use a custom workspace or the Painting workspace.

How to create a polka dot pattern in Illustrator

Go to Essentials in the upper right corner of your screen and select Painting from the drop-down menu. This will open up a few useful panels.

Create a motif

The next step is to create a circle. You can do this using the Ellipse Tool (L) or the Paintbrush Tool (B).

How to create a polka dot pattern in Illustrator

Select your favorite fill color and set the stroke color to none. If you are using the Ellipse Tool, click on your artboard and enter the height and width of your circle, or click and drag until you have the size you want. Holding down Shift while creating the shape will help you create a perfect circle.

Create a pattern swatch

There are two ways to create a pattern swatch. You can either select your circle and go to Object > Pattern > Make or drag it to the Swatches panel. Your pattern will be added to your Swatches and if you want to edit it, you can double-click on the swatch.

How to create a polka dot pattern in Illustrator

Once you add the pattern to the Swatches library, you can delete the circle from your artboard.

Edit your pattern

When you create a pattern swatch, the Pattern Options menu will appear. This menu will let you change the name of the pattern swatch, tile type, size of the motif and spacing between shapes.

How to create a polka dot pattern in Illustrator

If you want to add space between the polka dots, check Size Tile to Art and enter horizontal and vertical spacing values. I’m using a 30x30px circle and 30px between the dots.

How to create a polka dot pattern in Illustrator

If you don’t like the default grid tile type, you can use one of the other four tile types: brick by row, brick by column, hex by column, and hex by row.

How to create a polka dot pattern in Illustrator

You can save the different pattern swatches by pressing Save a Copy or clicking Done when you are happy with the pattern.

How to create a polka dot pattern in Illustrator

How to use the polka dot pattern

I want to use this pattern as a background for the blog post title. To create a polka dot background, set the polka dot pattern as the fill color and create a rectangle using the Rectangle Tool (M) that’s as large as your artboard.

To align it to your artboard, select the rectangle and click on the icons for Horizontal Align Center and Vertical Align Center.

How to create a polka dot pattern in Illustrator

The pattern we created has a transparent background, so at this step, you can save it as a transparent background PNG.

If you want to add a full-color background, select your polka dot rectangle and press Ctrl+C (Command+C) to copy the background and Ctrl+B (Command+B) to paste it and send it to the back. Make sure the background layer is selected in the Layers panel (it has a blue square next to the name of the layer) and set the fill color to the color you want for the background.

How to create a polka dot pattern in Illustrator

Don’t forget to save your pattern from File > Save.

If you export your pattern as a JPEG, make sure the anti-aliasing is set to Art Optimized so you won’t see any annoying white lines on your pattern.

How to create a polka dot pattern in Illustrator

You’ve just created your first polka dot pattern in Illustrator

Awesome work! You can save your pattern swatches from the Swatches Libraries Menu and apply them to any shape you want.

If you are tired of polka dots, you can use any other shape you want, like a hexagon, triangle, diamond or even one of your doodles.

Have fun creating this simple pattern and follow my blog for more surface pattern design tutorials.

Tweet
Share1
Pin668
Share

Illustrator, Tutorials

You might also enjoy:

How to make animated GIFs in Photoshop
How to make animated GIFs in Photoshop
How to make a seamless geometric pattern brush in Illustrator
How to make a seamless pattern brush in Illustrator
How to make a printable weekly planner in Illustrator
How to make a printable weekly planner in Illustrator
How to make half-drop repeating patterns in Adobe Illustrator - new Skillshare class
Half-drop repeating patterns – new Skillshare class

About Cristina Silvia

Hey there! I’m Cristina, and I’m a self-taught graphic designer and illustrator. With an everlasting love of all creative endeavors, I found joy in sharing with others what I’ve learned over the years and helping bloggers and entrepreneurs bring their dreams to life through beautiful designs.

The Newsletter

Subscribe to our mailing list to get the latest posts in your inbox + news and special offers.

Reader Interactions

Comments

  1. Joanne says

    June 15, 2017 at 11:27 am

    Thank you so much! It’s really simple but if you don’t know how to do it, then you get so lost.

    • Cristina Silvia says

      June 15, 2017 at 3:28 pm

      You’re welcome, Joanne! Yes, the pattern tool is so easy to use but it takes a while to learn its ins and outs.

  2. Sydnee says

    September 2, 2017 at 8:11 pm

    I want to make white polka dots with a light blue/gray background. When I paste it to send to back, and select a fill color, it just fills the whole shape blue. What am I missing?

    • Cristina Silvia says

      September 3, 2017 at 7:39 pm

      Hi, Sydnee! You need to make two shapes using the rectangle tool. First, create the background and change its color to blue. Then create another rectangle on top of it and fill it with the white polka dot pattern.

Footer

Discover

  • Portfolio
  • Blog
  • Resources
  • The Library
  • Contact

Learn More

  • Policies
  • Terms
  • Licenses
  • F.A.Q.

Looking for something?

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2023 · Elan Creative Co