I have a 2 layers in Sketch the iPhone frame and the image in the background.
This is what it produces
Is there a way to hide or erase of that extra area using Sketch ?
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this communityI have a 2 layers in Sketch the iPhone frame and the image in the background.
This is what it produces
Is there a way to hide or erase of that extra area using Sketch ?
I'd try masking the image with a shape.
Make a rectangle with rounded corners in the middle of that phone border and use it to mask the image.
I did this using an old version of Sketch, so there may be some differences.
I made a rectangle with the border hitting somewhere inside the phone border. Since the phone border is more than a few pixels thick, you don't have to make this very accurate. Just make sure it stays inside it.
Then I selected the shape layer + the image layer and used Layer › Mask › Mask with Selected Shape
And finally, I arranged it behind the phone.