Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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é.Utilisation des plans de travail dans Photoshop CC

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é.Utilisation des plans de travail dans Photoshop CC

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.Utilisation des plans de travail dans Photoshop CC

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.

Exporter des plans de travail en tant qu'éléments d'image

Vous pouvez exporter des plans de travail sous forme d'éléments d'image JPEG, GIF ou PNG directement à partir du panneau Calques .

Exporter des plans de travail au format PDF

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

Dans Photoshop, sélectionnez Fichier > Exporter > Plans de travail au format PDF.

Dans la boîte de dialogue Plans de travail vers PDF , procédez comme suit :

  • Choisissez la destination/l'emplacement où vous souhaitez 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.
  • Spécifiez si vous souhaitez exporter uniquement le contenu des plans de travail ou également le contenu des zones chevauchant les plans de travail.
  • Spécifiez si vous souhaitez exporter tous les plans de travail ou uniquement ceux actuellement sélectionnés.
  • Spécifiez si vous souhaitez également exporter les arrière-plans du plan de travail avec les plans de travail.
  • Spécifiez si vous souhaitez générer un seul PDF pour tous les plans de travail du document actuel ou générer un document PDF par plan de travail. Si vous choisissez de générer plusieurs documents PDF, tous ces documents portent le préfixe de nom de fichier que vous avez spécifié précédemment.
  • Spécifiez un encodage pour les documents PDF exportés : ZIP ou JPEG. Si vous avez choisi JPEG, spécifiez également un paramètre Qualité (0-12).
  • Spécifiez si vous souhaitez inclure le profil International Color Consortium (ICC) dans les documents PDF exportés. Un profil ICC comprend des données qui caractérisent un périphérique d'entrée ou de sortie couleur.
  • Spécifiez si vous souhaitez également exporter les noms des plans de travail avec les plans de travail exportés. Vous pouvez spécifier une police personnalisée, une taille de police, une couleur de police et une couleur d'extension de canevas tout en sélectionnant ce paramètre.

Cliquez sur Exécuter. Photoshop génère le document PDF.

Exporter des plans de travail sous forme de fichiers

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

Dans Photoshop, sélectionnez Fichier > Exporter > Plans de travail vers fichiers.

Dans la boîte de dialogue Plans de travail vers fichiers , procédez comme suit :

  • Choisissez la destination où vous souhaitez enregistrer les fichiers générés.
  • Spécifiez un préfixe de nom de fichier.
  • Spécifiez si vous souhaitez exporter uniquement le contenu du plan de travail ou si vous souhaitez également inclure des zones qui se chevauchent.
  • Spécifiez si vous souhaitez exporter tous les plans de travail ou uniquement ceux actuellement sélectionnés.
  • Spécifiez si vous souhaitez également exporter les arrière-plans du plan de travail avec les plans de travail.
  • Choisissez le type de fichier vers lequel 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é.
    • Spécifiez si vous souhaitez également exporter les noms des plans de travail avec les plans de travail exportés. Vous pouvez spécifier une police personnalisée, une taille de police, une couleur de police et une couleur d'extension de canevas tout en sélectionnant ce paramètre.

Cliquez sur Exécuter. Photoshop exporte les plans de travail sous forme de fichiers au format sélectionné.


Capture décran dune section dun fichier PDF

Capture décran dune section dun fichier PDF

Vous pouvez utiliser l'outil Instantané d'Adobe Acrobat CS5 pour sélectionner à la fois du texte et des images et créer une image d'une certaine zone dans un fichier PDF. Le résultat est communément appelé une capture d'écran d'une section dans un fichier PDF. Le résultat est une image, et votre texte n'est pas […]

Mesurer, compter et analyser les pixels dans Photoshop CC

Mesurer, compter et analyser les pixels dans Photoshop CC

Conçues pour les chercheurs et les scientifiques, les capacités de mesure de Photoshop CC sont assez puissantes. Vous pouvez mesurer à peu près n'importe quoi et compter le nombre de n'importe quoi dans une image technique, peut-être à partir d'un microscope ou d'un télescope. Si vous connaissez la taille exacte de n'importe quel élément d'une image, vous pouvez alors découvrir à peu près n'importe quoi […]

Les outils de fluidification dans Adobe CS5 Illustrator

Les outils de fluidification dans Adobe CS5 Illustrator

Lorsque vous utilisez les outils Fluidité d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, vous pouvez plier des objets (les rendre ondulés, gluants ou hérissés) en créant des distorsions simples à complexes. Les outils Liquify peuvent accomplir toutes sortes de distorsions créatives ou farfelues (selon la façon dont vous les regardez) sur vos objets. Tu […]

Comment ajuster les propriétés du texte dans Adobe XD

Comment ajuster les propriétés du texte dans Adobe XD

Lorsque vous avez du texte dans votre projet Adobe XD, vous pouvez commencer à modifier les propriétés du texte. Ces propriétés incluent la famille de polices, la taille de la police, l'épaisseur de la police, l'alignement, l'espacement des caractères (crénage et suivi), l'espacement des lignes (interlignage), le remplissage, la bordure (trait), l'ombre (ombre portée) et le flou d'arrière-plan. Voyons donc comment ces propriétés sont appliquées. À propos de la lisibilité et de la police […]

Comment créer des codes QR dans InDesign CC

Comment créer des codes QR dans InDesign CC

Vous pouvez utiliser InDesign pour créer et modifier des graphiques de code QR. Les codes QR sont une forme de code-barres qui peut stocker des informations telles que des mots, des nombres, des URL ou d'autres formes de données. L'utilisateur scanne le code QR à l'aide de son appareil photo et d'un logiciel sur un appareil, tel qu'un smartphone, et le logiciel utilise […]

Utilisation des plans de travail dans Photoshop CC

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. Son […]

Envelopper le texte dans Adobe Illustrator CC

Envelopper le texte dans Adobe Illustrator CC

Emballer du texte dans Adobe Illustrator CC n'est pas tout à fait la même chose qu'emballer un cadeau, c'est plus facile ! Un habillage de texte force le texte à s'enrouler autour d'un graphique, comme illustré dans cette figure. Cette fonctionnalité peut ajouter un peu de créativité à n'importe quelle pièce. Le graphique force le texte à s'enrouler autour de lui. Tout d'abord, créez […]

Comment redimensionner des formes dans Illustrator

Comment redimensionner des formes dans Illustrator

Lors de la conception dans Adobe Illustrator CC, vous avez souvent besoin d'une forme d'une taille exacte (par exemple, 2 x 3 pouces). Après avoir créé une forme, la meilleure façon de la redimensionner à des mesures exactes est d'utiliser le panneau Transformer, illustré dans cette figure. Faites sélectionner l'objet, puis choisissez Fenêtre → Transformer en […]

Comment appliquer la transparence aux SVG

Comment appliquer la transparence aux SVG

Apprenez à appliquer la transparence aux graphiques SVG dans Illustrator. Découvrez comment sortir des SVG avec des arrière-plans transparents et appliquer des effets de transparence.

Utilisation dimages dans Adobe XD

Utilisation dimages dans Adobe XD

Après avoir importé vos images dans Adobe XD, vous n'avez pas beaucoup de contrôle sur l'édition, mais vous pouvez redimensionner et faire pivoter les images comme vous le feriez pour n'importe quelle autre forme. Vous pouvez également facilement arrondir les coins d'une image importée à l'aide des widgets de coin. Masquage de vos images En définissant une forme fermée […]