Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/metasmile/ai2appiconset

Xcode .appiconset generator for Adobe Illustrator.
https://github.com/metasmile/ai2appiconset

app-resource-management design-assets design-resource ios-app

Last synced: 3 months ago
JSON representation

Xcode .appiconset generator for Adobe Illustrator.

Awesome Lists containing this project

README

        

![logo](https://github.com/metasmile/ai2app/blob/master/logo.png)

[![Awesome](https://img.shields.io/badge/Awesome-iOS-red.svg)](https://github.com/vsouza/awesome-ios#tools)

# Creating AppIcon sets from Adobe Illustrator

This repo is rewrited from original repo https://github.com/CaryChamplin/CreatingIconsFromAI.

Just generates a completely valid contents of 'AppIcon.appiconset'.

## Usage
Clone(or download) this repo to
```
/Applications/Adobe Illustrator CC/Presets.localized/en_US/Scripts/ (in my case)
```
And click below menus.

```
File > Scripts > ios-icon-exporter
File > Scripts > mac-icon-exporter
```

If you need more information, see this : http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/pdf/illustrator/scripting/CC/Illustrator%20Scripting%20Guide.pdf

## Output results

### AppIcon.appiconset
```
Contents.json
ipad_29.png
[email protected]
ipad_40.png
[email protected]
ipad_76.png
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
```

### Content.json
```json
{
"images" : [
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "29x29",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "3x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "40x40",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "3x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "60x60",
"idiom" : "iphone",
"filename" : "[email protected]",
"scale" : "3x"
},
{
"size" : "29x29",
"idiom" : "ipad",
"filename" : "ipad_29.png",
"scale" : "1x"
},
{
"size" : "29x29",
"idiom" : "ipad",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "40x40",
"idiom" : "ipad",
"filename" : "ipad_40.png",
"scale" : "1x"
},
{
"size" : "40x40",
"idiom" : "ipad",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "76x76",
"idiom" : "ipad",
"filename" : "ipad_76.png",
"scale" : "1x"
},
{
"size" : "76x76",
"idiom" : "ipad",
"filename" : "[email protected]",
"scale" : "2x"
},
{
"size" : "83.5x83.5",
"idiom" : "ipad",
"filename" : "[email protected]",
"scale" : "2x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
```

## Format for icon images

```
{idiom}_{float/int square size}@{integer_ScreenScale}x

ex: "iphone_60@2x"
"iphone_60.5@2x"
```

or

```
{idiom}_{float/int width}x{float/int height}@{integer_ScreenScale}x

ex: "iphone_60x45@2x"
"iphone_60.5x45.5@2x"
```

for iOS https://github.com/metasmile/ai2app/blob/master/ios-icon-exporter.jsx

```
ICONS = [
"iphone_60@2x",
"iphone_60@3x",
"iphone_40@2x",
"iphone_40@3x",
"iphone_29@2x",
"iphone_29@3x",
"ipad_76",
"ipad_76@2x",
"ipad_40",
"ipad_40@2x",
"ipad_29",
"ipad_29@2x",
"ipad_83.5@2x",
"iTunesArtwork_512",
"iTunesArtwork_512@2x"
];
#include "icon-exporter.jsx"
```