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.
Course info
Level
Intermediate
Updated
Nov 14, 2017
Duration
2h 35m
Table of contents
Description
Course info
Level
Intermediate
Updated
Nov 14, 2017
Duration
2h 35m
Description

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.

About the author
About the author

William Everhart is a multi-talented artist with a background steeped in print. His work can be seen in magazines, across the web, and on the shelf at your local grocery store. William continues his work as a designer, but has a passion for using his vast experience to teach others.

More from the author
Illustrator CC for UX Design
Intermediate
3h 56m
20 Mar 2018
Illustrator CC for Web Designers
Intermediate
4h 52m
21 Jul 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello, and welcome to Illustrator CC: Creating SVGs. My name is William Everhart, and I'll be your learning guide throughout this course. I've been using Adobe products for almost 30 years now, and I am so glad to have the opportunity to share what I've learned with you. Scalable vector graphics, or SVGs, are rapidly replacing traditional image formats like JPEG, PNG, and GIF for web graphics. Unlike these traditional image formats, SVGs are lightweight, responsive, and they can be scaled inside of a browser window without pixelization. Now if you're creating graphics for a responsive web design, then perhaps SVG is the format for you. In this course, we'll show you how to do it all with Adobe Illustrator. Some of the major topics that we will cover in this course include explaining what SVG is and its many benefits, learning the XML syntax SVGs are written in, best practices for creating Illustrator graphics with SVG in mind, examining and troubleshooting SVG markup with a text editor, and exporting your SVGs from Adobe Illustrator. By the end of this course, you'll have a better understanding of how SVGs work and how to optimize the creation of them using Adobe Illustrator. Before beginning this course, you should have a basic working knowledge of Adobe Illustrator. If you don't, there are several courses here at Pluralsight that can help. A basic understanding of HTML, XML, and CSS will certain help, but it's not necessary to begin this course. Once again, there are several courses here at Pluralsight that can help you become better acquainted with these markup languages. So if you're ready to start creating responsive web graphics that will amaze your audience and delight your developers, then join me as we dive into the process of creating SVGs with Adobe Illustrator CC.