Updated
iPhone Screenshots
iPhone Screenshots
UI Template
Current version 3.0
Changelog β–Ό
Current version 3.1
Changelog β–Ό
This template allows you to quickly render and export the different screenshot sizes required for iPhone apps by creating the largest size both Portrait and Landscape. Bundled Smart actions also enables you to export 5 different screenshots in each size.
This template allows you to quickly render and export the 5 different screenshot sizes required for iPhone apps by creating the largest size. Place screenshots inside devices, choose from different coloured iPhone 8 and iPhone X and add text to your screenshots. Export every single size with the click of a button.
Download for Photoshop Download for Sketch
Highlights
Quickly render the 5 different screenshot sizes from a single size
Put your screenshot inside an iPhone X or iPhone 8 and add text
One click export actions of up to 5 separate screenshots
Supports both Portrait & Landscape orientation
Highlights
Quickly render the 5 different screenshot sizes from a single size
Put your screenshot inside an iPhone X or iPhone 8 and add text
One click export actions of up to 5 separate screenshots
Supports both Portrait & Landscape orientation
Compatibility
CC +15
Compatibility
Latest Version
What's inside?
This is a Photoshop document that, through Smart Objects, automates the process of rendering the various screenshot sizes that needs to be bundled with iOS Apps. The idea is to edit the largest size and have the smaller sizes automatically rendered, enabling a much quicker workflow when designing screenshots. The template contain devices nested in smart objects so that you can put screenshots inside devices, inside your screenshots. Add text and quickly export every size needed.
How do I use it?
You’ll need Photoshop CC. Open the PSD file in Photoshop. Find and right click the layer called β€˜Edit me & save’ and hit ’Edit Contents’. This opens the screenshot.psb file - create your artwork in this canvas. After saving the .psb, the multiple sizes in the Main PSD file should be automatically rendered. Use the Photoshop Actions bundled with the resource to export your screenshot files in the various sizes.
Why does it cost money?
To ensure an up-to-date and growing collection of carefully crafted designer tools, access to this resource is reserved for subscribing members. It only takes a minute to sign up and membership is a low fee that can be cancelled any time. Your support makes this resource and several other resources sustainable. Learn more about membership by going to the sign up page.
What's inside?
This is a sketch document that, through symbols, automates the process of rendering the various screenshot sizes that needs to be bundled with iOS Apps. The idea is to edit the largest size and have the smaller sizes automatically rendered, enabling a much quicker workflow when designing screenshots. The files contain devices and symbols nested in symbols so that you can put screenshots inside devices, inside your screenshots. Add text and quickly export every size needed.
How do I use it?
Open the Sketch file and double click the screenshot. This takes you to the symbols page where you can edit the master symbols. All changes here are propagated through the many sizes. Design each screenshot you need. Preview screenshots under each screenshot page. If you want to add text, then remember to outline your text when you're done. Once you're done go to file -> Export.
Why does it cost money?
To ensure an up-to-date and growing collection of carefully crafted designer tools, access to this resource is reserved for subscribing members. It only takes a minute to sign up and membership is a low fee that can be cancelled any time. Your support makes this resource and several other resources sustainable. Learn more about membership by going to the sign up page.
Changelog
Version 3.0
πŸ†• All new sizes
πŸ†• iPhone X & iPhone 8 Hardware
Version 2.1
🐞 Fixed a bug that flipped landscape screenshots in nested objects
🐞 Fixed a bug that affect backgrounds in landscape screenshots
Version 2.0
πŸ†• Landscape orientation in new separate file
πŸ†• iPhone 7 colors and finishes added!
πŸ†• Optimised exports
🐞 Bugfixes
Changelog
Version 3.1
🐞 Fixed a bug where iPhone X Size Portrait Screenshots were stretched
Version 3.0
πŸ†• All new sizes
πŸ†• iPhone X & iPhone 8 Hardware
Version 2.0
πŸ†• Landscape orientation in new separate file
🐞 Fixed minor bugs
Join the
Newsletter
Monthly emails with new resources
First name
Email
 
No spam. Ever. Unsubscribe with a single click.