Join Chris Converse for an in-depth discussion in this video Exporting assets to SVG, part of Sketch Essential Training: The Basics (2015).
- Now we'll take a look at exporting artwork…to the SVG format, and we'll even open…the resulting SVG in a text editor,…just to take a look at what Sketch is generating.…So in my large art board here,…I'll close up the Layer groups here,…then I'll open up Header.…Let's select the Everyday things group.…Now, this is all of the characters…that we converted to outlines earlier in the course.…Let's come in here and let's first rename this.…We'll just name this Logo, then press Return.…And then, with this group selected,…let's come down to the Inspector panel,…let's click the plus sign to Make Exportable,…and let's come down here and let's choose the SVG format.…
Once I choose this, the scaling option goes away…because SVG is a vector-based format…and can be scaled to any size in the browser.…We can, however, come in here…and add a suffix, if we want to.…And now we have two different versions of our logo.…When we get to the really small screens,…we change the composition from being stacked…to being horizontal.…So up here, in the canvas, I'm going to hold my space bar,…
- Creating pages and artboards
- Adding a navigation bar
- Creating a logo
- Drawing custom shape-based icons
- Building links
- Adjusting layouts for medium screens
- Adapting layouts for small screens
- Exporting artboards and assets
Skill Level Beginner
1. Design and Layout
2. Creating Layouts for Medium Screens
3. Adapting Your Design to Small Screens
4. Saving and Exporting Assets
Where to go from here1m 16s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.