How to fill a shape with an image in Canva

Jugo Mobile
By
Jugo Mobile
Jugo Mobile is a platform dedicated to high-quality content in gaming, sports, and tech. Engage with high-quality content and connect with fellow enthusiasts and experts. Explore...
11 Min Read

Device links

Canva is a great tool for creating graphics that words can’t describe. It is packed with features that allow you to create stunning graphics for personal and professional use. However, one crucial tool is not yet available: shape cropping an image. Fortunately, there is a solution. Just add a shape of your choice and fill it with the graphic of your choice. This article explains how to do just that on all devices.

How to fill a shape with an image in Canva

How to Fill a Shape with an Image in Canva on PC

The process for filling out a shape with an image in Canva is different for the PC web version and the mobile app. We will first start with the web method.

In this tutorial, you are basically cropping your image inside the shapes. First, we will explain how to do basic farming on your PC. This will help you prepare the image for the next steps and will make it easier later in the tutorial.

Crop an image

If you are cropping a new image, follow the steps below.

  1. Launch canva in your web browser.
    How to fill a shape with an image in Canva
  2. Click on an image once you add it to the template.
    1712458116 498 How to fill a shape with an image in Canva
  3. Press the “Crop” option at the top left of the screen.
    1712458116 572 How to fill a shape with an image in Canva
  4. White corners will appear around the image. Drag them inside the image to crop it.
    1712458116 684 How to fill a shape with an image in Canva
  5. Press “Done” once the image is cropped to your liking.
    1712458117 966 How to fill a shape with an image in Canva

If you are replacing an existing image from a template, follow the steps below.

  1. Press the “Crop” button in the templates panel.
    1712458117 215 How to fill a shape with an image in Canva
  2. Drag the image and crop it as you need.
    1712458118 863 How to fill a shape with an image in Canva
  3. Click “Done” when you’re done.
    1712458118 695 How to fill a shape with an image in Canva

Remember to save your work to your computer so you can upload it in the next set of steps.

Next comes the part where you cut that image into shapes. We’ll use the star example, but the steps are the same for all other shapes.

Fill the shape with an image in Canva

  1. Open the desired template in canva.
    1712458118 344 How to fill a shape with an image in Canva
  2. Navigate to the “Elements” section.
    1712458118 656 How to fill a shape with an image in Canva
  3. Choose a shape in the “Frames” part. You can expand your options by pressing “See all.”
    1712458118 369 How to fill a shape with an image in Canva
  4. Once you click on a shape, it will appear in the template. Drag the image you want (the one you cut out earlier) onto the shape. The image will fill the shape automatically.
    1712458118 651 How to fill a shape with an image in Canva
  5. Adjust the size of the shape using the rounded corners.
    1712458118 17 How to fill a shape with an image in Canva
  6. Crop the image by double-clicking the shape. Use the white corners again to cut out.
    1712458119 567 How to fill a shape with an image in Canva
  7. Press “Done” when you’re done.
    1712458119 269 How to fill a shape with an image in Canva

How to Fill a Shape with an Image in Canva on an iPhone

iPhone users have two options for filling a shape with an image in Canva: do basic cropping of the image to fit the shape or start inserting the shape right away. We will provide steps for both methods.

Crop an image

To crop an image on your iPhone, follow the steps below:

  1. Launch canva and upload the image you want to crop.
    1712458119 997 How to fill a shape with an image in Canva
  2. Press the image and tap the crop icon at the top of the screen.
    1712458119 507 How to fill a shape with an image in Canva
  3. Use the pinch and zoom gestures to make changes.
    1712458119 161 How to fill a shape with an image in Canva
  4. Tap the check mark at the top to save your work.
    1712458119 447 How to fill a shape with an image in Canva

Now you are ready to use that image and fill a shape with it.

Fill the shape with an image in Canva

