Most of the time designers will have grouped the pieces of the object together, so just a single click on the object will select it. Select the object you want to make into an SVG.
![adobe illustrator svg adobe illustrator svg](https://www.digitalartsonline.co.uk/cmsdata/features/3652266/vector-portrait.jpg)
Over the past week I have pulled a number of vector assets out of Illustrator designs as SVGs for a couple of projects, and I’m starting to get the process down. I know just enough to go into an Illustrator file, pull out the assets I need, and try not to screw anything else up in the process. The thing is, while I have been using Photoshop extensively for over 20 years, I’ve never really gotten the hang of Illustrator.
![adobe illustrator svg adobe illustrator svg](https://i.ytimg.com/vi/7ELR9krT7Gg/maxresdefault.jpg)
#Adobe illustrator svg code#
Now, however, SVG is a viable - in fact, preferable, given its flexibility and smaller file size (plus the ability to hack the XML code right in the image files themselves) - alternative to multiple PNGs of every image. But until now I had still been pulling vector assets over into Photoshop and producing multiple carefully-sized versions of things like logos and custom icons. It’s great to get these assets as vectors that I can scale and size as I need in my build-out of high-res, responsive websites. In recent years, especially since Responsive Web Design (and high-resolution displays) took off, I’ve been receiving web designs more and more in Illustrator format, rather than Photoshop. With Internet Explorer 8 end of life coming on January 12, all kinds of new possibilities are opening up to us web developers who can finally start making use of technologies that have had wide support in modern browsers for years, but that we were reluctant to embrace because of the need for IE8-friendly workarounds.įor me, one of those things is SVG images.