Plans de travail dans Photoshop
Plans de travail pour différents appareils sur une même zone de travail

Si vous êtes concepteur web ou UX, vous devez de plus en plus concevoir des sites web ou des applications pour plusieurs appareils. Les plans de travail vous aident à simplifier votre processus de conception grâce à une zone de travail infinie dans laquelle vous pouvez créer des conceptions pour différents appareils et écrans. Lorsque vous créez des plans de travail, vous pouvez choisir parmi une grande variété de tailles prédéfinies ou définir votre propre taille de plan de travail personnalisée.

Les plans de travail sont utiles même si vous concevez normalement pour une seule taille d’écran. Par exemple, lors de la conception d’un site web, vous pouvez utiliser des plans de travail pour afficher les conceptions de plusieurs pages côte à côte et en contexte. 

Remarque :

les plans de travail sont optimisés pour le mode de couleurs RVB et le mode de dessin GPU avancé.

Qu’est-ce donc qu’un plan de travail ?

Considérez un plan de travail comme un type spécial de groupe de calques. Un plan de travail écrête le contenu de tous les éléments se trouvant dans ses limites. La hiérarchie des éléments dans un plan de travail est affichée dans le panneau Calques, ainsi qu’avec des calques et groupes de calques. Les plans de travail peuvent contenir des calques et des groupes de calques, mais pas d’autres plans de travail.

Visuellement, les plans de travail servent de zones de travail individuelles dans un document. Tous les calques du document non contenus dans un plan de travail sont regroupés en haut du panneau Calques et restent non écrêtés par les plans de travail.

Préférences pour les plans de travail

Pour personnaliser l’aspect de vos plans de travail, sélectionnez Préférences > Interface > Aspect > Plans de travail. Vous avez la possibilité de sélectionner la couleur de cache du plan de travail et d’afficher ou de masquer les bordures du plan de travail. 

Préférences pour les plans de travail dans Photoshop

Création d’un document de plan de travail

  1. Dans Photoshop, sélectionnez Fichier > Nouveau.
  2. Saisissez un nom pour le document dans la boîte de dialogue Nouveau. Par exemple, Site web iPhone.
  3. Dans le menu contextuel Type de document, sélectionnez Plan de travail.
  4. Sélectionnez l’un des plus de 35 paramètres prédéfinis de taille de plan de travail.
Tailles de plans de travail dans Photoshop
Vaste choix de tailles de plan de travail prédéfinies

  1. Commencez par ajouter vos éléments de conception au plan de travail. Vous pouvez ajouter des objets dynamiques, des calques, des groupes de calques, etc. au plan de travail.

Conversion d’un document existant au document de plan de travail

Si vous disposez d’un document Photoshop standard, vous pouvez rapidement le convertir en document de plan de travail.

  1. Sélectionnez un ou plusieurs calques ou groupes de calques dans le document.
  2. Cliquez avec le bouton droit de la souris sur la sélection, puis sélectionnez Plan de travail à partir des calques ou Plan de travail à partir du groupe.

Ajout de plans de travail au document actif

  1. Dans le panneau Outils, cliquez sur l’icône  pour sélectionner l’outil Plan de travail.
  1. Dessinez le plan de travail sur la zone de travail.
  2. Redimensionnez le plan de travail si nécessaire. Dans la barre d’options de l’outil, sélectionnez une taille prédéfinie dans le menu contextuel Taille. Vous pouvez également conserver la taille personnalisée du plan de travail.
Redimensionnement du plan de travail dans Photoshop
Redimensionnement du plan de travail

  1. Renommez le plan de travail à votre convenance. Procédez comme suit :
    1. Sélectionnez le plan de travail, puis Calque > Renommer le plan de travail
    2. Saisissez un nouveau nom pour le plan de travail et appuyez sur Entrée.
  2. Commencez par ajouter vos éléments de conception au plan de travail. Vous pouvez ajouter des objets dynamiques, des calques, des groupes de calques, etc. au plan de travail.

