svg animation

Creating masks in Gravit Designer

The object you want to use as a mask must be in front of the other element. In this case, we will use the blue circle to mask the orange star. Select both objects, right-click, then choose “Mask with Shape”:

Go to File, Export, then choose Advanced Export…

Make sure you've selected SVG for the Format, then click Export.

Import the SVG file into SVGator. It should look like this:

Please note that there's a browser compatibility error with Safari. In case you are running SVGator in Safari, the clipping mask will not be visible after the import. You can read more about this here.


Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.