appssemble / app-icons-script

Photoshop script to generate all iOS and macOS app icons

app-icons-script

Photoshop script to generate all iOS and macOS app icons

Make one 1024x1024 App Icon, let this script automate the rest.

This script will create all of your app icon images from a single 1024x1024 "iTunesArtwork" PNG. It saves icons in PNG-24 using Save For Web and removes metadata. The generated PNGs are named with the following scheme: Icon-<size><density>.png, for example [e-mail].

💡 Note:

These instructions (and install script) are for Photoshop CC 2019.

For a different version, simply edit the VERSION variable in the script.

Installation

$ git clone https://github.com/jessesquires/app-icons-script.git
$ cd app-icons-script/
$ [sudo] ./install.sh

Usage

1. Open Photoshop CC (may require restart if open during install)
2. Select script from File > Scripts menu
3. Follow the dialog prompts
4. 🎉 🍺

⚠️ Warning! ⚠️

This script does not handle naming collisions, it will overwrite any existing files with the same names in the destination directory.

Generating Asset Catalogs

This repo also contains a script to generate asset catalogs (genAssetCatalog.sh) using the output from the Photoshop scripts. It can create a complete AppIcon asset catalog for iOS or watchOS that is ready to import directly into your Xcode project.

The script should be executed with the following options:

$ ./genAssetCatalog.sh <source path to icons> <destination path> <catalog name> [ios | watch]

Example:

$ ./genAssetCatalog.sh ~/Desktop/icons/ ~/Desktop/assets/ AppIcon ios

Documentation

• Adobe Photoshop JavaScript Reference

• Apple Human Interface Guidelines:

  • iOS Icon and Image Sizes
  • macOS Icon and Image Sizes

Credits

Modified and maintained by @jessesquires

Original script by @mattdipasquale

Later modified by @appsbynight