I have a bitmap and I want to subtract a circle show the background gradient shows through. How can I do that?

1 Answer 1


We can subtract a circle from image in sketch-app using a rectangle shape with hole (subtracted circle shape) as mask for the image (bitmap/ png/jpeg).


Step 1: Image above background gradient.

enter image description here

Step 2: Create a rectangle shape (black color used in example) with same size as image. Place it above image.

enter image description here

Step 3: Create a circle (white color used in example) above rectangle for the hole.

enter image description here

Step 4: Subtract circle from rectangle.

4.1 Select both circle and rectangle shape.

4.2 Select "Layer" > "Combine" > "Subtract"

enter image description here

Step 5: Select the "rectangle with hole" shape as mask for the image.

5.1 Select the Combined shape and image

5.2 Select "Layer" > "Mask" > "Use as mask"

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.