2015
Lynda
Chris Converse
0:20:31
English

Design the Web shows designers how to build efficient and beautiful graphics and layouts from the ground up. In this installment, Chris Converse explains how to create new SVG graphics and then convert them into reusable symbols with Adobe Illustrator. Then he shows how to customize the symbols to fit your layouts by editing the position, transformation, and color properties of each instance you place. This technique allows you to build complex graphics much more quickly than you could design them from scratch. Exercise files are available to all members, so download them and get started creating your own rich web graphics today.

Introduction
Preview the final project
About the exercise files
1. Creating, Updating, and Reusing Symbols in SVG
How SVG sizing works
Adding a circle element to an SVG graphic
Creating a symbol
Creating multiple instances of a single symbol
Updating the symbol source art
Transforming instances of a symbol
Recoloring instances of a symbol

Download File Size:108.96 MB

---