If you want to start from a new template, follow the steps below.

  1. Open a new template in canva.
    1712458119 117 How to fill a shape with an image in Canva
  2. Press the “Add” icon at the bottom right of the screen.
    1712458119 917 How to fill a shape with an image in Canva
  3. Press the “Illustration” or “Shape” buttons to open the search bar. Enter “frames” in the search bar and press Enter.
    1712458119 81 How to fill a shape with an image in Canva
  4. Select the frame of your preference. It will automatically appear in the template.
    1712458120 369 How to fill a shape with an image in Canva
  5. Tap the “Edit” icon at the bottom of the screen and select “Gallery.”
    1712458120 596 How to fill a shape with an image in Canva
  6. Select the image you cropped earlier. The tool will automatically fill the image with the shape.
    1712458120 79 How to fill a shape with an image in Canva
  7. Adjust the visible area or crop the image further by pressing the frame and then pressing the “Edit” icon.
    1712458120 59 How to fill a shape with an image in Canva
  8. Save your work by pressing the check mark.
    1712458120 185 How to fill a shape with an image in Canva
  9. Adjust the size of the frame using the corners.
    1712458120 39 How to fill a shape with an image in Canva

If you are using an existing template that presents the shape you need, follow the steps below:

  1. Go to the applicationThe home screen and find the shape of your choice. You can search for “star”, “circle”, “triangle”, etc.
    1712458120 676 How to fill a shape with an image in Canva
  2. Find a template that suits your needs.
    1712458120 720 How to fill a shape with an image in Canva
  3. If you searched for “triangle”, press the triangle shape on the template.
    1712458120 15 How to fill a shape with an image in Canva
  4. Select “Gallery” to upload an image from your iPhone.
    1712458120 37 How to fill a shape with an image in Canva
  5. When you touch the image, it will automatically crop into a triangle shape.
    1712458121 813 How to fill a shape with an image in Canva
  6. Press the “Crop” icon to make modifications or use the pinch and zoom function to modify the visible area.
    1712458121 693 How to fill a shape with an image in Canva
  7. Tap the check mark to save your work.
    1712458121 282 How to fill a shape with an image in Canva

How to fill a shape with an image in Canva on an Android

Just like on iPhone, Android users have two options for filling a shape with an image: first crop an image and then use it to fill a shape or get to the shape immediately. We will first start the steps on how to crop an image.

Crop an image

  1. Upload an image to a canva template.
    1712458121 953 How to fill a shape with an image in Canva
  2. Tap the image once, then press the “Crop” icon located at the top.
    1712458121 112 How to fill a shape with an image in Canva
  3. Crop the image using the pinch and zoom gesture.
    1712458121 109 How to fill a shape with an image in Canva
  4. Press the check mark to save your progress.
    1712458121 506 How to fill a shape with an image in Canva

Save the image to your phone so you can use it later. Now let’s proceed to fill out the form.

Fill the shape with an image in Canva

If you want to create a new template and add the cropped image, follow the steps below.

  1. Create a new template in the application.
    1712458121 340 How to fill a shape with an image in Canva
  2. Tap the “Add” icon and press “Illustration” or “Shape” to bring up the search bar.
    1712458121 493 How to fill a shape with an image in Canva
  3. Search for “frames” and press Enter.
    1712458121 571 How to fill a shape with an image in Canva
  4. Choose a frame you want to add to the template.
    1712458122 827 How to fill a shape with an image in Canva
  5. Tap the “Edit” icon and select “Gallery.”
    1712458122 903 How to fill a shape with an image in Canva
  6. Upload an image that you want to fill that particular shape with. The program inserts the image automatically.
    1712458122 682 How to fill a shape with an image in Canva
  7. Modify the visible area or crop the image by tapping the frame and pressing the “Edit” icon.
    1712458122 46 How to fill a shape with an image in Canva
  8. Save your progress by pressing the check mark.
    1712458122 829 How to fill a shape with an image in Canva
  9. Use the corners to adjust the size of the frame.
    1712458122 425 How to fill a shape with an image in Canva

