We could draw it with the pen tool, but often a complex shape is easy to break down into more standard shapes. What did we do here? When we need a non-standard shape, we have to create it by ourselves. Select this new object and also select your rectangle. Go to the Toolbar and click on Substract. Select both circles directly, or through Layer List. Now we're going to turn our two circle objects into a single "ring". This is such a big help! Thanks, Sketch! Step 4 Sketch will help you get exact pixel measurements showing distances between objects. For example: In fact, to make sure your content is lined up correctly, hold down the option (⌥) key on the keyboard. When moving it, you will see some smart guides to help you to align objects. Align it within the first circle, in the middle. Step 4Ĭreate another circle, this time 20 x 20 px. Use the Zoom tool on the Toolbar if you need to zoom-in. Now, move it to the middle-top of your rectangle. Remember, you can draw a random circle and use the Inspector to change its properties. Step 3Ĭreate a 40 x 40px circle using Insert > Shape > Oval. Click the Fill sample and set it to white. We can set rounded corners in the Inspector panel too move the Radius slider to the right or type 10 in the input field. Remove the shape's border by unchecking it. Having selected the rectangle, take a look at the Inspector panel. Just as with creating artboards, you can draw a random rectangle and adjust its properties through the Inspector panel. Show the grid to make things easier! Step 2 Create a 360 x 500px rectangle on your artboard. Your artboard is done and you're ready to start with the basic layout! 2. Design the Basics Step 1 It doesn't really matter which color you select, but in this case we'll opt for a warm gray. A color-picker will appear showing us different color options and properties. Pick the color you want.
Check the Background Color option and click the color swatch to the right. Doing so will help with the following steps. Select your artboard and take a look at the Inspector panel.
Now we're going to change the artboard color. It will help position objects exactly how you want them. Tip: Go to View > Show Grid to activate the default grid which comes with Sketch. Alternatively you can simply drag the artboard to that position. Delete artboards by hitting the Supr or Delete key when the artboard is selected.įor example, let's use the Inspector to change the artboard position to X=0 Y=0. We can also change the artboard name on the Layer List to the left of the screen, or change its position and dimensions using the Inspector panel on the right. Tip: We can create as many artboards as needed. You will notice how Sketch displays the width and height values as you do so. To create a new artboard go to Insert > Artboard (A) from the toolbar or main menu. Artboards allow you to create fixed frames on Sketch’s infinite canvas. Let's go one step further and create an artboard. You can start creating elements without fear of running out of space. Have you already opened Sketch 3? Okay, that's all you need to do! Let me explain by default Sketch offers you an infinite canvas on which to work. Let's get started by creating a new document.
#Video2brain edu login how to
We'll see how to change properties, organize layers, import images and other useful aspects of a Sketch designer's workflow. I will show you how to setup a simple artboard, how to create shapes using basic tools, boolean operations, the Inspector panel and the Layer list.
#Video2brain edu login free
This beginner-level tutorial will introduce you to designing with Sketch. You won't need any previous experience with the program, just some free time to spend learning something new. Sketch, made by the nice folks at Bohemian Coding, is an excellent program for interface design.