Fork me on GitHub

Illustrator scripts for mobile design

Collection of Illustrator scripts to automatically export layers or artboards to PNGs of different densities for different devices (iOS Retina, Android, etc).

How to install

If you place the script in the Adobe Illustrator CS5/Presets/Scripts folder, the script will appear in the File > Scripts submenu.

If you place the script in another location on the hard disk, you can run the script in Illustrator by choosing File > Scripts > Browse.

How to use Mobile > General

The general scripts asks for 3 values in sequence:

  1. The folder where you want to save the files.
  2. The scale factor 1 = 100% = 160dpi = mdpi, 2 = 200% = 320dpi = retina display (these values are only valid if you designed for 160dpi aka mdpi).
  3. A suffix if you want to use one, e.g., @2x for retina display in iOS. You can also leave it empty if you don’t want a suffix or if you are exporting to android or iOS non-retina.

How to use Mobile > iOS

  1. Choose the folder where you want to save the files.
  2. Optionally you can add a sufix to the files.
  3. That’s it, all files will be saved with the appropriate names.

How to use Mobile > Android

  1. Choose the folder where you want to save the files.
  2. That’s it, all files will be saved on the appropriate folders.

Note on exporting layers:

Locked layers visibility will be ignored and they will not be exported.
This can be used to keep global layers visibility, like a background, or guide layers from being exported.

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running:

$ git clone git://github.com/herkulano/illustrator-scripts-for-mobile

remixed by Herculano Campos

Comments

blog comments powered by Disqus