Updated
iPhone Screenshots
iPhone Screenshots
UI Template
Current version 4.1
Changelog
Current version 4.0
Changelog
This template allows you to quickly create and export custom screenshots in all required sizes for iPhone apps. Automatically export 5 different screenshots in each required size using Adobe Asset Generator or bundled export actions.
This template allows you to quickly create and export custom screenshots in all required sizes for iPhone apps. Automatically export 5 different screenshots in each required size using the built-in export features in Sketch.
Download for Photoshop Download for Sketch
Highlights
Quickly render the 5 different screenshot sizes from a single size
Put your screenshot inside an iPhone XS or iPhone XR and add text
Supports both Portrait and Landscape orientation
Automatic export using Adobe Asset Generator
One click export actions
Highlights
Quickly render the 5 different screenshot sizes from a single size
Put your screenshot inside an iPhone XS or iPhone XR and add text
Supports both Portrait and Landscape orientation
Automatic export using the built-in Sketch export feature
Compatibility
CC +15
Compatibility
Latest Version
What's inside?
This template allows you to quickly create and export custom screenshots in all required sizes for iPhone apps. Automatically export 5 different screenshots in each required size using Adobe Asset Generator or bundled export actions.
How do I use it?
To create your screenshots, double-click the layers named ‘Screenshot (Edit me and save)’. This opens a Smart Object. Inside this Smart Object, double-click the layer named ‘Place your screenshot inside this Smart Object’ and paste a 1242x2688 screenshot of your app in this canvas. Remember to save when you’ve pasted your screenshot. Return to the first Smart Object you opened to see your app rendered on an iPhone. You can change the background colors and type of iPhone by hiding and unhiding the layers in the groups named ‘Backgrounds’ and ‘iPhones’. When you’re done editing, save your changes and return to the main PSD file to see your screenshots rendered in the iOS 12 App Store. Export all needed sizes with Adobe Asset Generator or using the one-click Photoshop Actions bundled with the resource.
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 template allows you to quickly create and export custom screenshots in all required sizes for iPhone apps. Automatically export 5 different screenshots in each required size using the built-in export features in Sketch.
How do I use it?
To create your screenshots, go to the Symbols page. Place screenshots of your app within the symbols named ‘Place screenshot inside this symbol’. This will automatically render your app’s screenshot on the devices in the symbols named ‘Screenshot 1/2/3/4/5’. You can change the background colors and type of iPhone by hiding and unhiding the layers in the groups named ‘Backgrounds’ and ‘iPhones’. When you’re done editing, return to the main page to see your screenshots rendered in the iOS 12 App Store. Since Sketch doesn’t facilitate automatic downscaling of text layers, you must convert text layers to outlines for optimal scaling results. To convert text to outlines, right-click a text layer and click ‘Convert to Outlines’. To export all needed screenshot sizes, click ‘Export’ in the upper right corner of Sketch. This will save out a folder named ‘iPhone Screenshots Export’ to the destination you select. In this folder you will find all screenshots and 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.
Changelog
Version 4.1
🐞 Fixed a bug with landscape export actions
Version 4.0
🆕 All new sizes
🆕 iPhone XS & iPhone XR Hardware
🆕 New iOS 12 Preview
🆕 New screenshot design
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 4.0
🆕 All new sizes
🆕 iPhone XS & iPhone XR Hardware
🆕 New iOS 12 Preview
🆕 New screenshot design
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.