If you want to use an existing template that has the shape you need, follow the steps below:

  1. Go to the canva app home screen and find the shape you prefer: it can be a circle, a triangle, a star, etc.
    1712458122 927 How to fill a shape with an image in Canva
  2. Tap the template you like.
    1712458122 583 How to fill a shape with an image in Canva
  3. Press the shape on the template and select “Gallery” to add an image to it from your Android device.
    1712458122 922 How to fill a shape with an image in Canva
  4. The app will automatically fill that shape with your image.
    1712458122 373 How to fill a shape with an image in Canva
  5. Use the crop icon to change or adjust the visible area with pinch and zoom.
    1712458122 278 How to fill a shape with an image in Canva
  6. Tap the check mark to save your design.
    1712458123 979 How to fill a shape with an image in Canva

How to fill a shape with an image in Canva on an iPad

As an iPad user, you can crop an image first to fill the shape more accurately or start the second part right away. But let’s start with the basics.

Crop an image

  1. Press the image into your Canva template and select the “Crop” icon.
    1712458123 670 How to fill a shape with an image in Canva
  2. Make changes using the pinch and zoom gesture.
    1712458123 14 How to fill a shape with an image in Canva
  3. Tap the check mark to save.
    1712458123 432 How to fill a shape with an image in Canva

Fill the shape with an image in Canva

If you want to work on a new template and fill a shape with an image, follow the steps below.

  1. Start a new template in the application.
    1712458123 781 How to fill a shape with an image in Canva
  2. Press the “Add” icon and select “Illustration” or “Shape.”
    1712458123 701 How to fill a shape with an image in Canva
  3. Type “frames” in the search bar.
    1712458123 777 How to fill a shape with an image in Canva
  4. Choose a frame you want to add.
    1712458123 669 How to fill a shape with an image in Canva
  5. Select the “Edit” icon and go to “Gallery.”
    1712458123 395 How to fill a shape with an image in Canva
  6. Insert an image from your iPad that you want to complete with that shape.
    1712458124 41 How to fill a shape with an image in Canva
  7. If you want to adjust the visible area or crop the image, tap the frame and press the “Edit” icon.
    1712458124 505 How to fill a shape with an image in Canva
  8. Press the check mark to save.
    1712458124 680 How to fill a shape with an image in Canva
  9. Use the white corners to resize the frame if necessary.
    1712458124 686 How to fill a shape with an image in Canva

If you want to use a pre-made template in the shape of your choice, follow the steps below:

  1. Open canva and go to the home screen to find the way you need. Use the search box to execute the query.
    1712458125 364 How to fill a shape with an image in Canva
  2. Choose a template you like and tap the shape on that template.
    1712458125 523 How to fill a shape with an image in Canva
  3. Add an image from your iPad gallery by pressing “Gallery.”
    1712458125 118 How to fill a shape with an image in Canva
  4. Tap an image to crop it to the desired shape.
    1712458125 22 How to fill a shape with an image in Canva
  5. Adjust the image using the crop icon or pinch and zoom functions.
    1712458125 844 How to fill a shape with an image in Canva
  6. Tap the check mark to save.
    1712458125 114 How to fill a shape with an image in Canva

Take control of Canva shapes

Although Canva does not have a dedicated tool for filling a shape with an image, the flexibility of the software still allows us to do it with ease. You can add a pre-cut image to a new or pre-made template and complete a shape, or work with original graphics depending on your needs.

What shape did you fill an image with? Did you cut out an image beforehand or start filling the shape right away? Share your experiences in the comments below.

Share This Article
Follow:
Jugo Mobile is a platform dedicated to high-quality content in gaming, sports, and tech. Engage with high-quality content and connect with fellow enthusiasts and experts. Explore the latest trends and innovations in our vibrant community. Join us and experience the future today!
Leave a Comment
Grow your brand and reach a larger audience. Advertise with us today and get noticed by thousands.
© 2025 Jugo Mobile. All Rights Reserved.