iOs app icons .psd kit

ios_icon_pd_pack

Pour le projet iVelhop je m’étais créé un fichier “type” me permettant de générer les 4 icones de lancement pour iOs (iPhone et iPad). On peut retrouver les tailles requises de ces icones sur les guidelines d’apple : 57 et 114 pixels pour l’application icon iPhone, 72 px pour l’application icon iPad et 512 px pour l’icône de l’app store. Ce kit permet d’avoir un aperçu de ce à quoi va ressembler notre icône dans les différentes résolutions avec les effets glossy

J’ai fini par améliorer le psd grâce aux “slices” ( outil tranche pour les français). Pour l’activer et voir les tranches, il suffit dans “view > show > slices”. Une fois vos icones prêtes, faites simplement “save for web and devices” (enregistrer pour le web et périphériques) et vous aurez vos 4 icones au bon format, avec les noms suffixés des tailles au format PNG24.

iOs app icons .psd kit screenshot sous photoshop

Petit rappel, en passant, il existe deux façons de générer les icones sous iOs :

- laisser iOs générer les coins arrondis et l’effet glossy (par défaut). Dans ce cas, avant d’exporter, désactiver le masque de fusion (le noir) pour avoir l’icône carré, et cachez les deux effets glossy des deux autres calques

- forcer iOs à ne pas ajouter tout ça pour l’ajouter nous même, mais je vous le déconseille ( pour faire ça ajoutez la clé  UIPrerenderedIcon au fichier Info.plist ). Dans ce cas, exportez les fichiers comme ils sont.

Le pack est créé par Stéphanie Walter est mis à disposition selon les termes de la licence Creative Commons Paternité – Pas de Modification 3.0 non transcrit. Vous pouvez donc le réutiliser pour vos projets personnels et professionnels , tant que vous respectez le droit d’attribution (un lien vers cette page fera l’affaire ou mon portfolio). Vous n’êtes pas autorisés à le revendre.
Contrat Creative CommonsJe vous demande juste de ne pas faire de liens vers le fichier .zip, mais vers cette page directement.

iOs app icons .psd

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment validation by @