A screenshot exporter for the App Store and Google Play

Posted by on 05.31.14
 

Overview: this is a tool that helps exporting screenshots with localized text in all the different resolutions required by the Apple App Store and Google Play. 

If you are a mobile game developer and have published some apps, you probably have prepared screenshots for the different stores, in varied resolutions, and maybe different languages.

mobile_stores_screenshots_resolutions

For Squids and Combo Crew, we published the game on the App Store and Google Play. The App Store is 5 screenshots of 3 different resolutions (iPhone 4, iPhone 5, iPad) and Google Play has also 5 screenshots of 2 resolutions that are different from the iOS ones (7 and 10 inches). We also have localized the game in over 8 languages and we had some text on the screenshots, that we wanted localized as well. That makes a total of 5 x 5 x 8 = 200 screenshots to export manually.

It’s ok, it’s an hour of grunt work for sure, but anyone can do it. But when for some reason you want to update something, a text or a picture, that’s another round of manual exports and that’ll become a bit annoying.

We had a very resourceful intern (thanks again Hannes!) who wrote a handy photoshop script that will export all the screenshots for all resolutions from a well set up photoshop file. It’ll save you time for the initial export, and if you have to update something later on, you’ll just have to update the picture or the text once and watch the script do the rest for you.

Here is how it work:

1. Download this package that includes the script and a photoshop template file.

Note: there are two scripts, one for exporting in JPG and one in PNG. I recommend using the JPG one for the stores, as the files will be lighter and upload faster.

2. Open the .psd file and look at it:

– HowTo is just a reminder of how the script works.
– Sizes are just reminders of the different resolutions.
– Screen1.jpg, Screen2.jpg… are the folders with your 5 screenshots for the App Store and Google Play.

layers

Note that the file is 2726×1536 in size. That’s the iPad retina resolution with the iPhone 5’s ratio. If you optimize for the iPad retina you probably already do your UI and full screen elements with this in mind. If you don’t have 2726 wide screenshot, you can always resize the file to a 1280 or 1136 width after having done the iPad retina ones.

3. Fill with your content:

– Replace the screenshots with yours.
– Replace the text background, or delete it if you don’t need it.
– Enter your texts in the « txt » folder. The layer names will be used in the filenames later on.
Attention: make sure you don’t go further than the online casino iPad boundaries so that the text isn’t cropped on iPad.

4. Export:

– Once this is done, select the screenshot you want to export (a visible layer must be selected for the script to work).
– Click on ExportScreenshotsJPG.jsx. A popup will ask you to confirm you want to launch this script. Go back to photoshop and go make yourself a coffee while it works.
– All the files are going to appear in the « out » folder.

Here an example with only one screenshot and two languages:

ExportFolder

Hopefully this will save you some time like it did for us!



5 Responses to “A screenshot exporter for the App Store and Google Play”

  1. Chris OShea dit :

    Thanks!

    I just tweeted the other day this exact problem

    https://twitter.com/chrisoshea/status/468659739963195392
    https://twitter.com/chrisoshea/status/468659898495270913

    Quick question, is there any reason to generate iPad and iPad retina screenshot? Am I wrong in thinking iTunes connect you only upload the retina version? I know you *have* to upload retina, just not sure about normal.

    If you have a github, maybe you could put it there so people could contribute?

    For example in mine I need 3gs as well as iPhone 4, so will do a scale down of this document.

    In my case my iPhone height is a crop of the iPad height (so iPhone is shorter in height but wider than iPad, 1 to 1 pixel mapping), so I need to change the script to work with this (rather than everything being the same heigh on the game canvas).

    Thanks

    • Emeric dit :

      iPad Retina only is needed on iTunes Connect but we had the iPad size exported just in case and also because sometimes to send in emails attachement or whatever it’s convenient to have a smaller file.

  2. Hey, I just updated your Photoshop script for iPhone 6 & iPhone 6 Plus with Landscape and Portrait format.

    I also added a script to export all Icons iOS and Android.

    https://github.com/BenoitFreslon/MobileMedias

    You are welcome to update my script on GitHub.

    Cheers.

  3. Breon Snowdon dit :

    Dude this rocks!! I have used it for my App making – just wondering if you could add in another output for iPhone 6 (2208×1242 or 1242×2208)?

    Top work! Thank you so much for this great freebie!!

  4. snowydad dit :

    Automate making localized screenshots for App Stores:
    https://github.com/snowydad/Make-Screenshots-for-App-Stores

Leave a Reply

Spam protection by WP Captcha-Free