Exporter une interface iPad depuis Photoshop CC

Dans ce tuto Photoshop, Arzhur Caouissin va de nouveau utiliser son document master pour cette fois réaliser la version iPad.

Il va utiliser l'outil de recadrage en indiquant les dimensions de l'écran qui sont 1024x768 px. Si vous voulez créer l'image au format portrait de l'iPad, il suffit d'inverser les deux valeurs. Pour un projet sur écran rétina, il faudra doubler les valeurs donc passer à 2048x1536 px. Nous pouvons maintenant recadrer le contenu. Nous allons à présent remettre les contenus à la bonne taille de façon à répondre à l'ergonomie attendue par Apple, pour ce faire, nous allons placer des repères. Il faut laisser une marge de 44px pour l'iPad de 1ère génération et de 88px pour les écrans rétina sur le pourtour où rien ne se trouvera car il arrive que l'utilisateur pose ses doigts sur les bords de l'écran. Il place donc les repères sur le haut et le bas de l'écran et zoom beaucoup pour pouvoir placer précisément le repère. Il fait la même chose sur les côtés de l'écran.

Le gabarit est maintenant prêt, nous pouvons donc placer les éléments dans l'écran. Il enregistre ensuite le document en psd et le renomme.