How to make repeating patterns with Adobe Illustrator for websites

What is a pattern?

A pattern is a repeated decorative design. Seamless patterns start from a single tile where duplicate tiles connect without creating a noticeable boundary between tiles. These patterns can be found everywhere from wrapping paper to website backgrounds.

 

Identifying patterns

Designing seamless patterns is not hard once you wrap your head around the basic logic. The best way to learn that concept is to dissect already existing patterns and identify the tile. Whether you are looking at a checker board, angled stripes, or complex hexagonal pattern, those patterns can all be built within a four-sided tile.

I find an easy way to recognize a tile by spotting the nearest match of a distinct element. Look at the chevron pattern. By marking the a point above each other and two point