Insert an oval shape. Click and drag holding the Shift key to make a circle. Make the border thick. Select dark brown color. Create a Shared Style named: icon outline. Draw a rectangle and position it half way down. Then in tool bar, select Subtract. This will create the bowl shape. Duplicate this shape and move it below so it behind. Fill it with yellow to create the ‘fill’. Group the shapes and name it bowl.
- [Instructor] Now we're gonna start drawing some of the tools for the Kitchen Essentials section. So, I'm gonna start by zooming up on the large art board, making sure to keep the swatches in view here. Next, let's go to the insert menu. Let's insert an oval. And over here to the right of the text, I'm gonna click and drag, holding the shift key to create a circle. Gonna let go. Gonna come over here to the fill in the Inspector panel. Turn off the fill. For the border, we wanna use the lighter brown color.
So, come down and choose the eyedropper. Let's come over here and select that lighter brown color. Let's add that to our document colors. And then, down in the border settings, let's come in here and change the thickness to eight. So, with that in place, let's select the oval. Let's come up to the shared styles. Let's come down and create a new shared style, and we'll name this icon - outline, then press return. So, here's a preview of the bowl icon that we're gonna be creating.
We're gonna be creating a half-circle by combining a circle and a rectangle using some of the boolean tools in Sketch. And we'll use the same technique to create the liquid inside, as well. So, back in our large art board, gonna come in here and zoom up even more, so we can see what's happening. In the Layers panel here, we can see we have our oval. So, now let's draw a rectangle. So, go to the Insert menu, choose insert rectangle. Now, I'm gonna click and drag, and draw a rectangle that intersects the circle at about the halfway point.
So, then let's select the oval and the rectangle, and let's come up to the boolean tools, and let's come up here and choose subtract. So, what this will do is only show us the circle that is not intersecting with the rectangle. And also notice that the effect of the stroke now conforms to that resulting shape. And over in the Layers panel, those two items have now been grouped into a group name called a combined shape. And now to create the liquid, let's come over here in the Layers panel, with the combined shape selected, let's hit command+d to create a copy of this.
Let's come down to the bottom one. Let's come down and select the rectangle. Then I'll move the rectangle down, so that it looks like the liquid is filling the bowl just less than halfway. Then, let's come up here and increase the height of the rectangle. Next, let's come down and select the oval. Let's come over here and turn off the border. Let's come up and turn on the fill. Let's leave this gray for a second. Then, I'll come up here and zoom out.
Move the canvas over so I can see my swatches. Then, let's come up here to the fill, click on the swatch, grab the eyedropper tool, and let's come up here and select the very light yellow color. And then, I'll zoom back up. Let's come over to the Layers panel. Let's select both of the combined shape groups. And over here, let's grab the top right corner, and let's size these so that the size of the bowl is about 155 pixels wide.
And then, finally, back to the Layers panel. Let's select both combined shapes again. Hit command+g to create a group. And we'll name this bowl. And so now, with our bowl created, next, we're gonna use some similar techniques to create the oven mitt.
- Creating artboards
- Adding a navigation bar
- Working with fonts
- Adding artwork and logos
- Exporting artboards and assets
- Collaborate with Sketch Cloud
- Making design changes