remonter vers le haut
Plan de travail sur photoshop : une manière simple pour réaliser vos maquettes graphiques pour le web et print par Promatec Digital | Temps de lecture : 9 minutes
Partager sur Facebook Partager sur Twitter Partager sur Linkedin
Contactez l'Agence Web Promatec Digital

Blog de L'Agence Web Promatec Digital WordPress, WooCommerce, SEO, Optimisation ...

Vous êtes concepteur web ou UX ? Vous devez de plus en plus concevoir des sites web ou des applications pour plusieurs appareils ? Voir des maquettes pour le print afin de réaliser des brochures par exemple ?

Les plans de travail vous aident à faciliter la conception grâce à une zone de travail infinie dans laquelle vous pouvez réaliser vos conceptions pour différents appareils et écrans. Quand vous créez des plans de travail, il vous est possible de choisir parmi un panel de tailles prédéfinies ou de définir votre propre taille de plan de travail.

Les plans de travail sont utiles même si vous concevez pour une seule taille d’écran. Par exemple, lors de la conception d’un site web, les plans de travail vous serviront à afficher des conceptions correspondant à différentes 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 figurant dans ses limites. On trouve la hiérarchie des éléments du plan de travail dans le panneau Calques, ainsi que 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

Si vous souhaitez personnaliser l’aspect de vos plans de travail, sélectionnez Préférences > Interface > Aspect > Plans de travail. Vous pouvez alors sélectionner la couleur de cache du plan de travail et afficher ou de masquer les bordures. 

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. Ajoutez vos éléments de conception au plan de travail. Vous pouvez aussi agrémenter votre plan de travail d’objets dynamiques, calques, groupes de calques, etc.

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. Par ailleurs, il vous est possible de 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 aussi agrémenter votre plan de travail d’objets dynamiques, calques, groupes de calques, etc.

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. L’ajout de ce nouveau plan de travail se fait 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 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 contenant plusieurs plans de travail, vous pouvez choisir le plan de travail dans lequel vous souhaitez mettre 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 restreinte au plan de travail choisi. Si vous souhaitez 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, cependant il vous est toujours possible d’ajouter, de déplacer ou de 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 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

Les plans de travail peuvent être exportés en tant que fichiers d’image JPEG, GIF ou PNG directement à partir du panneau Calques.

Exportation de plans de travail au format PDF

Vous pouvez exporter des plans de travail sous forme de documents PDF. Pour cela, il vous suffit de suivre 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.
    • Spécifiez un préfixe de nom de fichier pour les documents PDF générés.
    • 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 déterminé auparavant.
    • Déterminez un mode de codage pour les documents exportés au format PDF : ZIP ou JPEG. Pour le format JPEG, vous aurez également à spécifier 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

Exporter plusieurs plans de travail sous forme de fichiers distincts est tout à fait possible. 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.
    • Déterminez 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. L’exportation peut se réaliser aux formats BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 ou PNG-24.
    • Déterminez 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é.

Laisser un commentaire

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