Lynda - SVG Graphics for the Web with Illustrator

The Scalable Vector Graphics (SVG) format is everywhere these days. SVG is used for data-driven infographics, interactive maps, icons, searchable type, architectural renderings, and anywhere you need scalable, animated, or interactive artwork. Want to create your own? Adobe Illustrator is the designer-friendly environment for creating SVG files for the web. This course teaches you how to create, save, and modify SVG files in Illustrator, with the occasional assist from other Adobe Creative Cloud products. Instructor David Karlins covers the basics of SVG—what it is and how it's used—and shows how to configure Illustrator for optimal productivity with SVG. He explains how to incorporate scalable transparency and gradients, apply SVG filters, add interactivity, and generate styled, searchable graphical type. He also shows the best settings for saving and exporting your artwork as SVG, and reviews the process for embedding SVG files or code into webpages and applications.

Topics include:
- What are SVG files?
- Embedding SVG files in a webpage
- Setting up an SVG-friendly environment in Illustrator
- Scalable transparency and gradients
- Applying SVG filters
- Generating links with scalable, programmable image maps
- SVG typography
- Saving as SVG
- Exporting to SVG
- Publishing Illustrator SVG images on the web