Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

Outil Plume

Vous souhaitez savoir comment faire des formes un peu complexes ou tout simplement des boutons rectangulaires un peu arrondis ? Apprenez à maîtriser la plume qui vous permettra tout ça !


La plume sert à tracer des formes complexes, ce que les outils de sélection classique ne permettent pas.

Nous allons faire un… coeur. Cool, hein?


  • Commencez par ouvrir un Nouveau Document avec un fond blanc.
  • Pour une plus grande précision, affichez la grille (Affichage > Afficher > Grille).
  • Sélectionnez la plume en cliquant sur l’icône Plume

    Nous allons commencer simplement en plaçant les points principaux du coeur, sans nous préoccuper des courbes.

  • Cliquez sur une intersection de la grille. Ce premier point sera la pointe du coeur.
  • Placez maintenant le haut de la bosse gauche, le point entre les deux bosses, puis le haut de la bosse droite. Vous devriez arriver à un résultat proche de celui montré ci-contre.

  • Fermez le tracé ainsi créé en cliquant sur votre point initial (un petit cercle apparaît près de la plume pour l’indiquer.
  • Nous allons maintenant nous occuper des courbures. Il aurait été possible de le faire directement en plaçant les points, mais je trouve qu’il est plus simple et intuitif de le faire après.

  • Sélectionnez l’outil conversion de point  situé au même endroit que la plume (clic droit sur l’icône plume pour voir les outils cachés en dessous).
  • Cliquez sur le coin haut gauche et, sans relâcher le bouton de la souris, déplacez le curseur vers le haut et à droite. Une droite noire (une tangente) apparaît alors. Déplacez votre curseur jusqu’à obtenir une courbe qui vous convient.
  • Si la courbe ne vous convient pas, un simple clic sur le point incriminé supprime la tangente, et donc les courbes.

  • Faites de même pour le coin droit, en gardant les mêmes mesures (dans mon cas: une diagonale de 2 carrés horizontaux et de 2 carrés verticaux) pour avoir une figure symétrique.

  • Vous pouvez modifier la courbe en cliquant sur les carrés situés aux extrémités de la tangente. En agissant ainsi, vous n’allez modifier qu’une moitié de la courbe.
  • Par exemple, tracez une tangente horizontale pour la pointe du coeur. Sélectionnez le carré situé au bout droit de la tangente, et déplacez-le. Vous pouvez constater que la partie gauche de la courbe n’est pas affecté.

  • Faites de même avec le carré gauche de la tangente.

  • Le coeur est terminé. Mais il n’est qu’un tracé, il n’existe pas en tant que dessin. Pour pouvoir l’utiliser, il va falloir nous rendre dans l’onglet "Tracés" disponible dans la palette des calques.
  • Partons du principe que nous voulons juste le contour du coeur.

  • Sélectionnez un outil de tracé (plume, aérographe, crayon) et une couleur de premier plan (disons… le rouge).
  • Il suffit alors de cliquer sur l’icône Contour situé en bas de l’onglet des tracés. Le contour est alors automatiquement tracé (pour faire disparaître le tracé, soit désélectionnez-le de la palette des tracés, en cliquant à côté, soit faites Ctrl+H ou Affichage>Afficher les extras)
  • L’effet produit n’est cependant pas exceptionnel puisque, contrairement à l’outil Édition>Contours, le tracé est crénelé…

  • Si maintenant vous souhaitez remplir le coeur, vous pouvez cliquez sur l’icône Remplissage au lieu de cliquer sur l’icône montré précédemment.
  • L’effet est alors bien plus sympathique, non?
  • Tant que nous sommes dans l’onglet des tracés, une autre petite fonction sympathique est la conversion automatique en tracés: .
  • Sélectionnez une forme que vous avez dessinée (ou pas) puis cliquez sur cette petit icône. La sélection va alors devenir un tracé. Si vous cliquez alors sur l’icône  Remplissage abordé précédemment, cela peut parfois avoir un très joli rendu.
  • Je n’ai pas abordé ici la suppression d’un point , l’ajout d’un point , ou encore l’outil plume libre .
  • Je pense que vous êtes maintenant en mesure de comprendre seul comment les utiliser.
  • A vous de tester!

Ce que nos lecteurs en disent :

  1. TITI

    enfin j’ai compris mille mercis

  2. Arthur

    sympa le tuto mais je trouve qu’il aurai fallu plus d’exemple ou plus de tuto dessu, car je n’ai pas beaucoup apris a m’en servir en faisant un coeur

  3. pierluc

    Je vais essayer sa, j’espère que sa m’aidera. Cette outil a l’air vraiment compliquĂ©. J’ai hâte de le maitriser. Sa permet de faire de tellement belles choses…

  4. grainderien

    Hello, je n’arrive pas a transformer le tracĂ© en dessin. Que ce soit pour les contours ou pour le remplissage. Cela marchais quand j’avais photoshop 7, mais maintenant que je suis sur CS2, je n’y arrive pas.

    Je sĂ©lectionne l’aĂ©rographe et dès que je veux cliquer sur le rond pour faire le contour, un symbole d’interdiction noir s’affiche Ă  la place de mon curseur et je ne peux pas cliquer sur l’icĂ´ne. Pourtant, le tracĂ© est bien sĂ©lectionnĂ©, l’outil de dessin aussi…

    Est-ce qu cela vous est dĂ©jĂ  arrivĂ©, si oui, dites-moi comment faire s’il vous plaĂ®t…

    Merci d’avance
    Graind

  5. tonio

    A l’attention de grainderien, tu as un symbolle d’interdiction car ton tracĂ© et sĂ©lectionnĂ© en tant que tracĂ©, il faut que tu rĂ©cupère sa sĂ©lection (bouton rĂ©prĂ©sentant un cercle en pointillĂ© dans la fenetre des tracĂ©s) puyis la tu pourra utiliser l’aerographe et tou le reste en espĂ©rant t’avaoir aidĂ© tonio

  6. joker

    bonjour, j’ai compris comment me servir de cet outil mais j’ai un probleme vis Ă  vis d’un de mes montage.j’aimerais me servir d’un tracĂ© de loutil plume pour ensuite effectuer la fonction "contour du tracĂ©", mais en crĂ©ant les points de la courbe, l’outil effectue un remplissage de couleur entre les deux points sommet de la courbe(et de plus mon option et grisĂ©e ).
    quelqu’un pourrait me dĂ©bloquer please ?
    merci d’avance.

  7. KAMI

    Beaucoup de possibilitĂ©s grace Ă  l’outil plume,
    merci des rappels de bases.

  8. riteneri

    bonjour, merci pour cette mĂ©thode claire. J’ai tout de mĂŞme une difficultĂ© : je souhaite faire un tracĂ© courbe (pas un contour). lorsque je me mets en mode tracĂ© (au lieu de forme) et que je fais un tracĂ© quelconque, je ne peux modifier l’Ă©paisseur du trait. et comme ce n’est pas une forme, je perds mon tracĂ© lorsque je passe Ă  un autre calque. si vous avez un indice… merci d’avance ;)

  9. Laure

    Depuis le temps que je cherchais Ă  faire ce genre de trucs: mille mercis !

  10. Fou3D

    Impecable, je viens d’avoir ce magnifique logiciel (auquel je ne connais que très peux) et pan! Me voilĂ  sur ce site oĂą je pence que je vais m’inscrire.

    Cet outil Plume va pas mal m’aider je pence, affaire Ă  suivre une fois le logiciel prix en main.

    Merci mille fois, c’est claire, c’est net, c’est parfait.

    Fou3D

  11. mouradou

    merci beaucoup pour ce tuto j’en avai vraiment besoin, merci encore une deuxième fois

Les commentaires sont clos.