Tutorial – Lines & Dots: How to Make Quick and Easy Patterns in Illustrator

Jordan Wong
  • Jun 9, 2015
  • Comments Off on Tutorial – Lines & Dots: How to Make Quick and Easy Patterns in Illustrator
Turquoise Flag-Tip

How to make patterns in Illustrator: Lines and Dots

Mouse-Pen-01
X-acto Ouch-01
Logo_vs_Branding_Artcle_Cube-01

Patterns can be a wonderful visual element. They can create form and show depth in an illustration, or add more visual interest to a large color field of a graphic. Below are step-by-step instructions on how to easily create two patterns in Adobe Illustrator: line and dot.

Line Pattern

Step 1: Create a rectangle and diagonal line going through the center. Begin and end the line from the top-left corner anchor to the bottom-right anchor, then select and scale it up proportionally.

Line_Pattern_Article_Image_1

Turn off the fill in the rectangle and set it and the line at 1 pt. stroke weight. The crucial part of this is that the line must be aligned perfectly in the center, shooting diagonally from the top-left corner to the bottom-right. Smart Guides (View > Smart Guides) is a huge help.

Step 2: Duplicate the objects (the rectangle and line), aligning the one copy at the top-right corner and the other at the bottom-left corner.

Line_Pattern_Article_Image_2 Line_Pattern_Article_Image_3

Again, Smart Guides will make life easier. Make sure things are perfectly aligned: the corners of the original rectangle are touching the centers of the duplicates.

Step 3: Delete the two duplicate rectangles and the line of the original rectangle. Turn off the stroke of the original rectangle.

Line_Pattern_Article_Image_4

Step 4: Select the two lines and in Blending Options (Object >Blend > Blending Options), set the Spacing to Specified Steps along with an desired increment, which MUST BE AN ODD NUMBER*.Then click Okay.

*This number will determine how many lines are repeated in your pattern.

Line_Pattern_Article_Image_5 Line_Pattern_Article_Image_6

Step 5: Go to the Blend option again and select Make.

Line_Pattern_Article_Image_7 Line_Pattern_Article_Image_8

Step 6: Select the two lines that are forming the pattern AND the rectangle in the center. Drag these to the Swatch Palette, resulting in a newly created swatch.

Line_Pattern_Article_Image_9

Step 7: Select the lines and rectangle and drag it outside the artboard.* Test the pattern by creating a new shape and setting its fill to the new swatch.

Line_Pattern_Article_Image_10

*Keep these original objects off to the side in case the pattern needs to be edited: the color of the lines, stroke weight, increasing or decreasing the repetition. If changes are made, a new swatch must be created ( objects again dragged to the Swatch Palette) in order to use the new pattern.

The reason behind testing the swatch pattern in a shape is to ensure the elements are lining up correctly. However, there are times when the pattern looks misaligned or distorted. Zoom in and out to double-check, it could just be the monitor depicting the pattern in a funky manner.

Dot Pattern

Step 1: Make a square (with a 1 pt. stroke) and dot. Align them at their centers.

Dot_Pattern_Article_Image_1

This is the spacing between each dot in the pattern.

Dot_Pattern_Article_Image_2

Step 2: Turn the stroke off on the square. With that and the circle selected, drag it to the Swatch Palette.

Dot_Pattern_Article_Image_3

Step 3: Create a shape and then select the newly created swatch pattern for the fill.

Dot_Pattern_Article_Image_4

The amount of dots is dependent on the size (and spacing) of the original dot. If the pattern needs to have more dots, simply shrink down the original dot (with its square) and create a new swatch pattern.

Things to consider

Because patterns add another level of visual interest, it is often easy to throw them on everything. Like any element, they don’t work ALL the time. Take the time to really consider if something needs a pattern or not. Also, in regards to Illustration, consider the form that is being depicted. A line pattern would make more sense on straight-edge surfaces, where a dot pattern may best fit with an organic, rounded form. Patterns are super cool, no doubt, but use them deliberately to elevate your illustrations and designs.

We love Patterns!

Check out these Arsenal Products that will add patterns to any project with ease!

Circle Pattern Vector Pack

gma_vector_set06_radial_prv_all-1256x770

Halftone Pattern Vector Pack

gma_vector_set12_tilinghalftones_prv_all

Op Art Vector Pack

gma_vector_set15_op-art_prv_all

Textile Patterns Vector Pack

gma_vector_set14_textile-patterns_prv_all

Propaganda Patterns Vector Pack

gma_vector_set18_propaganda_prv_all

About the Author, Jordan Wong

Jordan Wong

Jordan Wong is an artist and graphic designer, originally from Pittsburgh, now residing in Cleveland. He works for Go Media, primarily for the company's Arsenal, Mockup Everything and Weapons of Mass Creation Fest. He produces illustrative work and is inspired by heroic imagery and epic narratives, yet also loves quirkiness and humor.

Discover More by Jordan Wong

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.