This video shows a few different ways to work with images in Sketch. In this video, learn how to mask an image with a shape and how to use an image as a pattern fill for a shape.
- [Instructor] Let's start working on the visual design…of our app now by adding in some images.…For our recipe details screen,…we'll want to add a big featured image…for our recipe up at the top.…We have a couple of different options…for adding images in Sketch.…We can head up to the Insert menu, select Image,…and then find the file on our computer.…Or we can go to the finder first,…find the file that we want,…and then drag it into Sketch.…Sketch behaves a little differently…depending on where we drop that image.…If we drop it onto an artboard…while we see that blue highlight,…then Sketch will automatically resize the image…so that it's the exact same width of the artboard.…
If we drop an image outside of the artboard though,…then Sketch will leave it at its original size.…I'll delete this first image that we added…and just leave the full-size one in there.…Now that we've got our image,…what we want to do is keep that image…inside the boundaries of our rectangle.…To do that, we can use that rectangle as a masking shape.…
- Navigating the canvas
- Creating wireframes
- Working with shapes, text, images, and masks
- Managing layers
- Creating and nesting symbols
- Using the Vector tool
- Extending Sketch with design plugins
- Creating, sharing, and managing libraries
- Collaborating with Sketch Cloud
- Exporting assets
- Creating style guides and design systems
Skill Level Beginner
Creating a Design System with Sketchwith Anne Grundhoefer1h 21m Intermediate
1. Getting Started
Navigating the canvas2m 51s
2. Creating Wireframes
3. Visual Design and Symbols
Creating a library6m 44s
5. Prototyping and Collaboration
6. Exporting and Asset Management
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.