Working with Apple product bezels

Share your knowledge Ask the community
1

Hi - I downloaded Apple’s latest device bezels for updating app store screenshots. When I add an iPhone 14 max bezel it has the dimensions 430x932. When I add my screenshot with the same dimensions 43x932, I can see the image corners even though the alignment guides show that I have matched the center of each.

I’ve tried moving the image to the back, but it doesn’t seem to make any difference. I’ve upload a screen shot what I’m seeing.

Also, I can’t seem to find a way to resize the bezels to make the iphone image larger.
Screenshot 2023-04-29 at 9.33.35 AM

2

Hey @nate

Welcome to the forum!

I’m not sure what’s going on here. I think we need to take a closer look.

Would you mind sending a copy of the document or a link to productsupport@sketch.com ? Thanks

3

Hi - so sorry for the delay, I missed your reply. I send an example to the email address specified.

4

Hi @nate I picked up your ticket, I’m following up and will share an update soon. Thanks for reaching out!

5

Hi @nate I’ve shared an update via email

7

Apologies - I never posted the solution:

This can easily be corrected by adding a rectangular shape that masks the artboard, so you can get the rounded corner effect on the content area of the symbol. In the case of the iPhone 15 Pro preset size, I added a rectangle layer and set the size and corners as follows:

  • Width: 393
  • Height: 852
  • Corners: 52
  • Corner type: Rounded
1 Like
8

Hi Nate!

It’s never too late to share, thank you!

9

I’m having the same issue. I would be glad to know the solution as well

10

Hi - the fix I used was to create a shape rectangle with the same dimensions as the bezel and round the corners at 52. Then I applied that shape as a mask to my screenshot.