> ## Documentation Index
> Fetch the complete documentation index at: https://print.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Clipping Masks

> How to create and configure a Clipping Mask

A clipping mask is a Shape that is used to clip an image. When you enable the Clipping Mask option, the image will be clipped inside the shape like a circle, square, or any other shape.

<Tip>
  Sample video showing a Clipping Mask

  <Frame>
    <video controls className="w-full aspect-video" src="https://d3f4dd8gq49w54.cloudfront.net/docs/clipping-mask.mp4" />
  </Frame>
</Tip>

### How to create a Clipping Mask

<Steps>
  <Step title="Add a Shape">
    First, add a shape to the canvas. You can add a circle, square, or any other shape from our Simple Shapes library.

    <img width="320" src="https://mintcdn.com/printapp/ECKpksPfnecehQ8M/images/add-shapes.png?fit=max&auto=format&n=ECKpksPfnecehQ8M&q=85&s=1477d7f06f66c5ec62bd7da22ae39261" alt="Add a Shape" data-path="images/add-shapes.png" />

    Alternatively, you can upload you own unique shape by clicking on the Upload button in Graphics tab.
    <br />*It has to be to be a simple shape with single continous path.*
  </Step>

  <Step title="Select your Shape and Enable Clipping Mask">
    Click on the shape to select it, then enable the `Set as Clipping Mask` option from the Object tab on the left side of the Editor.
    <br />If you don't see this option, it's most likely your Shape is not a simple shape or it has multiple paths.

    <img width="320" src="https://mintcdn.com/printapp/ECKpksPfnecehQ8M/images/enable-clipping-mask.png?fit=max&auto=format&n=ECKpksPfnecehQ8M&q=85&s=1cff6acf892bf85a6e886ec3455cea7a" alt="Enable Clipping Mask" data-path="images/enable-clipping-mask.png" />
  </Step>

  <Step title="Upload an Image">
    Now, click on either the button or the thumbnail image on the Shape to upload an image into the Clipping Shape.

    <img width="320" src="https://mintcdn.com/printapp/N56SlrciPbc3x4L4/images/thumb-clipping-mask.png?fit=max&auto=format&n=N56SlrciPbc3x4L4&q=85&s=867a45e79d7dd809283bb93b9e61efa2" alt="Upload an Image" data-path="images/thumb-clipping-mask.png" />

    The image will be clipped and positioned inside the shape.
    Once you have the image inside the shape, you can use the context Button labelled **Select Group** to toggle between selecting the whole group and selecting the image only. And you can drag to position or scale them.
  </Step>

  <Step title="Fit Photo inside Frame">
    If you want the image to be resized to fit inside the Clipping Mask, enable the `Fit Photo inside Frame` option from the Object tab.
    <br />This will resize the image to fit inside the shape.
  </Step>
</Steps>