The vector tool can be used to create and edit vector shapes in Sketch. Each vector shape is made up of a combination of control points and Bézier curves. This video demonstrates how to use the vector tool to draw a simple Close icon.
- [Instructor] A lot of the time,…we won't really need to draw our own shapes.…We'll be able to get away with editing…and combining shapes that already exist.…But when we do want to draw our own shapes,…we can use the vector tool.…Here on our recipes screen,…we're going to want a close icon up in the corner.…So let's draw one.…Before we start drawing our icon,…let's create a guide rectangle.…We can click on our image here…and then hit R to create a rectangle…and hold the shift key while we're dragging…so that it will be a square shape.…Then we can change it to 24 by 24 pixels.…
That'll be about the right size for our icon.…Let's also click on the canvas…and hit command + to zoom in a bit.…Then we can click on our square…and we'll be able to hold the option key…and check the spacing around the edges.…I'll use the up and down arrow keys…until I have a 40 pixel margin at the top…and then the shift and right arrow keys…to move it over 10 pixels and then keep nudging it…with the right arrow key until it's 20 pixels from the side.…
- 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.