Get help faster and easier

New user?

Last updated on Oct 23, 2024

Learn how to create stunning designs on your canvas using Shapes.

Adobe Photoshop deeplink

Try the app

Use any of your projects and follow along to learn how to draw and paint. 


  1. On the Photoshop on the web homepage, under Start something new, select Upload an image and browse for a file on your device.

  2. From the Shapes nested tools in the toolbar, select the desired Shape tool from the available options - RectangleEllipseTrianglePolygon, and Line

    Shapes panel is opened showcasing different shape options like Rectangle, Ellipse, Triangle, and more. The Polygon shape is selected.
    Choose the desired shape from a variety of options like Rectangle, Ellipse, Triangle, and more.

  3. Select and drag on the canvas to draw a shape with the selected shape tool.

    • Hold the Shift key while drawing to make your shapes proportional.
    • With the shape layer selected, use the Move tool to move the shape around and reposition on the canvas.
    Note:

    With the Shapes tool active, you can even use the following Path select options to select shapes.

    • All layers: This option allows you to select shapes across all layers in your document.
    • Active layersThis option allows you to select shapes only on the active layers.
  4. Select the desired Shape Preset.

    Tip:

    Shape Presets are pre-defined shapes available for quick selection to create graphical elements in your documents. They include basic geometric shapes (rectangles, circles, polygons) and complex custom shapes (arrows, stars, and more).

  5. You can further edit the shape properties by either using the Contextual task bar or accessing them in the Properties panel. Some of these properties are listed below:

    • Fill: Choose a color to fill the shape.
    • Stroke: Choose the color, width, and type of your shape stroke.
    • BlendChoose the desired blend mode for the shape.
    • W&H: Set the width and height of the shape.
    • AngleSet the desired angle for the shape.
    • Flip: Flip your shape designs horizontally or vertically.
    • Effects: Apply effects to the shape designs.
    • Corner radius: Set the desired corner radius for the shape.
    The Properties panel is opened on the right side of the screen. It showcases options to customize the Style, Stroke width, Alignment, and more for the chosen shape.
    Use the Contextual task bar to customize the properties of the selected shape.

  6. In the Main menu, select Export as and choose the desired format. Then, select Save.

More like this

Get help faster and easier

New user?