How to mask images with shapes

While there is no specific masking tool within Sparkle, it is perfectly possible, and simple, to perform this task in Pages and transfer it to Sparkle, thus maintaining the same effect.

To begin with, let’s generate an image to be masked using Apple Pages:

Now let’s say I wanted to isolate a central part of the image and make it into a shape. For this I select ‘Format’, then ‘Image’, then ‘Mask with Shape’, and can choose any of the available shapes. In this case I’ll choose ‘Star’.

I can now select the part of the image I want to isolate and then click on ‘Done’ when I am finished.

Now all I have to do is copy and paste this masked image on to my Sparkle document. Any masked image you transfer will maintain the same transparency as in the Pages document. Hence, in this example, the purple background I have set wraps around the transparent parts surrounding the star shape.

Updated for Sparkle 3.1

Auf Deutsch

En Français

In Italiano

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Sparkle combines an all-in-one approach, an understandable interface and a focus on producing high performance and search engine optimized websites. 

All in a powerful native Mac app. 

Nothing else comes close.

Copyright ©2021 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.