Ajouter rapidement les nouveaux plans de travail à un document

Vous pouvez ajouter des plans de travail à votre document en cliquant sur les icônes + situées en regard des plans de travail actuellement présents dans le document. Ces icônes + sont visibles partout où la zone de travail peut contenir des plans de travail supplémentaires. Pour dupliquer un plan de travail et son contenu, appuyez sur Option/Alt et cliquez sur une icône plus (+). 

  1. Sélectionnez un plan de travail. 
  2. Cliquez sur une icône + en regard du plan de travail. Photoshop ajoute un plan de travail au document dans le sens de l’icône +.
Ajouter des plans de travail avec les icônes « plus » dans Photoshop
Ajouter des plans de travail avec les icônes « plus »

Remarque :

appuyez sur Option/Alt et cliquez sur une icône plus (+) pour dupliquer le plan de travail sélectionné ainsi que son contenu. Le nouveau plan de travail est ajouté dans le sens de l’icône + sur laquelle vous avez cliqué.

Utilisation des plans de travail

Définition de l’arrière-plan du plan de travail

Dans le panneau Propriétés (Fenêtre > Propriétés) du plan de travail, saisissez la valeur souhaitée pour le champ Couleur d’arrière-plan du plan de travail. Vous pouvez également définir l’arrière-plan du plan de travail sur Transparent.

Définition de l’arrière-plan du plan de travail

Déplacement d’éléments entre des plans de travail

Faites simplement glisser les éléments d’un plan de travail à un autre sur la zone de travail. Lorsque vous déplacez un élément entre des plans de travail, Photoshop tente de le placer au même emplacement par rapport à l’origine des règles situées dans les coins supérieurs gauches des plans de travail.

Lorsque vous ajoutez/déplacez un élément dans un plan de travail, le nouvel élément se déplace vers le haut de l’ordre Z dans le panneau Calques de ce plan de travail.

Vous pouvez également regrouper des calques/éléments non inclus dans un plan de travail avec des plans de travail existants. Il vous suffit de faire glisser l’élément sur la zone de travail du plan de travail cible. Vous pouvez également le déplacer dans le plan de travail cible dans le panneau Calques.

Duplication de calques ou de groupes de calques

Lorsque vous dupliquez un calque ou un groupe de calques dans un document comportant plusieurs plans de travail, vous pouvez choisir le plan de travail dans lequel vous souhaitez placer le calque copié.

Duplication de calques : choix du plan de travail dans lequel vous souhaitez placer le calque copié

Déplacer

Sélectionnez l’outil Plan de travail ou Déplacement, puis cliquez sur le libellé d’un plan de travail pour le sélectionner. Faites-le ensuite glisser vers l’emplacement souhaité sur la zone de travail.

Redimensionner

Sélectionnez l’outil Plan de travail ou Déplacement, puis cliquez sur le libellé d’un plan de travail pour le sélectionner. Sélectionnez alors une nouvelle taille prédéfinie pour le plan de travail dans la barre d’options de l’outil.

Si vous souhaitez appliquer une taille personnalisée au plan de travail, redimensionnez simplement ses limites à l’aide des poignées.

Grilles

Sélectionnez un plan de travail puis sélectionnez Affichage > Afficher > Grille pour afficher les grilles dans un plan de travail.

Repères

Sélectionnez le plan de travail et faites glisser les repères de la règle vers la zone de travail. Ces repères sont alors repositionnés avec le plan de travail. Vous pouvez également dupliquer un plan de travail avec les repères attribués pour affecter des repères identiques au plan de travail dupliqué. Sinon, vous pouvez également sélectionner Affichage > Nouvelle disposition de repères pour cibler les plans de travail de votre choix. Pour définir les options de visibilité des repères, sélectionnez Affichage > Afficher.

Nouvelle disposition des repères dans Photoshop
Nouvelle disposition de repères (à gauche) | Options de visibilité des repères (à droite)

Examen des propriétés d’un plan de travail

Sélectionnez un plan de travail, puis choisissez Fenêtre > Propriétés pour rapidement examiner ses principales propriétés. Vous pouvez également redimensionner le plan de travail à partir du panneau Propriétés.

Les propriétés du plan de travail sont également affichées dans la barre d’options de l’outil lorsqu’un plan de travail est sélectionné. 

Panneau Propriétés du plan de travail dans Photoshop
Panneau Propriétés du plan de travail

Afficher les noms des plans de travail

Pour afficher ou masquer les noms de plan de travail, sélectionnez Affichage > Afficher > Noms des plans de travail. Les noms des plans de travail sont automatiquement tronqués à la largeur du plan de travail.

Filtrage des calques par plan de travail

Dans le panneau Calques, sous le menu déroulant Rechercher, sélectionnez Plan de travail. Sélectionnez un plan de travail ou un calque du plan de travail. La vue du panneau Calques est maintenant limitée au plan de travail sélectionné. Pour revenir à la vue plein écran du panneau Calques, désélectionnez tous les calques ou sélectionnez un élément en dehors du plan de travail.

Empêcher l’imbrication automatique à l’intérieur ou à l’extérieur des plans de travail

Affectez le verrou de l’illustration à un plan de travail pour désactiver l’imbrication automatique à l’intérieur et à l’extérieur du plan de travail, ou affectez-le à des calques spécifiques d’un plan de travail pour désactiver l’imbrication automatique de ces calques particuliers. Pour rétablir le comportement normal de l’imbrication automatique, supprimez tous les verrous d’imbrication automatique des plans de travail ou des calques.

Empêcher l’imbrication automatique à l’intérieur ou à l’extérieur des plans de travail dans Photoshop

Verrouillage de la position du plan de travail

Sélectionnez un plan de travail et affectez le verrouillage de position. Le plan de travail reste maintenant dans sa position sur la zone de travail, mais vous pouvez toujours ajouter, déplacer ou supprimer des éléments. 

Verrouiller la position dans Photoshop

Renommer

Cliquez deux fois sur le nom du plan de travail dans le panneau Calques, puis entrez un nouveau nom. Vous pouvez également utiliser la commande Calque > Renommer le plan de travail.

Transformation des plans de travail

Vous pouvez rapidement dissoudre les plans de travail en éléments constitutifs. Sélectionnez le plan de travail, puis Calque > Dissocier les plans de travail. Les plans de travail sont dissous et leurs éléments constitutifs remontent d’un niveau dans le panneau Calques. Si le dernier plan de travail restant dans le document est dissocié ou dissous, le document devient n’est plus un document de plan de travail.

Exportation de plans de travail

Exportation des plans de travail en tant que fichiers d’image

Vous pouvez exporter les plans de travail en tant que fichiers d’image JPEG, GIF, PNG, PNG-8 ou SVG directement à partir du panneau Calques.

Pour plus d’informations, voir Exportation de plans de travail et de calques.

Exportation de plans de travail au format PDF

Vous pouvez exporter des plans de travail sous forme de documents PDF. Suivez ces étapes :

  1. Dans Photoshop, sélectionnez Fichier > Exporter > Plans de travail en PDF.
  2. Dans la boîte de dialogue Plans de travail en PDF, procédez comme suit :
    • Sélectionnez la destination/l’emplacement dans lequel vous voulez enregistrer les documents PDF générés.
    • Spécifiez un préfixe de nom de fichier pour les documents PDF générés. Par exemple, Campaign_insurance.
    • Indiquez si vous souhaitez exporter uniquement le contenu des plans de travail ou si vous souhaitez inclure le contenu des zones de chevauchement.
    • Indiquez si vous voulez exporter tous les plans de travail ou seulement ceux actuellement sélectionnés.
    • Indiquez si vous souhaitez également exporter les arrière-plans des plans de travail.
    • Indiquez si vous souhaitez générer un seul PDF pour tous les plans de travail du document actif ou un PDF par plan de travail. Si vous choisissez de générer plusieurs documents PDF, tous ces documents auront le préfixe de nom de fichier que vous avez spécifié antérieurement.
    • Spécifiez un mode de codage pour les documents exportés au format PDF : ZIP ou JPEG. Si vous avez choisi le format JPEG, spécifiez également un paramètre de qualité (0-12).
    • Indiquez si vous souhaitez inclure le profil ICC (International Color Consortium) dans les documents exportés au format PDF. Un profil ICC comprend les données qui caractérisent un terminal d’entrée ou de sortie de couleur.
    • Indiquez si vous souhaitez également exporter les noms des plans de travail. Vous pouvez personnaliser la police, sa taille et sa couleur, ainsi que la couleur de l’arrière-plan de la zone de travail lorsque vous sélectionnez ce paramètre.
  3. Cliquez sur Exécuter. Photoshop génère le document PDF.

Exportation de plans de travail sous forme de fichiers

Vous pouvez exporter plusieurs plans de travail sous forme de fichiers distincts. Suivez ces étapes :

  1. Dans Photoshop, sélectionnez Fichier > Exporter > Plans de travail vers fichiers.
  2. Dans la boîte de dialogue Plans de travail vers fichiers, procédez comme suit :
    • Sélectionnez la destination vers laquelle vous voulez enregistrer les fichiers générés.
    • Spécifiez un préfixe de nom de fichier.
    • Indiquez si vous voulez exporter le contenu du plan de travail seulement ou si vous souhaitez inclure les zones de chevauchement.
    • Indiquez si vous voulez exporter tous les plans de travail ou seulement ceux actuellement sélectionnés.
    • Indiquez si vous souhaitez également exporter les arrière-plans des plans de travail.
    • Sélectionnez le type de fichier que vous souhaitez exporter. Vous avez la possibilité d’exporter au format BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 ou PNG-24.
    • Spécifiez les options d’exportation pour le type de fichier que vous avez sélectionné.
      • Indiquez si vous souhaitez également exporter les noms des plans de travail. Vous pouvez personnaliser la police, sa taille et sa couleur, ainsi que la couleur de l’arrière-plan de la zone de travail lorsque vous sélectionnez ce paramètre.
  3. Cliquez sur Exécuter. Photoshop exporte les plans de travail au format sélectionné.

Aperçu sur l’appareil et application d’accompagnement Preview CC

Prévisualisez vos créations sur des appareils cibles dans Photoshop

A l’aide de la fonction Aperçu sur l’appareil dans Photoshop et de l’application d’accompagnement Preview CC, vous pouvez rapidement prévisualiser vos créations sur les appareils iOS cibles. Preview CC se connecte à Photoshop via un port USB ou le Wi-Fi, et affiche un aperçu en direct de votre conception. Toutes les modifications apportées à votre conception sont automatiquement envoyées à l’appareil, afin que vous puissiez les prévisualiser.

Pour les documents contenant des plans de travail, l’aperçu sur l’appareil tente de vous montrer le plan de travail correct en faisant correspondre sa taille et sa position avec celles de l’appareil iOS connecté. Vous pouvez également utiliser la barre de navigation pour prévisualiser un plan de travail spécifique sur l’appareil ou parcourir les plans de travail dans l’ordre dans lequel ils sont répertoriés dans le panneau Calques de Photoshop.

Pour plus d’informations sur l’aperçu sur l’appareil et Preview CC, voir :

FAQ

Puis-je ajouter un plan de travail dans un plan de travail ?

Non. L’imbrication de plans de travail n’est actuellement pas prise en charge.

Les plans de travail sont-ils un type de calque ?

Vous pouvez considérer les plans de travail comme un type spécial de groupes de calques. Les plans de travail sont répertoriés dans le panneau Calques de Photoshop, tout comme les calques et les groupes de calques.

Puis-je créer des plans de travail en dehors d’un document Photoshop standard ?

Oui. Utilisez la fonction Plan de travail à partir des calques.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne