In this tutorial you’ll explore different optimization settings when saving artwork as SVG (Scalable Vector Graphics). We’ll explore a few applications like Illustrator and Sketch, to give an idea of the type of artwork that should be saved as SVG and what the most important optimization settings mean.
- View Offline
- [Voiceover] When it comes to working with Vector,…or SVG, we also need to optimize that content a bit,…and understand what it is.…So let's take a look at SVG artwork,…or what will become SVG artwork,…and how we can do that.…You can use Sketch, Photoshop, Illustrator,…or Fireworks, I mean, there's tons of programs…you can use to get this content.…But I wanna point out a few things as we go through.…The first thing, I don't wanna dish you off here,…but I have a really short, one-video course…on Web Design Tips: SVG Design,…and it's gonna hit a lot of the things…that I would discuss as far as designing for SVG.…
Talk about fonts, talk about, you know, paths,…talk about, you know, art boards and sizing…and all that kind of thing.…In my opinion, it's something worth looking at.…What we're gonna do is just take a look…at SVG and how we optimize and save out,…and some of the things that we're gonna discover…when we do this.…Now, I've got Illustrator open here.…If you have Sketch or Photoshop,…you can create some vector shapes…
These tutorials use programs like Photoshop, Illustrator, and Sketch, but the tips apply equally well to any other graphics software.