Comment Adapter un Projet pour l'iPad avec Photoshop
Découvrez les étapes pour adapter un projet pour la version iPad via Photoshop, incluant les dimensions recommandées et les conseils d'ergonomie fournis par Apple.
Introduction de la formation à Photoshop CC pour le Web
Les raccourcis utiles de Photoshop CC






Création de formes vectorielles, édition de formes
Les réglages élémentaires de Photoshop
Exporter individuellement les images bitmaps pour le Web
Exporter un SVG depuis Photoshop CC
Créer plusieurs versions dune composition Photoshop CC







Réaliser un Gif animé
Réaliser un rollOver CSS
Réaliser un Sprite Sheet (animation pelliculée)
Exporter une page XHTML statique à laide de loutil Tranches






Réaliser une composition HTML5 sémantique à partir de Photoshop







Gérer les styles CSS de formes primitives avec Photoshop
Gérer les styles CSS de textes éditables avec Photoshop
Exporter les calques par lot à laide de lextension Photoshop Generator
Générer automatiquement les icones dune application mobile
Exporter une composition Photoshop vers les autres logiciels Adobe







Réaliser un Gif vidéo
Réaliser un montage vidéo pour le Web avec Photoshop
Détails de la leçon
Description de la leçon
Pour réaliser une version iPad d'un projet dans Photoshop, il est crucial de partir du master en haute définition et d'utiliser l'outil de recadrage pour définir des dimensions précises de 1024 pixels par 768. Mentionnez bien l'unité de mesure en pixels, sinon Photoshop utilisera par défaut les centimètres. La densité de résolution n'a pas besoin d'être précisée car l'iPad ajustera lui-même l'affichage du contenu en fonction de la taille de la composition.
Notez que pour un rapport 4/3 horizontal, on inverse simplement les valeurs pour une publication verticale. Si vous souhaitez une version dédiée pour un écran Retina, doublez les valeurs initiales pour passer à 2048 pixels de large et 1536 pixels de haut. Attention, les versions Retina ne sont pas rétro-compatibles avec les anciennes générations d'iPad.
Apple recommande de laisser une marge technique de 44 pixels autour de votre document pour éviter toute interaction non désirée avec les doigts des utilisateurs. Cette zone tampon ne doit pas inclure d'informations importantes ou de zones cliquables. De plus, prévoyez un espace pour une potentielle barre de menu en haut ou en bas du document.
Le placement ergonomique des éléments est essentiel, avec des zones cliquables de 44 pixels pour un iPad classique et 88 pixels pour un iPad Retina. Utilisez des repères précis pour guider votre maquette et redimensionnez vos éléments en maintenant les proportions avec la touche Shift.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de :
- Utiliser correctemnt l'outil de recadrage dans Photoshop pour les dimensions de l'iPad.
- Appliquer les recommandations d'ergonomie d'Apple.
- Préparer un projet compatible pour les versions standard et Retina des iPads.
Prérequis pour cette leçon
Connaissance de base de Photoshop et compréhension des concepts de résolution et d'ergonomie d'affichage.
Métiers concernés
Les professionnels en design graphique, développement d'application, et publication numérique peuvent bénéficier des compétences acquises dans cette vidéo.
Alternatives et ressources
Des programmes comme GIMP ou Affinity Photo peuvent également être utilisés pour des tâches similaires.
Questions & Réponses
