1) Add a Shape to the Template
You can do this by clicking the SVG pane on the left hand side and click “shapes” at the top of that section. Make it the size you’d like it to be and center it if you’d like.
2) Add a Sample Image to the Template
To upload a photo, select the elements pane on the left hand side and click on the upload button. You’ll be prompted to choose a file from your computer. Once the file is uploaded, simply click or drag to add it to the template. Make sure the image is slightly larger than the shape you want it cropped in. You can do this by using the corner anchors and moving it in or out, or by using the scale button in the tool bar.
3) Add the Image to the Shape
Go the layers section on the right hand side. Make sure your image is above the shape in the layers section. Right click the image in the layers section and select “create a clipping mask.” You’ll see an arrow pointing down next to the image, indicating it will clip to whatever is in the layer below it.
Move the Image Within the Shape or Move the Shape Around the Page
You're able to move the image around within the shape by clicking and holding while dragging it. If you need to move the shape, highlight the shape and image together and then move it around until it's in the desired location.
Can't Get the Clipping Mask Function to Work?
There are two reasons why this may occur.
1) If you accidentally delete the image, after you’ve created the clipping mask, it erases the clipping mask function. In that case, you'll need to add the function back in. To do that, make sure you've added your image to the template, then go to the layers section on the right hand side. Make sure your image is above the shape in the layers section. Right click the image in the layers section and select "create a clipping mask."
2) If you deleted the shape on accident, you can add a new shape in. Go to the SVG pane on the left hand side and click the shapes button at the top of that section and choose your shape. Follow the same steps as before.