Illustrator CC Creating SVGs
In recent years, responsive web sites have become the Holy Grail of web designers and visitors alike. Learn to create responsive web graphics that look great on any screen size with Adobe Illustrator CC and the SVG file format.
What you'll learn
Creating graphics that will adjust to fit multiple screen sizes and still look great is a challenge. Traditional raster graphics like jpg, gif, and png can be made responsive but the image quality will vary. Enter SVG, an infinitely scalable file format that can be manipulated instantly using CSS and/or scripting. In this course, Illustrator CC Creating SVGs, you'll learn how properly construct and export graphics using Adobe Illustrator CC to get the most out of this amazing file format. First, you'll discover what SVG is and its benefits. Next, you'll dive into best practices for creating Illustrator graphics with SVG in mind. Finally, you'll explore how to examine and troubleshoot with SVG markup, and how to export from Illustrator. By the end of this course, you'll have a solid understanding of SVGs and how to optimize the creation of them in Adobe Illustrator. Software required: Adobe Illustrator CC.
Table of contents
- Creating Your First SVG 7m
- Examining SVG Syntax 5m
- Robust Text Editors 7m
- Working with Shapes 11m
- Stroke Alignment 8m
- Optimizing SVG Markup with Groups 8m
- Classes and IDs 7m
- Optimizing SVG Markup with Layers 9m
- Using Symbols 10m
- Cleaner Markup with Graphic Styles 6m
- Exporting Text 11m
- SVG Filters 9m
- Creating Custom Patterns 12m
- Simplifying Paths 10m