Important: FPD Support Update

As of March 1, 2025, direct support for Fancy Product Designer has been discontinued. Only customers with an active support license will continue to receive assistance. Our team is now fully dedicated to Chamevo, the next-generation product customization platform built on the foundations of FPD. For help, use the chatbot available on fancyproductdesigner.com or chamevo.com.

Using an overlay image as mask

Updated April 25, 202420,372 views11 found helpful
masking

In this DEMO, we have employed a particular technique. We have fashioned an image that mirrors the dimensions of the stage (canvas), albeit with a transparent circular area in the center.


The white area is transparent


We have included the initial image element in the Product Builder and activated the "Stay on Top" option in the General section. This means that any image added by a customer will appear behind the overlay image, with only the visible portion within the circle being displayed.



Of course you can create your own image overlay and upload it, e.g. you can even have a transparent area that looks like a Phone-Case.


One other option would be to utilize masks as outlined in this article.