Script for exporting Illustrator artworks to Android and iOS PNG24 assets in the proper directory structure and scale types.
- Import the script into Illustrator (Instructions for CC listed here)
To include a script in the Scripts menu (File > Scripts), save the script in the Scripts folder, located in the
/Presets.localized/en_USfolder in your lllustrator installation directory. For example the folder path in my computer is/Applications/Adobe Illustrator CS6/Presets.localized/en_US/Scripts. Then, restart Illustrator. The script’s filename, minus the file extension, appears in the Scripts menu.
- Open the Illustrator file that includes the artboards you want to export.
- Select artworks you want to export.
- Select this script from the Illustrator Scripts menu (or cmd+fn+F12).
- A dialog shows up with 3 options: 1. Copy the selected artworks to new document then automatically create artboards to contains each artwork. 2. Export this artboards to PNG files. 3. Execute both option 1 and 2 at once.
- If you perform option 2, a dialog with the supported scale types will open. If any Android types are selected, the proper directory will be created inside
/Android/{SCALE_TYPE}(e.g./Android/drawable-mdpi,/Android/drawable-xhdpi). Any iOS types will be in/iOS.
- Choose the directory where you want the images to be exported to.
The name of the images will correspond to the name of the artboard. If the artboard is named app-icon, and you select all the available options, the script will export the artboard into the following directory structure.
Selected Directory
├───Android
│ ├───drawable-mdpi
│ │ └───app-icon.png
│ ├───drawable-hdpi
│ │ └───app-icon.png
│ ├───drawable-xhdpi
│ │ └───app-icon.png
│ ├───drawable-xxhdpi
│ │ └───app-icon.png
│ ├───drawable-xxxhdpi
│ │ └───app-icon.png
└───iOS
├───app-icon.png
├───[email protected]
└───[email protected]
The baseline image used for Android is xhdpi, for iOS it is @2x. The script will scale up and down from these sizes.
Copyright 2014 Austyn Mahoney
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.