Mobile app version of vmapp.org
Login or Join
Eichhorn212

: How to create a hole in a group? I have a complex group : I want to replace the screen of the iPhone by a "hole": when I export the group to a .svg file, I would like the screen to

@Eichhorn212

Posted in: #SketchApp

I have a complex group :



I want to replace the screen of the iPhone by a "hole": when I export the group to a .svg file, I would like the screen to be a transparent area.

I would prefer a solution with Sketch but I will also be interested by solution that uses other software on the exported image.



EDIT:
I am not able to use the subtracted area as a mask.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Eichhorn212

1 Comments

Sorted by latest first Latest Oldest Best

 

@Harper654

You can do this in Sketch with masks.

Below your current layers:


Create one rectangle larger than the phone's outline.
Create another above it the size of the screen (you can duplicate the screen element to do this).
Set them both to no fill, no border.
With both of those layers selected, use subtract (either the subtract button, or Layer > Combine > Subtract).
Next, with the resulting Combined Shape selected, choose Layer > Use as mask.


When you export a png of the result the screen will be an empty space.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme