La création d'actifs pour des applications mobiles conçues pour fonctionner sur différentes tailles d'écran se traduit souvent par de gros fichiers PSD contenant plusieurs couches et un flux de travail alambiqué. Les plans de travail Photoshop ont été introduits pour rationaliser le développement de graphiques pour les appareils mobiles.
Les instructions de cet article s'appliquent à Photoshop CC 2019 pour Windows et Mac.
Comment créer des plans de travail dans Photoshop CC
Lorsque vous créez un nouveau document dans Photoshop, Artboard apparaît comme un choix dans la boîte de dialogue Détails prédéfinis :
-
Ouvrez Photoshop et sélectionnez CRÉER UN NOUVEAU DOSSIER.
:max_bytes(150000):strip_icc()/001-new-artboards-feature-of-adobe-photoshop-1701379-90f00a9f3fe14959932a6c6c9a2847e8.jpg)
-
Sélectionnez la langue Mobile.
:max_bytes(150000):strip_icc()/002-new-artboards-feature-of-adobe-photoshop-1701379-2de9d2477ca14d43bedf6609717ebe9d.jpg)
-
Vous verrez des préréglages qui incluent plusieurs tailles d'iPhone ainsi que des téléphones Android, des iPad, des appareils Microsoft, de Mac, d'Apple Watch et une taille générique pour tout le reste. Choisissez l'une des options, puis sélectionnez Créer pour commencer le travail.
La case sous Artboard doit être cochée. Si ce n'est pas le cas, cochez la.
:max_bytes(150000):strip_icc()/003-new-artboards-feature-of-adobe-photoshop-1701379-8db07f8df30a45c6be3775a89884c757.jpg)
Comment fonctionnent les plans de travail dans Photoshop ?
La fonctionnalité des plans de travail de Photoshop fonctionne un peu comme son homologue Adobe Illustrator en ce sens que chaque plan de travail est traité comme un document en couches distinct. Chaque plan de travail possède ses propres calques, groupes de calques, texte, objets intelligents et tout ce que vous pouvez ajouter à un document Photoshop. Vous pouvez changer l'ordre de superposition dans chaque plan de travail ainsi que l'ordre des plans de travail eux-mêmes dans la palette Couches.
:max_bytes(150000):strip_icc()/004_new-artboards-feature-of-adobe-photoshop-1701379-cbe869664deb42678bfc22c5df0ca788.jpg)
Comment nommer et dupliquer des plans de travail dans Photoshop CC
Pour dupliquer un plan de travail dans Photoshop :
-
Cliquez avec le bouton droit sur le plan de travail dans la palette Couches et sélectionnez Dupliquer le plan de travail.
Si la palette Couches n'est pas visible, sélectionnez Vitrine > Couches pour l'ouvrir.
:max_bytes(150000):strip_icc()/004-new-artboards-feature-of-adobe-photoshop-1701379-6bc15caf75c94ea5a6d603545509ec35.jpg)
-
Donnez un nom au nouveau plan de travail et sélectionnez OK.
Si vous souhaitez renommer le plan de travail ultérieurement, double-cliquez sur son nom dans la palette Couches.
:max_bytes(150000):strip_icc()/006_new-artboards-feature-of-adobe-photoshop-1701379-8f797ecaeba445b5b5b35dfce77eda1d.jpg)
Comment utiliser l'outil Photoshop Artboard
Pour ajuster la taille et l'orientation de votre plan de travail :
-
Cliquez et maintenez l'outil Se déplacer, puis sélectionnez Artboard Outil.
:max_bytes(150000):strip_icc()/005-new-artboards-feature-of-adobe-photoshop-1701379-0f830f6a5cef4b5688c1f38b040754d4.jpg)
-
Sélectionnez un préréglage Dimensions dans la barre d'options de l'outil ou définissez une taille et une orientation personnalisées.
:max_bytes(150000):strip_icc()/009_new-artboards-feature-of-adobe-photoshop-1701379-2ccbcc43c4984bef88b70f58e86e5bb7.jpg)
-
Sélectionnez les signes plus (+) de chaque côté de la page pour ajouter de nouveaux plans de travail au-dessus, en dessous ou à côté de la sélection actuelle.
:max_bytes(150000):strip_icc()/006-new-artboards-feature-of-adobe-photoshop-1701379-4545b57215624896a9ea6a106a8a0eb1.jpg)
Vous pouvez avoir autant de plans de travail que vous le souhaitez dans un seul fichier Photoshop.
:max_bytes(150000):strip_icc()/011_new-artboards-feature-of-adobe-photoshop-1701379-6377a01f188e4417b8d767a6df30c187.jpg)
Comment prévisualiser les plans de travail Photoshop sur les appareils mobiles
Étant donné que la fonction d'aperçu de l'appareil a été supprimée de Photoshop et que l'application Adobe Preview pour iOS n'est plus disponible, les utilisateurs doivent s'appuyer sur des applications d'aperçu tierces pour vérifier leur travail sur les appareils mobiles.
Adobe suggère l'application Skala Preview, qui fonctionne avec macOS pour prévisualiser le travail sur les appareils iOS et Android. PS Mirror est disponible en tant que plug-in pour les ordinateurs Windows et en tant qu'application pour les appareils Android et iOS à des fins de prévisualisation.