Dans le didacticiel précédent, nous avons appris les bases de l'utilisation des formes et des calques de forme dans Photoshop. Dans ce didacticiel, nous avons appris à ajouter des rectangles et des ellipses simples, ainsi que des étoiles, des étoiles et des flèches de direction, à un document à l'aide des cinq outils de forme géométrique de Photoshop - l'outil Rectangle, l'outil Rectangle arrondi, l'outil Ellipse, l'outil Polygone et l'outil Ligne.
Avoir des outils qui nous permettent de dessiner facilement des cercles et des carrés est génial, mais qu'en est-il des formes plus intéressantes? Et si vous vouliez ajouter, par exemple, une forme de cœur à une photo de mariage ou de fiançailles, ou la forme d'un chien ou d'un chat à un logo d'animalerie? Que diriez-vous des formes de fleurs et de feuilles, des flocons de neige, des notes de musique ou un symbole de copyright à ajouter à vos images? Photoshop est livré avec toutes ces formes et plus encore, et nous permet de les ajouter à nos conceptions tout aussi facilement que d'ajouter des cercles et des carrés. Adobe appelle ces formes plus complexes des formes personnalisées, et nous les dessinons à l'aide de l'outil que nous examinerons dans ce didacticiel - l' outil de forme personnalisée .
Ce didacticiel concerne Photoshop CS5 et les versions antérieures . Les utilisateurs de Photoshop CS6 (et CC) voudront consulter notre didacticiel entièrement mis à jour sur l'utilisation de l'outil de forme personnalisée dans Photoshop.
L'outil de forme personnalisée
Vous trouverez l'outil de forme personnalisée imbriqué avec les autres outils de forme de Photoshop au même endroit dans le panneau Outils. Par défaut, l'outil Rectangle est l'outil qui s'affiche, mais si vous cliquez dessus et maintenez le bouton de la souris enfoncé, un menu déroulant apparaîtra répertoriant les autres outils disponibles à cet endroit. L'outil de forme personnalisée est en bas de la liste:
Cliquez et maintenez sur l'outil Rectangle, puis sélectionnez l'outil Forme personnalisée dans le menu déroulant.
Si vous avez déjà sélectionné l'un des autres outils de forme, vous pouvez rapidement saisir l'outil de forme personnalisée dans la barre des options. Vous verrez une série de six icônes, chacune représentant un outil de forme différent. L'outil de forme personnalisée est la dernière icône à droite (c'est l'icône qui ressemble à un blob):
Si un autre outil de forme est déjà actif, l'outil de forme personnalisé peut être sélectionné dans la barre des options.
Choisir une forme personnalisée
Une fois que nous avons sélectionné l'outil de forme personnalisée, nous devons choisir la forme que nous voulons dessiner. Une miniature d'aperçu de forme apparaîtra dans la barre des options à droite de l'icône Outil de forme personnalisée. La miniature affiche la forme personnalisée actuellement sélectionnée:
La miniature d'aperçu affiche la forme personnalisée actuellement sélectionnée.
Pour choisir une forme différente, cliquez sur la vignette d'aperçu. Cela ouvrira le sélecteur de forme qui affiche toutes les formes que nous devons actuellement choisir. Photoshop est en fait livré avec beaucoup plus de formes que le nombre limité qui nous est présenté au début. Nous verrons comment charger les autres formes dans un instant:
Cliquez sur la vignette d'aperçu pour ouvrir le sélecteur de forme.
Pour choisir une forme, cliquez simplement sur sa vignette, puis appuyez sur Entrée (Win) / Retour (Mac) pour fermer le sélecteur de forme. Ou, double-cliquez sur la vignette, qui sélectionnera la forme et fermera le sélecteur de forme pour vous. Je choisirai la forme de coeur:
Sélection de la forme de coeur dans le sélecteur de forme.
Choisir une couleur pour la forme
Une fois que vous avez choisi votre forme, sélectionnez une couleur pour celle-ci en cliquant sur l' échantillon de couleur à droite du mot Couleur dans la barre des options:
Cliquez sur l'échantillon de couleur pour choisir une couleur pour la forme personnalisée.
Photoshop ouvrira le sélecteur de couleurs pour que nous puissions choisir la couleur que nous voulons. Puisque j'ai sélectionné une forme de coeur, je vais choisir le rouge pour ma couleur. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:
Choisissez une couleur pour la forme dans le sélecteur de couleurs.
Sélectionnez l'option "Shape Layers"
Comme je l'ai mentionné dans le didacticiel précédent, Photoshop nous permet de dessiner trois types de formes très différents avec les outils de forme. Nous pouvons dessiner des formes vectorielles, qui sont indépendantes de la résolution et entièrement évolutives sans aucune perte de qualité d'image (le même type de formes que nous dessinerions dans un programme comme Illustrator). Nous pouvons également dessiner des chemins, qui ne sont que des contours de formes, ou nous pouvons dessiner des formes basées sur des pixels où Photoshop remplit la forme avec des pixels colorés. Dans la plupart des cas, nous voulons dessiner des formes vectorielles, et pour ce faire, nous devons avoir l'option Shape Layers sélectionnée dans la barre des options. Il s'agit de l'icône de gauche dans un groupe de trois icônes près de l'extrême gauche de la barre des options:
Sélectionnez l'option Calques de forme dans la barre des options pour dessiner des formes vectorielles.
Pour dessiner la forme, cliquez à l'intérieur du document pour définir un point de départ, puis maintenez le bouton de la souris enfoncé et éloignez-vous du point de départ. Lorsque vous faites glisser, Photoshop affiche un aperçu de ce à quoi ressemblera la forme:
Cliquez pour définir un point de départ, puis faites glisser le reste de la forme.
Relâchez le bouton de votre souris pour terminer la forme, à quel point Photoshop la remplit avec la couleur que vous avez choisie dans la barre des options:
Photoshop remplit la forme de couleur lorsque vous relâchez le bouton de votre souris.
Dessiner une forme avec les proportions correctes
Remarquez cependant que ma forme de cœur semble un peu déformée. Il est plus large et plus court que ce à quoi je m'attendais. En effet, par défaut, Photoshop ne tente pas de conserver les proportions ou les proportions correctes de la forme pendant que nous la dessinons. Je vais appuyer sur Ctrl + Z (Win) / Commande + Z (Mac) sur mon clavier pour annuler la forme afin que je puisse réessayer.
Pour dessiner une forme personnalisée avec les proportions correctes, cliquez dans le document, maintenez le bouton de la souris enfoncé et commencez à faire glisser la forme comme vous le feriez normalement. Une fois que vous commencez à faire glisser, appuyez et maintenez la touche Maj de votre clavier et continuez à faire glisser. Dès que vous appuyez (et maintenez) la touche Maj enfoncée, vous verrez le contour de la forme s'accrocher à son rapport d'aspect approprié:
Maintenez la touche Maj enfoncée tout en faisant glisser la forme pour la dessiner avec les proportions correctes.
Lorsque vous êtes satisfait de la taille de la forme, relâchez le bouton de la souris, puis relâchez la touche Maj (assurez-vous de relâcher la touche Maj après avoir relâché le bouton de la souris). Photoshop le remplit à nouveau de couleur:
Relâchez la touche Maj uniquement après avoir relâché le bouton de votre souris.
Je vais à nouveau appuyer sur Ctrl + Z (Win) / Commande + Z (Mac) sur mon clavier pour annuler la forme, puis je choisirai une forme différente en cliquant sur la vignette d'aperçu dans la barre des options pour ouvrir le sélecteur de forme. Cette fois, je vais sélectionner les notes de musique:
Cliquez sur la vignette des notes de musique pour sélectionner la forme.
Pour dessiner les notes de musique, je vais cliquer à l'intérieur du document pour définir un point de départ et, avec le bouton de la souris enfoncé, je commencerai à m'éloigner du point de départ. Dès que j'ai commencé à faire glisser, je maintiens ma touche Maj enfoncée pour forcer la forme dans ses proportions correctes pendant que je continue à faire glisser:
Maintenez Shift pendant que je fais glisser pour garder les proportions des notes correctes.
Je relâche le bouton de ma souris pour terminer la forme et Photoshop la remplit avec la même couleur que j'ai choisie pour la forme précédente:
La nouvelle forme est remplie de la même couleur que la précédente.
Ensuite, nous apprendrons comment changer la couleur d'une forme existante et comment charger toutes les formes personnalisées supplémentaires qu'Adobe a incluses avec Photoshop!
Plugin Shortcodes, Actions et Filtres: Erreur dans le shortcode (ads-basics-middle)
Modification de la couleur d'une forme existante
Et si je voulais que ma nouvelle forme soit d'une couleur différente de la précédente? J'aurais pu simplement choisir une couleur différente dans la barre des options avant de dessiner la nouvelle forme, mais il est tout aussi facile de changer la couleur d'une forme après l'avoir dessinée. Chaque nouvelle forme personnalisée que nous dessinons est placée sur son propre calque de forme dans le panneau Calques, et chaque calque de forme est accompagné de sa propre icône de nuance de couleur qui affiche la couleur actuelle de la forme. Pour changer la couleur, double-cliquez sur l'échantillon de couleur:
Double-cliquez sur l'échantillon de couleur du calque Forme pour changer sa couleur.
Photoshop rouvrira le sélecteur de couleurs afin que nous puissions choisir une nouvelle couleur. Je vais choisir le violet:
Choisissez une nouvelle couleur pour la forme dans le sélecteur de couleurs.
Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs, et juste comme ça, Photoshop change la couleur de la forme pour nous:
Nous pouvons changer la couleur de n'importe quelle forme vectorielle à tout moment.
Chargement de jeux de formes supplémentaires
Comme je l'ai mentionné, Photoshop propose plus de formes personnalisées que la poignée qui nous est donnée pour commencer. Nous avons juste besoin de les charger en nous-mêmes, et nous le faisons en cliquant sur la vignette d'aperçu de la forme dans la barre d'options pour ouvrir le sélecteur de forme, puis en cliquant sur la petite flèche dans le coin supérieur droit du sélecteur de forme:
Cliquez sur la petite flèche dans le coin supérieur droit du sélecteur de forme.
Cela ouvre un menu avec diverses options, et dans la partie inférieure du menu se trouve une liste de jeux de formes supplémentaires qui ont été installés avec Photoshop. Chacun de ces ensembles est une collection de formes qui partagent un thème commun, comme les animaux, la musique, la nature, etc. Quelques-uns des ensembles répertoriés ici sont nouveaux dans Photoshop CS5 (qui est la version que j'utilise), mais la plupart sont disponibles dans n'importe quelle version récente de Photoshop:
Tous ces jeux de formes supplémentaires sont inclus avec Photoshop mais doivent être chargés manuellement.
Si vous savez quel ensemble contient la ou les formes dont vous avez besoin, vous pouvez le sélectionner en cliquant sur son nom dans la liste. Une chose plus simple à faire, cependant, est de simplement les charger tous en même temps, ce que nous pouvons faire en choisissant Tout en haut de la liste:
Choisissez "Tous" pour charger toutes les formes personnalisées supplémentaires dans Photoshop.
Photoshop vous demandera si vous souhaitez remplacer les formes actuelles par les nouvelles formes ou si vous souhaitez en ajouter de nouvelles avec les originaux. Choisissez Ajouter, qui conservera les formes originales et ajoutera les nouvelles après elles:
Choisissez "Ajouter" pour charger les nouvelles formes dans Photoshop tout en conservant les originaux.
Et maintenant, si nous ouvrons le sélecteur de forme en cliquant sur la miniature d'aperçu de la forme dans la barre des options, nous voyons toutes les nouvelles formes parmi lesquelles nous devons choisir! J'ai un peu élargi le sélecteur de forme ici afin que nous puissions voir plus de vignettes de forme. Utilisez la barre de défilement sur le côté droit du sélecteur de forme pour parcourir la liste complète:
Le sélecteur de forme est désormais chargé avec toutes les formes personnalisées qu'Adobe a incluses avec Photoshop.
Voici un échantillon aléatoire de quelques-unes des nombreuses formes dont nous disposons maintenant:
Le sélecteur de forme est désormais chargé avec toutes les formes personnalisées qu'Adobe a incluses avec Photoshop.
Aussi utiles que soient ces formes personnalisées prêtes à l'emploi, il est tout à fait possible que même après les avoir toutes chargées, nous ne trouvions toujours pas la forme dont nous avons besoin pour la conception particulière sur laquelle nous travaillons, et c'est là que le vrai la puissance des formes personnalisées de Photoshop entre en jeu, car Photoshop nous permet de créer n'importe quelle forme que nous voulons à partir de zéro! N'oubliez pas de consulter notre tutoriel Créer vos propres formes personnalisées pour tout ce que vous devez savoir sur la création, l'enregistrement et l'utilisation de vos propres collections de formes personnalisées!