Slicing in Sketch is different than slicing images in Photoshop, where you cut out a piece to export. In this video, Renata talks through how slicing in Sketch works.
- [Instructor] Slicing images is a special kind of layer…that serves two purposes.…One, it allows us to define multiple versions…of the same element.…Two, it allows us to export a specific area…of the canvas or artboard instead of a specific layer.…The first one comes in handy for Android specifically…because you need different folders…for each resolution followed by a percentage.…For us to add a slice,…there are three different ways in which we can do this.…The first of which is to simply tap S on our keyboard,…and you'll see it gives us those crosshairs.…
Let's go ahead and escape out of that and go to insert,…slice, once again, we get our crosshairs…or our knife as we mouse over our image.…If we escape out of that one more time…and drag and select over our Golden Gate Bridge icon,…and go to make exportable,…you'll see we have the knife too here…in the export section.…Go ahead and click on that,…and now it's giving us a preview of what we're exporting.…We have a couple options here,…but it's wise to note some hiccups around these two options,…
In this course, discover how to create icons with Sketch. Renata Phillippi takes you through each stage of the process, explaining how to set up a file, create and combine shapes, add color and depth to your artwork, and finally, export your design. Upon wrapping up this course, you'll have created several simple icons, and have the knowledge you need to start bringing more of your design ideas to life.
- Conceiving the design
- Setting up the file
- Building initial shapes and outlines
- Adding color and shadows
- Manipulating type
- Preparing and exporting your icon for developers to integrate