Screenshot Producer

Create a new document

quickstart-1.png

To create a new project, tap the Create Document button in the document browser

Image.png

Then give your document a name (probably the name of your app). You can rename the document by returning to the document browser, and pressing and holding on an existing document.

The Project Screen 1

Onboarding screenshot.png

The Project Screen shows your document's title and the current language you are editing in the navigation bar.  

For help, tap the help icon here or on any screen.

Use the action icon to export your screenshots, create and xliff file for localisation, or to re-import localised xliff files.

Tap the Project Settings icon in the Project Screen navigation bar to configure your new project.

Project Settings

Select the devices you want to create App Store screenshots for. You can access the Project Settings at any time to add more devices.

 
Simulator Screen Shot - iPad Pro (12.9-inch) (2nd generation) - 2017-10-03 at 21.14.31.png

Select any additional languages that your screenshots will be localized into. You can return to the Project Settings screen at any time to add more languages at any time.

Please note: Screenshot Producer v1.0 only allows a base language of US English (en_US)

The Project Screen 2

iPad Pro - screenshot 2.png

The language bar at the bottom of the Project Screen allows you to switch between and edit screenshots for other languages.

Tap the rotate button at the bottom right of any screenshot cell to toggle its orientation between portrait and landscape.

You can re-order screenshot cells by dragging and dropping within a device.

Tap a screenshot cell to edit it, using the Screenshot Screen.

The Screenshot Screen 1

 
Simulator Screen Shot - iPad Pro (12.9-inch) (2nd generation) - 2017-10-03 at 21.51.16.png
 

Tap the buttons to edit the content and layout of the sections of the screenshot. 

To add images, you can either select from your photo library, drag and drop from the Photos or Files (or other image) apps, or pick an image previously used in this project

The Screenshot Screen 2

 
Simulator Screen Shot - iPad Pro (12.9-inch) (2nd generation) - 2017-10-03 at 22.05.43.png
 

For each section, you can choose which screenshots changes are applied to.

Changes can be applied to…

  • The screenshot at the current index (e.g the 2nd screenshot) or all screenshots (for devices selected above)
  • The current device or all devices
  • The current language or all languages

The Screenshot Cell

 
Simulator Screen Shot - iPad Pro (12.9-inch) (2nd generation) - 2017-10-03 at 22.12.49.png
 

Tap the menu button at the top right of a screenshot cell to show the Screenshot Toolbar. From here you can…

  • Copy this screenshot to other screenshots (select the destination screenshots then tap Done on the navigation bar)
  • Export a single screenshot image
  • Delete this screenshot

Localizing your screenshots

To localize your project, press the action icon in the Project Screen navigation bar, and choose "Export for Localization". This will create an xliff file containing the titles and subtitles for each screen in the project's base language, which you can send to the translator of your choice. (Personally I use One Sky, but there are plenty of localization services out there.)

Note that you don't have to add localization languages before creating the xliff file - any missing languages ones will added when xliff files are imported (the screenshots will be copied from the base language)

To import localized xliff files, tap the action icon and select "Import Localizations". With Screenshot Producer you can import an xliff file that contain multiple target languages, or multiple files that contain a single target language. 

 
Simulator Screen Shot - iPad Pro (9.7 inch) - 2017-10-08 at 12.12.33.png
 

You'll see a confirmation screen showing any updates, tap confirm to apply the changes.

 
 

Exporting for the App Store

To export the screenshot images for uploading to the App Store, press the action icon in the Project Screen navigation bar, and choose "Export Images". This will create a zip file with a folder for each language, containing your screenshot images.