iPhone Screenshots
iPhone Screenshots
UI Template
Current version 2.1
Changelog โ–ผ
Current version 2.0
Changelog โ–ผ
This template allows you to quickly render and export the 4 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 4 different screenshot sizes required for iPhone apps by creating the largest size. Place screenshots inside devices, choose from different coloured iPhones 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 4 different screenshot sizes from a single size
Put your screenshot inside an iPhone and add text
One click export actions of up to 5 separate screenshots
Supports both Portrait & Landscape orientation
Highlights
Quickly render the 4 different screenshot sizes from a single size
Put your screenshot inside an iPhone and add text
One click export actions of up to 5 separate screenshots
Compatibility
CC +15
Compatibility
Sketch 3.0+
What's inside?
This is a Photoshop document that, through Smart Objects, automates the process of rendering the various 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 icons. Youโ€™ll also find a selection of iOS specific colors and shapes that you can build on, enviroment previews and easy export actions that spit out the exact files you need to deliver to Apple.
How do I use it?
Youโ€™ll need Photoshop CS6 or later. Open the PSD file in Photoshop. Find and right click the layer called โ€˜Edit me & save' and hit โ€™Edit Contentsโ€™. This opens the screenshots.psb file - create your artwork in this canvas. After saving the screenshots.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. If you want to export mutliple different screenshots, make sure that your screenshots are each placed in the correctly named folders inside the smartobject.
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 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
Version 1.2
๐Ÿ†• Added support for iPhone 6/7+ resolution (1242x2208px)
๐Ÿž Fixed an export bug that affected some Machines
Changelog
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.