User Guide Cancel

Draw and edit Shapes

Learn how to create stunning designs on your canvas using Shapes available in Photoshop on the web.

Adobe Photoshop deeplink

Try the web app

Bring your creative vision to life with Photoshop now available on your web browser, no download required.

Photoshop on the web offers a powerful Shapes feature that allows you to add and customize various shapes to enhance your designs.

Draw and edit Shapes

  1. Select a Shape tool

    From the Shapes nested tools in the toolbar, select the desired Shape tool from the available options – Rectangle, Ellipse, Triangle, Polygon, and Line. Select the tool corresponding to the shape you wish to draw.

    Photoshop on the web home screen is shown and Shapes tool panel is opened showcasing diffierent types of shapes and presets available for enhancing your designs.
    Use the desired shape to enhance your designs.

  2. Draw a Shape

    Click and drag on the canvas to draw a shape with your selected shape tool. This automatically creates a new shape layer in the Layers panel.

    • Hold the Shift key while drawing to make your shapes proportional.
    • With your shape layer selected, use the Move tool to move your 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 layers: This option allows you to select shapes only on the active layers.
  3. Choose a Shape Preset (Optional)

    Shape Presets in Photoshop on the web 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).
    You can browse through the available Presets and easily add it to your document. 

  4. Edit shape properties

    You can easily edit your 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 your shape.
    • Stroke - Choose the color, width, and type of your shape stroke.
    • Blend - Choose the desired blend mode for the shape.
    • W&H - Manually set the width and height of your shape.
    • Angle - Set the desired angle for your shapes.
    • Flip - Flip your shape designs horizontally or vertically.
    • Effects - Apply effects to your shape designs.
    • Corner radius - Set the desired corner radius for your shapes.
    Photoshop on web home screen is shown on the screen with an image of a man and a shape showcased on canvas. Shape is selected and varied options to customize it are shown on the Contextual task bar and the Properties panel.
    Easily customize your shape as per the desired requirement

  5. Save and Export your Document

    After creating and customizing your shapes, your changes will be saved automatically. Or, you can select Save to the cloud from the app menu.

    To export your document in various formats, follow these steps:

    • Go to Export in the app menu and choose the desired format.
    • Select Save.

Get help faster and easier

New user?