Draw simple shapes

Use the Rectangle tool or the Circle tool to create simple shapes in the Canvas. Use the Line tool to draw straight lines in the Canvas.

Draw a rectangle shape

  1. Select the Rectangle tool in the toolbar (or press R).

    Rectangle tool in toolbar

    The Rectangle Tool HUD appears. (If the HUD isn’t displayed, press F7.) To adjust the color, outline, and roundness of the rectangle before you draw the shape, use the controls in the HUD.

    Rectangle Tool HUD

    Note: You can also edit the rectangle color, outline, and roundness after the shape is drawn.

  2. Drag in the Canvas until the resulting rectangle is the size you want, then release the mouse button.

    To draw a perfect square, press Shift while you drag. To draw the rectangle from its center, press Option while you drag.

  3. After you create the shape, press Esc to exit shape-drawing mode and activate the Select/Transform tool.

    The Shape HUD appears. (If the HUD is not displayed, press F7.)

Adjust the size, roundness, feather, or rotation of a rectangle shape

  1. Do one of the following:

    • In the Canvas, double-click the rectangle shape.

    • In the Canvas, Layers list, or Timeline, select the rectangle shape, then click and hold the 2D transform tools pop-up menu and choose the Edit Rectangle tool.

      Selecting the Edit Rectangle tool from the 2D transform pop-up menu

    Simple shape transform handles appear in the Canvas.

  2. In the Canvas, do any of the following:

    Onscreen controls to scale, feather, adjust roundness, and rotate a simple shape
    • Adjust corner roundness: Drag the roundness handle in the upper-left corner of the shape to smooth the corners of the rectangle.

    • Adjust size: Drag a size handle (on the side of the shape) to adjust the height or width of the rectangle. To scale the shape uniformly, drag the inner edge of the shape.

      Note: You can also press the Shift key while adjusting the size handles to scale the shape uniformly.

    • Adjust softness: Drag the shape’s outer edge away from the rectangle to feather outward, or toward the center of the circle to feather inward.

    • Adjust rotation: Drag the rotation handle to rotate the shape.

    • Adjust position: Drag the center, or anywhere within the shape, to move the shape.

Draw a circle or ellipse shape

  1. Click and hold the shape tools pop-up menu in the toolbar, then choose the Circle tool (or press C).

    Circle tool in toolbar

    The Circle Tool HUD appears. (If the HUD isn’t displayed, press F7.) To adjust the color and outline of the circle before you draw the shape, use the controls in the HUD.

    Circle Tool HUD

    Note: You can also edit the circle color and outline after you draw the shape.

  2. Drag in the Canvas until the resulting ellipse is the size you want, then release the mouse button.

    To draw a perfectly symmetrical circle, press Shift while you drag. To draw the ellipse from its center, press Option while you drag.

  3. After you create the shape, press Esc to activate the Select/Transform tool.

    The Shape HUD appears. (If the HUD isn’t displayed, press F7.)

Adjust the size, curvature, or feather of a circle shape

  1. Do one of the following:

    • In the Canvas, double-click the ellipse shape.

    • In the Layers list, Canvas, or Timeline, select the ellipse shape, then click and hold the 2D transform tools pop-up menu in the toolbar and choose the Edit Ellipse tool.

      Selecting the Edit Ellipse tool from the 2D tools pop-up menu

    Simple shape transform handles appear in the Canvas.

  2. In the Canvas, do any of the following:

    Onscreen controls to scale, feather, adjust curvature, and rotate a simple shape
    • Adjust curvature: Drag the curvature handle in the upper-left corner of the shape to add angular corners.

    • Adjust size: Drag a radius handle (on the edge of the shape) to adjust the height or width of the ellipse or circle. To scale the shape uniformly, drag the inner edge of the shape.

      Note: You can also press the Shift key while adjusting the radius handles to scale the shape uniformly.

    • Adjust softness: Drag the shape’s outer edge away from the shape to feather outward, or toward the center of the shape to feather inward.

    • Adjust rotation: Drag the rotation handle to rotate the shape.

    • Adjust position: Drag, the center, or anywhere within the shape, to move the shape.

Draw a line

  1. Click and hold the shape tools pop-up menu in the toolbar, then choose the Line tool.

    Line tool in toolbar

    The Line Tool HUD appears. (If the HUD isn’t displayed, press F7.) To adjust the color and width of the line before you draw it, use the controls in the HUD.

    Line Tool HUD

    Note: You can also edit the line color and width after you draw the line.

  2. Drag in the Canvas until the resulting line is the length you want, then release the mouse button.

    Pressing Shift while dragging constrains the line to 45-degree angles.

  3. After you create the shape, press Esc to activate the Select/Transform tool.

    The Shape HUD appears. (If the HUD is not displayed, press F7.)

Change the start or end cap of a line

  1. Select a line shape in the Canvas, Layers list, or Timeline.

  2. In the Style pane of the Shape Inspector, click the Start Cap or End Cap pop-up menu, then choose None, Square, Round, Bevel, or Arrow.

    When you choose Arrow, additional length and width sliders become available that allow you to further customize the arrow cap.