Apple Watch Mockups

Presenting a notification design? Put it on this apple watch mockup and the client sees the real thing, not a flat file.

It’s a handy file for wearable app teams and UI designers. Quick tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.

A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings.

This is a free file from Anthony Boyd Graphics. When you click download you’ll land on their page to grab it.

Apple Watch Mockups: editable parts

Open it in Photoshop and you can change:

• Screen design, placed through the smart object
• Shadow under the device
• Device colour, where the file includes it
• Screen glare and reflection layers

Add your design to the Apple Watch Mockups

1. Take a clean screenshot of the app or website you want to show.
2. Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
3. Place your design, hide the sample artwork, save, and go back to the main file.
4. Export a full-size image for your portfolio and a smaller one for social media.

Another tip: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.

Ways to use this Apple Watch Mockups

• Show a watch face to a client before it goes to print or production.
• Use it as the cover image for a fitness app screen in your portfolio.
• Present a notification design in a client proposal or brand guide.

Quick notes on this mockup

• Made by Anthony Boyd Graphics. The download size and format are listed on their page.
• Check the licence on the author’s page. Personal and commercial terms differ from file to file.
• The preview shows the angle, background and lighting you’ll get.
• Check the smart object size before you design, so your artwork fits without stretching.

Need a different angle? The smartwatch mockups category has plenty more free PSD files.