Utilisation des plans de travail dans Photoshop CC

Tout comme dans Adobe Illustrator, les plans de travail Photoshop offrent la possibilité de créer des pages ou des écrans séparés dans un même document. Cela peut être particulièrement utile si vous créez des écrans pour une application mobile ou une petite brochure.

Vous pouvez considérer un plan de travail comme un type spécial de groupe de calques créé à l'aide du panneau Calques. Ses fonctionnalités ne sont peut-être pas aussi intuitives dans Photoshop que dans Adobe Illustrator, mais avec un peu de pratique, vous devriez vous y habituer. Suivez ces étapes pour découvrir comment créer vous-même des plans de travail :

Dans cet exemple, un nouveau document est créé à l'aide du document de démarrage de l'iPhone 6. Si vous commencez un nouveau document avec l'ancienne fenêtre Nouveau document, créez un nouveau fichier avec ces dimensions : 750 de large x 1334 de haut.

Créez un document de la taille de l'iPhone 6.

Si vous avez créé votre nouveau document avec le fichier de démarrage de l'iPhone 6, vous voyez déjà un plan de travail répertorié dans le panneau Calques.

Le panneau Calques avec un plan de travail déjà créé.

Si vous ne voyez pas de plan de travail, créez-en un maintenant en choisissant Nouveau plan de travail dans le menu du panneau Calques.

Vous pouvez ajouter votre propre plan de travail à l'aide du menu du panneau Calques.

Lors de la création de 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.

Choisissez Fichier → Placer intégré et accédez au dossier Book03-Photoshop. Double-cliquez pour sélectionner l'image nommée water_sky ou sélectionnez l'image et appuyez sur Placer.

Lorsque l'image apparaît sur le plan de travail, saisissez l'une des poignées d'angle, maintenez la touche Maj enfoncée et cliquez et faites glisser vers l'extérieur afin de redimensionner l'image et de remplir tout le plan de travail. Lorsque l'image est dimensionnée et positionnée, cochez la case Valider dans la barre d'options ou appuyez sur la touche Entrée pour confirmer le placement de l'image.

Placez une image et étirez-la pour qu'elle s'adapte à l'ensemble du plan de travail.

Ensuite, vous ajoutez un calque de texte.

Sélectionnez l'outil Texte et cliquez et faites glisser sur le plan de travail afin de créer une zone de texte et d'ajouter un nouveau calque de texte.

Tapez le texte EAU & CIEL. À l'aide des commandes de la barre d'options, définissez le type sur les propriétés suivantes :

• Police : Myriad Pro Bold
• Taille : 110 points
• Couleur: Blanc

Sélectionnez le bouton Valider dans la barre d'options après avoir défini votre type.

Ajoutez un calque de texte à votre plan de travail.

Vous pouvez appuyer sur Ctrl+Return (Windows) ou ⌘ +Return (Mac) pour valider également un calque de texte.

Ainsi, comme vous le voyez, vous travaillez avec des plans de travail comme vous le feriez avec n'importe quel autre document Photoshop. La différence vient à l'étape suivante, où vous découvrirez comment ajouter des plans de travail supplémentaires à votre fichier.

Ajout de plans de travail supplémentaires

Vous pouvez également créer des plans de travail supplémentaires. Vous souhaitez peut-être créer une application mobile multi-écrans dans Photoshop ou simplement créer plusieurs versions d'un même écran. Pour ces instructions, vous continuez avec le projet commencé ci-dessus.

Cliquez sur l'outil Déplacer et sélectionnez l'outil Plan de travail masqué.

Utilisez l'outil Plan de travail pour manipuler les plans de travail et en créer plus.

Les icônes de signe plus apparaissent sur tous les côtés du plan de travail. Vous pouvez cliquer sur ces icônes de signe plus pour ajouter des plans de travail supplémentaires.

Cliquez sur l'icône du signe plus à droite de votre plan de travail existant pour voir qu'un nouveau plan de travail vierge est ajouté.

Ajoutez un plan de travail vierge en cliquant sur l'icône du signe plus.

Jetez un œil dans le panneau Calques. Assurez-vous que, tout comme les calques, le plan de travail le plus récent apparaît au-dessus du calque sélectionné.

Vous pouvez également utiliser l'outil Plan de travail pour créer votre propre plan de travail de taille personnalisée. Pour ce faire, cliquez et faites glisser avec l'outil de plan de travail sur le canevas de Photoshop. Dans la barre d'options de l'outil, sélectionnez une taille prédéfinie dans le menu local Taille, ou laissez-la simplement dans votre taille personnalisée.

Nommer vos plans de travail

Avant que ce fichier ne devienne plus complexe, il serait sage de nommer les plans de travail. Cela se fait dans le panneau Calques.

Sélectionnez le plan de travail initial (Artboard 1) et double-cliquez sur le nom du plan de travail. Lorsque la zone de texte est active, saisissez le nom Accueil.

Double-cliquez sur le nom Artboard 2 dans le panneau Calques et nommez ce calque Plage.

Ajouter du contenu au deuxième plan de travail

Maintenant, ajoutez une image et du texte au deuxième plan de travail :

Cliquez sur l'outil Plan de travail et revenez à l'outil Déplacer.

Assurez-vous que le plan de travail Beach est sélectionné dans le panneau Calques et choisissez Fichier → Placer intégré. Accédez au dossier Book03_Photoshop et sélectionnez l'image nommée Beach et appuyez sur Place. L'image est ajoutée au deuxième plan de travail.

Comme pour la dernière image que vous avez placée, maintenez la touche Maj enfoncée et faites glisser la touche Maj sur un point d'angle afin d'agrandir proportionnellement l'image et de remplir l'écran.

Avec l'outil Déplacer actif, cliquez et faites glisser l'image. Notez que même s'il se trouve dans le même document, il ne chevauche ni n'interfère avec les illustrations sur d'autres plans de travail.

Clonage d'un plan de travail à un autre

Maintenant, clonez le texte du plan de travail Accueil vers le plan de travail Plage :

Avec l'outil Déplacer toujours sélectionné, Ctrl-clic (Windows) ou ⌘-clic (Mac) sur le texte EAU & CIEL dans le plan de travail d'accueil. Cela active cette couche.

Maintenez votre touche Alt (Windows) ou Option (Mac) enfoncée et cliquez et faites glisser le texte d'un plan de travail à l'autre.

Si vous maintenez la touche Maj enfoncée tout en faisant glisser l'image, elle restera alignée.

Passez au plan de travail et double-cliquez sur le texte nouvellement cloné pour activer la zone de texte et tapez FUN BEACHES.

Un fichier Photoshop avec deux plans de travail.

Déplacer des éléments d'un plan de travail à un autre

Pour déplacer un élément d'un plan de travail à un autre, faites simplement glisser les éléments d'un plan de travail à un autre. Lorsque vous déplacez un élément entre les plans de travail, Photoshop essaie de le positionner au même endroit par rapport aux origines de la règle situées dans les coins supérieurs gauches des plans de travail.

Exporter vos plans de travail

Vous pouvez enregistrer votre fichier en tant que fichier Photoshop pour conserver les calques, mais dans cet exemple, vous exporterez le fichier en tant que PDF de deux pages. Ou utilisez la fonction Fichier → Exporter pour exporter vos plans de travail au format PNG, JPEG, PDF, etc.