This post contains affiliate links. As an Amazon Associate we may earn commission for qualifying purchases. See our disclaimer for more information.

In this tutorial, we will explore the process of designing and crafting a personalized frame with a border for Canva using Adobe Photoshop. Frames can add an artistic touch and highlight the content within them, enhancing the visual appeal of your designs. Follow the steps below to master this technique.

More tutorials on how to create custom frames for Canva:

Designing a New Document in Photoshop

To initiate our creative journey, we need to start by creating a new document in Photoshop. Here’s how:

1. Launch Photoshop and navigate to the \”File\” menu.
2. Choose \”New\” to open the New Document dialog box.
3. Specify the dimensions for your canvas. For instance, we’ll use 1200 pixels by 1200 pixels.
4. Opt for an artboard if you plan to export this as a PDF for Canva.
5. Maintain the color mode as RGB, and set the background content to transparent.
6. Click \”Create\” to generate your new canvas.

Leveraging Shape Layers for Custom Frames

Creating custom frames in Photoshop involves utilizing shape layers. Shape layers are vector-based components in a raster-based program, meaning they can be scaled without compromising quality. Here’s how to work with shape layers effectively:

1. In the \”Tools\” panel, select the shape tool of your choice. For instance, let’s choose the polygon tool.
2. Create the desired shape, adjusting sides and dimensions as needed.
3. Center the shape on your canvas using the Move tool (V) and the alignment options.
4. This shape layer serves as the foundation for our frame.

Note: This process is inconsistent. I have had difficulty getting frames to work when using the rectangle shape tool.

Incorporating Images into the Frame

To turn the shape layer into a frame, we need to incorporate an image into it. Follow these steps:

1. Access the \”File\” menu and choose \”Place Embedded.\”
2. Select an image from your computer, preferably a high-resolution image that aligns with your design.
3. Resize and position the image within the shape to cover it entirely.
4. Right-click the image layer and choose \”Create Clipping Mask.\” This action confines the image within the shape.

Adding a Border to the Frame

Enhance your frame by adding a border. Here’s how to achieve this effect:

1. On the shape layer, click the shape tool icon in the \”Tools\” panel.
2. Access the fill and stroke options. Choose a stroke color and adjust its size to your preference.
3. Apply the stroke to your shape, creating an appealing border around the image.

Exporting the Frame as a PDF

Now that your custom frame is complete, it’s time to export it for use in Canva:

1. Navigate to the \”File\” menu and select \”Export.\”
2. Choose \”Artboards to PDF\” if you’ve worked with an artboard in Photoshop.
3. Specify the destination and provide a name for the exported PDF file.
4. Ensure the \”Artboards content only\” option is selected.
5. Click \”Run\” to initiate the export process.

Integrating the Frame into Canva

With your frame ready, it’s time to incorporate it into your Canva projects:

1. Launch Canva and access the \”Projects\” section.
2. Click \”Add a new project\” to initiate a new canvas.
3. Upload the exported PDF file containing your custom frame by clicking \”Upload your own images or videos.\”
4. Select the PDF file and open it in Canva.
5. Click on the document to work with your frame.

Customizing the Frame in Canva

While working with your frame in Canva, you have the flexibility to customize it further:

1. Explore the \”Elements\” section to add additional visuals to your design.
2. Search for suitable images or graphics that complement your frame’s shape.
3. Position your added elements within the frame by adjusting their layers.
4. Remember that your original frame may have two layers: the outer frame and the inner image.


Crafting a custom frame with a border for Canva using Adobe Photoshop provides a creative edge to your design projects. By employing shape layers, incorporating images, and adding borders, you can create captivating frames that enhance the visual impact of your content. Whether you’re designing for social media, presentations, or personal projects, mastering this technique opens the door to endless possibilities.

Remember, the frame you create in Photoshop can become a dynamic element in your Canva designs, allowing you to showcase your creativity and design flair. So go ahead, experiment, and elevate your designs with custom frames and borders!

Looking for more Canva Tutorials?

How to Use Grids in Canva

Canva has two similar features grids and frames that you can use to create your designs. A grid is a…

How to Create A Custom Text Frame for Canva with Illustrator

One of my favorite Canva features is grids and frames. Frames let you add an image or video and it…

How to Create A Custom Frame for Canva with Photoshop

One of my favorite Canva features is grids and frames. Frames let you add an image or video and it…

Create A Custom Frame for Canva with Illustrator

In Canva you can use frames, which act as placeholders for images or videos. When you add an image…