Image Could Not Fill A Heart Shape Photo

FG_Keane
New Contributor

Hai guys,

Please kindly advise, I'm having difficulty to make photo fill into the shape. So, I create a design, with heart shape photo. I already follow all the instruction to make image template. But, if I try, it fail.

https://www.zazzle.com/z/al51arnb?rf=238700279410873367

That is the design link. If you guys put your photos, it won't fill the heart shape. 

Please kindly help me guys. How to make this correct. Thank you so much.

1 ACCEPTED SOLUTION

KeegansCreation
Honored Contributor

I gave it a try and now I see the problem. Your template photo doesn't need to be heart shaped. Your svg frame needs to be heart shaped (which it is) but it also needs to be solid and it needs to mask your template photo.

  1. Take your heart shaped svg frame back to our design software and make it solid.
  2. Upload your now-solid heart shaped svg.
  3. Upload your template photo in its normal shape, not cropped to a heart.
  4. Your template photo should be in the layer directly above the svg heart shape. Make sure your template photo is sized large enough to cover the heart.
  5. Set photo to "template" and choose "fill" as the option.
  6. Select the photo layer and the heart shape layer, then choose "mask" from the toolbar at the top of the page.

Basically your heart SVG is a clipping mask, same as you used in your graphic software to crop the photo to a heart shape. But now you have a heart shaped photo which will be filled correctly by a customer but no heart frame. Here's what you do next:

  1. Go back to your images and select the heart shape svg. Put it directly under the photo. It will be invisible.
  2. Hit + a few times until it is large enough to act as a frame. 
KeeganCreations

View solution in original post

5 REPLIES 5

KeegansCreation
Honored Contributor

I gave it a try and now I see the problem. Your template photo doesn't need to be heart shaped. Your svg frame needs to be heart shaped (which it is) but it also needs to be solid and it needs to mask your template photo.

  1. Take your heart shaped svg frame back to our design software and make it solid.
  2. Upload your now-solid heart shaped svg.
  3. Upload your template photo in its normal shape, not cropped to a heart.
  4. Your template photo should be in the layer directly above the svg heart shape. Make sure your template photo is sized large enough to cover the heart.
  5. Set photo to "template" and choose "fill" as the option.
  6. Select the photo layer and the heart shape layer, then choose "mask" from the toolbar at the top of the page.

Basically your heart SVG is a clipping mask, same as you used in your graphic software to crop the photo to a heart shape. But now you have a heart shaped photo which will be filled correctly by a customer but no heart frame. Here's what you do next:

  1. Go back to your images and select the heart shape svg. Put it directly under the photo. It will be invisible.
  2. Hit + a few times until it is large enough to act as a frame. 
KeeganCreations

Dear Keegan,

Thank you very much. I'm so happy I can make the design now.

Mark
Moderator
Moderator

Hi all,

Just going to move this to create products as there is no technical issue here.

- Mark

Nancy7
New Contributor III

Great instructions -- exactly the help I need using a circle -- except "mask" on the toolbar at the top of the page is greyed out.  Did I miss a click? 

Im having the same issue.