04. Dealing with shapes and forms

After understanding layers, let's take a look at some of the most basic shapes we will use. Various basic shapes such as circle, square, and star are provided, and you can draw your own shape.

Shape editing

You can add various shapes through insert or draw new shapes using the pen tool. All vector elements are made up of Points and are connected by lines called Paths. If you want to edit the Shape, select the layer and press Enter or double-click it.

dealing with lines

You can insert lines with the Pen tool. You can insert a line and set the end shape and bend shape separately in the options.

transform

Press Enter to enter edit mode and you will see Points that can be adjusted. Once you enter edit mode, you can use the Move, Pen, Bend, and Paint Bucket functions. You can use Move to select a point, and Pen to add points or new shapes. You can specify the curvature by selecting a point while pressing Bend (shortcut key Command). You can easily change the shape's color by clicking the Paint Bucket.

rotation

You can rotate the layer by selecting a layer, hovering the mouse over the vertex of the selection box, and clicking and dragging when the cursor changes. You can also adjust it numerically in the Inspector.

scissors

Use this when you want to delete a Path from a Shape. If you select a Shape and add and delete points, the Path will be deleted together.

dealing with circles

You can insert a circle by pressing O. If you select a circle, you can draw arcs at various angles using the arc function.

Star handling

You can insert a star at Menu > Shape. You can select a star to set the roundness of its vertices, and select an interior point to adjust the star's sharpness or the number of angles.

boolean control

Boolean control (Boolean is a word that represents true and false) is a function that determines how layers are displayed when combined. When two or more layers overlap, you can specify which parts to show and which parts to hide.

• Union: Combines overlapping layers.
• Subtract: Subtracts another layer from the layer below it.
• Intersect: Shows where two layers overlap.
• Difference: Displays areas where two layers do not overlap.
• Flatten selection (Command+E): Combines two layers into one Shape.

mask

This is a function to hide a layer within another layer. All shapes can be masked. Select the shape, right-click, and select Mask or press Control+Commnad+M. The layer above is contained in the lowest layer in the layer list. If you only want certain layers to be masked, you can group them.

How to figma Basic