Illustrator CC Web Patterns
Learn how to create pixel-perfect patterns for use on the web, using Illustrator's intuitive pattern editing mode, introduced in version CS6.
What you'll learn
In this short project, Laura Coyle will show you how to create pixel-perfect patterns for use on the web, using Illustrator's intuitive pattern editing mode, introduced in version CS6. Project steps: Take one of Illustrator's included patterns, adjust it for web use and export a single repeat unit. Test the repeat unit in an HTML file, and look at online resources for web pattern inspiration. Create a geometric motif, use it in a repeat pattern, and change color schemes using the appearance panel and blending modes. Explore Brick Repeat, Hex Repeat styles, and the Tile Tool with the geometric motif. Editing Patterns: Scaling, Changing Color, Saving as a Library.
Table of contents
- The Pattern Swatches Library 5m
- Intro to Pattern Editing Mode 3m
- A Single Tiling Unit 6m
- Exporting the Tile 3m
- HTML Pattern Test 3m
- Pattern Inspiration 2m
- Make a Geometric Motif 6m
- A Grid Repeat with Background Color 6m
- Tile Export Steps 3m
- Brick Repeats 4m
- Hex Repeat 5m
- Size Tile to Art & The Tiling Tool 3m
- Scaling Pattern 6m
- Colorful Patterns 5m
- Saving Patterns 5m
