From the course: Making Your Site Retina-Ready

Unlock this course with a free trial

Join today to access over 24,600 courses taught by industry experts.

Making an SVG file using Illustrator

Making an SVG file using Illustrator

From the course: Making Your Site Retina-Ready

Start my 1-month free trial Buy for my team

Making an SVG file using Illustrator

“

- Making SVG that we can use on our websites is actually pretty easy because we can use some of the same tools we've used over the years, like Illustrator and Photoshop, and there's others out there, like InkScape and different ones. Of course, since it's XML, that's what it's based on, you can also code it by hand by using your favorite code editor. But whether you use a program like Illustrator or you hand-code it, there are a few caveats to creating SVG that we will talk about, and basically things to look out for. Also we need to talk about how to further optimize, and we'll do that next. But in this video, we'll focus on creating SVG from Illustrator. If you don't have Illustrator, you can take a look at the final SVG files I will show you in just a second here. So if I go out to my desktop here and take a look in the 03_02 folder, you'll see that I have this logo.ai, which is what we're gonna open up. And I also have two final versions of svg that were saved out of Illustrator…

Contents