Image fills, blending, and masking

- [Man] In this video,…we're going to talk about image fills, blending and masking.…As you can see, I've already opened the template…with our icon toolbar on it.…Next, I've got an image file.…You'll find it in your Exercises Files folder…and I'm going to drag and drop it onto the art board.…As you can see, it doesn't quite fit what we want.…What we want to do is have this above our toolbar…as if this were an application with a toolbar…and the picture we're taking up…the rest of the devices window…so rather than resizing it,…we can use something called the mask.…

So to do that, we'll insert a rounded rectangle…so that we have rounded corners.…So we'll go to Insert, Shape,…Rounded…and then we will just draw…a rounded rectangle.…We'll go ahead and draw it…so that it covers all of this.…So when you're using a mask,…the mask layer that you're going to use as a mask,…this rectangles…needs to go on the bottom of whatever you're masking…so in this case, it needs to go under the image…so I'm going to drag and drop the rectangle layer behind it…

Resume Transcript Auto-Scroll

Author

Released

9/1/2016

Sketch makes vector design easy—especially for UX designers who aren't natural illustrators. Dive into Sketch for Mac and learn how to wrangle vector linework, fills and effects, and Bezier curves like a pro. Discover how to edit the different types of Bezier points and curves, and create simple and complex shapes with ease using the Boolean operations. Learn to recreate imagery in vector form, and use layers and symbols to simplify your vector art. Author John-Paul Ballard also shows how to export artwork from Sketch in a variety of formats, including JPG, PDF, and SVG. Challenges issued along the way help you practice creating common UX interface elements, such as toolbars and navigation icons.