Clay iPad Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Original Mockups
Show an e-learning screen the way it will actually look: on a clay iPad mockup.
Good pick for UI designers, publishers or anyone putting together a portfolio. 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.
Good for
- An e-learning screen
- A dashboard
- A digital magazine page
The file is made by Original Mockups. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the Clay iPad Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Screen glare and reflection layers
How to use the Clay iPad Mockup
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Export a full-size image for your portfolio and a smaller one for social media.
Worth remembering: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
Where the Clay iPad Mockup works best
- Show a tablet app to a client before it goes to print or production.
- Present a digital magazine page in a client proposal or brand guide.
- Share an e-learning screen on Instagram, Behance or Dribbble with a real-looking preview.
Quick notes on this mockup
- Made by Original Mockups. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
More free ipad mockups are listed below, each linking to the original author.
Questions about this mockup
Is it free for commercial use?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Original Mockups gets the visit and you get the file exactly as they published it.
