Auto-redimensionar iconos y splashscreen para iOS

23:23

¡¡¡Sanencogío!!!

Cuando estamos realizando el diseño del arte de las apps, y nos queremos ajustar al patrón que nos imponen las distintas plataformas, tenemos que redimensionar iconos y splashscreen´s (o pantallas de inicio de la app) constantemente.

Las siguientes herramientas nos permiten redimensionar automáticamente tanto los iconos como los splashscreen, de momento para iOS y cuando tenga un poco de tiempo lo haré para Android y BB.

Requisitos

1. Tener una shell unix.
2. Tener instalado el programa Sips(en Mac OS X viene por defecto instalada)

Scripts

· Redimensionar Iconos. El contenido del script es el siguiente:

#!/bin/bash
f=$(pwd)

sips --resampleWidth 512 "${f}/${1}" --out "${f}/iTunesArtwork"
sips --resampleWidth 57 "${f}/${1}" --out "${f}/Icon.png"
sips --resampleWidth 114 "${f}/${1}" --out "${f}/Icon@2x.png"
sips --resampleWidth 29 "${f}/${1}" --out "${f}/Icon-Small.png"
sips --resampleWidth 58 "${f}/${1}" --out "${f}/Icon-Small@2x.png"
sips --resampleWidth 50 "${f}/${1}" --out "${f}/Icon-Small-50.png"
sips --resampleWidth 72 "${f}/${1}" --out "${f}/Icon-72.png"
sips --resampleWidth 144 "${f}/${1}" --out "${f}/Icon-72@2x.png"

Para su ejecución, simplemente necesitaréis guardarlo en un archivo .sh y ejecutarlo en el terminal con "sh nombredelarchivo.sh nombredelicono.png" (sin las comillas dobles). El icono debe estar en 1024x1024. 

Si encontráis problemas en la ejecución, dadle permisos ejecutando "chmod +x nombredelarchiv.sh"


· Redimensionar Splashscreen. El contenido del script es el siguiente:

#!/bin/bash
srcDir=$(pwd);
dstDir=".";
srcFile=splashscreen.png

cp "$srcDir/$srcFile" "$dstDir/Default-Landscape@2x~ipad.png"
sips -z 1496 2048 "$dstDir/Default-Landscape@2x~ipad.png"

cp "$srcDir/$srcFile" "$dstDir/Default-Landscape~ipad.png"
sips -z 768 1024 "$dstDir/Default-Landscape~ipad.png"

cp "$srcDir/$srcFile" "$dstDir/Default-Portrait@2x~ipad.png"
sips -z 2008 1536 "$dstDir/Default-Portrait@2x~ipad.png"

cp "$srcDir/$srcFile" "$dstDir/Default-Portrait~ipad.png"
sips -z 1024 768 "$dstDir/Default-Portrait~ipad.png"

cp "$srcDir/$srcFile" "$dstDir/Default-568h@2x~iphone.png"
sips -z 1136 640 "$dstDir/Default-568h@2x~iphone.png"

cp "$srcDir/$srcFile" "$dstDir/Default@2x~iphone.png"
sips -z 960 640 "$dstDir/Default@2x~iphone.png"

cp "$srcDir/$srcFile" "$dstDir/Default~iphone.png"
sips -z 480 320 "$dstDir/Default~iphone.png"

Para su ejecución, simplemente necesitaréis guardarlo en un archivo .sh y ejecutarlo en el terminal con "sh nombredelarchivo.sh" (sin las comillas dobles). El Splashscreen se debe llamar splashscreen.png y debe estar en la mayor resolución posible, por ejemplo 2048x1496.

Descargas


- El script de redimensionar iconos haciendo click aquí.

- El script de redimensionar splashscreens haciendo click aquí.

You Might Also Like

0 comentarios

Sé respetuoso/a, en este blog caben todo tipo de opiniones con respeto y serenidad.

statistics :: ヽ(*・ω・)ノ

Contact Form :: (」゜ロ゜)」