Learn how to create pixel-perfect patterns for use on the web, using Illustrator's intuitive pattern editing mode, introduced in version CS6.
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.
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.
