Curvature Pen Tool dans Photoshop CC 2018-Tracing Paths Made Easy

Ce tutoriel vous montre comment utiliser le nouvel outil Curvature Pen dans Photoshop CC 2018 pour dessiner facilement des chemins, et comment convertir vos contours de chemin en formes, masques vectoriels et sélections. Suivez cette étape-par-étape.

Écrit par Steve Patterson.

L’une des plus grandes nouvelles fonctionnalités de Photoshop CC 2018 est le nouvel outil Curvature Pen., L’outil Stylo Curvature est une version simplifiée de L’outil Stylo standard de Photoshop. Il nous permet de dessiner des formes et des chemins complexes sans avoir à modifier les poignées de contrôle ou à mémoriser les raccourcis clavier. L’utilisation de L’outil Curvature Pen est aussi simple que de cliquer pour ajouter des points. Photoshop utilise ensuite ces points pour dessiner automatiquement votre chemin.

comme son nom l’indique, L’outil Curvature Pen dessine des lignes courbes par défaut. Mais comme nous le verrons, il est tout aussi facile de tracer des lignes droites et de basculer entre les lignes courbes et droites au besoin., Et comme l’outil Stylo standard, Nous pouvons facilement convertir nos contours de chemin en contours de sélection, permettant à quiconque, même aux débutants, de faire des sélections propres et professionnelles dans Photoshop. Nous allons voir comment cela fonctionne!

L’outil Curvature Pen n’est disponible qu’à partir de Photoshop CC 2018, vous aurez donc besoin de CC 2018 pour suivre. Si vous êtes abonné à Creative Cloud, vous pouvez apprendre à mettre à jour votre copie de Photoshop vers CC 2018 en utilisant notre tutoriel Comment garder Photoshop CC à jour. Nous allons commencer!

téléchargez ce tutoriel en PDF imprimable!,

configuration du Document

création d’un nouveau document Photoshop

plutôt que de vous dire simplement comment fonctionne L’outil Curvature Pen, configurons les choses pour que vous puissiez facilement suivre avec moi. Nous allons commencer par créer un nouveau document Photoshop. Aller dans le menu Fichier dans la Barre de Menu en haut de l’écran et choisissez Nouveau:

Fichier > Nouveau.

ouvre la boîte de dialogue Nouveau Document. Dans le panneau Détails prédéfinis à droite, définissez la largeur et la hauteur du nouveau document Sur 1000 Pixels., Réglez la résolution sur 72 Pixels / pouce et assurez-vous que le contenu de L’arrière-plan est réglé sur blanc. Ensuite, cliquez sur le bouton Créer dans le coin inférieur droit. Un nouveau document, rempli de blanc, s’ouvrira sur votre écran:

paramétrant les options du nouveau document dans le panneau Détails prédéfinis.

configuration des Guides

maintenant que nous avons notre document, configurons quelques guides pour qu’il nous soit plus facile de dessiner les mêmes formes., Accédez au menu Affichage dans la barre de menus et choisissez nouvelle disposition de Guide:

va voir > nouvelle disposition de Guide.

dans la boîte de dialogue Nouvelle mise en page du Guide, définissez à la fois le nombre de colonnes et le nombre de lignes sur 6. Assurez-vous que la valeur de gouttière pour les colonnes et les lignes est vide ou définie sur 0. Si vous avez des guides préexistants que vous devez supprimer, sélectionnez Effacer les Guides existants en bas. Cliquez ensuite sur OK pour fermer la boîte de dialogue:

les nouvelles options de mise en page du Guide.,

Vous devriez maintenant voir 3 lignes et 3 colonnes de guides en face de votre document:

Les guides de maintenant apparaître dans le document.

Comment dessiner avec L’outil Curvature Pen

Étape 1: Sélectionnez L’outil Curvature Pen dans la barre d’outils

avec notre document maintenant configuré, apprenons à utiliser le nouvel outil Curvature Pen dans Photoshop CC 2018. Nous sélectionnons L’outil Curvature Pen dans la barre d’outils., Par défaut, L’outil Stylo Curvature est imbriqué derrière l’outil Stylo standard, vous devrez donc cliquer et maintenir l’icône de l’outil Stylo jusqu’à ce qu’un menu déroulant apparaisse. Ensuite, choisissez L’outil Curvature Pen dans le menu:

en sélectionnant L’outil Curvature Pen dans la barre d’outils.

Vous ne voyez pas L’outil Curvature Pen dans la barre d’outils? Voici où le trouver.,

Étape 2: Définissez le mode outil sur « chemin » ou « forme »

avant de commencer à dessiner avec L’outil Stylo courbure, choisissez si vous souhaitez dessiner un contour de chemin ou une forme à l’aide de l’option Mode outil dans la barre D’Options. Par défaut, le mode outil est défini sur Path, ce que je vais laisser sur. Si vous souhaitez dessiner une forme, vous devez définir L’option Mode outil sur Forme. Je trouve qu’il est plus facile de dessiner un chemin parce que les chemins sont plus faciles à voir lorsque vous dessinez, et vous pouvez facilement convertir votre chemin en forme lorsque vous avez terminé. Nous apprendrons à le faire un peu plus tard., Pour l’instant, laissez le mode outil défini sur Path:

l’option Mode outil peut être définie sur Path ou Shape.

Étape 3: Cliquez pour ajouter un point de départ

pour commencer à dessiner un chemin ou une forme, cliquez une fois dans votre document pour définir un point de départ. Je vais cliquer sur l’endroit où le guide vertical au centre et le guide horizontal le long du fond se croisent. Notez qu’un petit carré apparaît à l’endroit où vous avez cliqué., Ceci est connu comme un point d’ancrage car il ancre la position du chemin dans le document:

en cliquant pour ajouter un point de départ pour le chemin.

Étape 4: Ajouter Un Deuxième Point Pour Tracer Une Ligne Droite

Ensuite, cliquez sur pour ajouter un deuxième point d’ancrage. Je vais cliquer là où le guide vertical à gauche et le guide horizontal au centre se croisent. Notez que même si L’outil s’appelle L’outil Curvature Pen, Photoshop trace une ligne droite, appelée segment de chemin, entre les deux points., La raison en est que dessiner une courbe nécessite trois points; un pour le début de la courbe, un pour la fin et un au milieu. Le point au milieu détermine l’angle, ou arc, de la courbe. Sans ce point central, tout ce que Photoshop peut dessiner est une ligne droite:

L’ajout d’un deuxième point dessine une ligne droite entre les deux points.

Etape 5: Ajouter Un Troisième Point Pour Dessiner Une Courbe

Cliquez avec la Courbure de l’Outil Plume pour ajouter un troisième point. Je vais cliquer là où le guide horizontal supérieur et le guide vertical central se croisent., Dès que vous cliquez sur pour ajouter le troisième point, la ligne droite devient une ligne courbe:

l’Ajout d’un troisième point convertit la ligne droite en une courbe.

modification de L’épaisseur et de la couleur du chemin

Si vous avez du mal à voir le contour de votre chemin, vous pouvez ajuster la couleur et l’épaisseur du chemin en cliquant sur l’icône d’engrenage dans la barre D’Options:

,

cela ouvre la boîte de dialogue Options de chemin où vous pouvez modifier l’épaisseur du contour du chemin d’une taille aussi petite que 0,5 pixel à une taille aussi grande que 3 pixels. Vous pouvez également choisir une couleur différente pour le chemin. Je vais régler L’épaisseur à 3 px et la couleur à Magenta. Notez que ces paramètres ne sont là que pour vous aider à voir votre chemin pendant que vous travaillez. Ils n’ont aucun effet sur l’apparence réelle du chemin dans le document. Pour fermer le Chemin de la boîte de dialogue Options, cliquez de nouveau sur l’icône d’engrenage:

Modifier l’épaisseur et la couleur du chemin dans les Options de Chemin.,

Et maintenant, nous voyons qu’à la fois l’épaisseur et la couleur de mon chemin a changé:

Le chemin d’accès contour est maintenant beaucoup plus facile à voir.

Étape 6: Cliquez pour ajouter plus de Points

pour continuer à dessiner votre chemin ou votre forme, cliquez simplement pour ajouter plus de points. Par défaut, une fois que vous avez commencé à dessiner une ligne courbe en ajoutant un troisième point, tous les points supplémentaires que vous ajoutez dessineront également une courbe. Je vais ajouter un quatrième point d’ancrage en cliquant là où la ligne verticale le long de la droite et le guide horizontal au centre se croisent., Cela ajoute un nouveau segment de chemin entre les troisième et quatrième points et prolonge la courbe:

l’Ajout d’un quatrième point pour continuer à dessiner la courbe.

Étape 7: Cliquez sur le point de départ pour fermer le chemin

pour fermer votre chemin, cliquez à nouveau sur votre point de départ d’origine. Nous avons maintenant tracé un cercle complet avec L’outil Curvature Pen en cliquant simplement sur:

fermez le chemin en cliquant à nouveau sur le point de départ.,

remodeler le contour du chemin

déplacer un point D’ancrage existant

Nous avons tracé notre chemin, mais nous pouvons facilement revenir en arrière à ce point et le remodeler. En fait, il ya quelques façons de le faire. L’une consiste à cliquer sur un point d’ancrage existant avec L’outil Stylo courbure pour le sélectionner, puis à faire glisser le point vers un nouvel emplacement. Ici, je fais glisser le point d’ancrage supérieur deux guides verticaux vers la droite:

en cliquant et en faisant glisser un point d’ancrage existant.,

ajout de points D’ancrage

Nous pouvons également ajouter plus de points d’ancrage au chemin existant. Pour ajouter un nouveau point, cliquez n’importe où le long du contour du chemin. Ensuite, faites glisser le nouveau point pour remodeler le chemin. Je vais cliquer en haut à gauche du chemin pour ajouter un nouveau point:

ajout d’un nouveau point d’ancrage en cliquant sur le contour du chemin.

Ensuite, pour remodeler le chemin, je vais glisser le nouveau point dans le coin supérieur gauche de la grille où les lignes se croisent:

en faisant Glisser le nouveau point de remodeler le chemin.,

je cliquerai également pour ajouter un nouveau point d’ancrage tout en haut du chemin, puis je ferai glisser le nouveau point vers le bas jusqu’à l’endroit où les lignes de la grille se rencontrent juste au-dessus du centre:

en ajoutant un nouveau point

commutation entre les points de courbe et les points D’angle

Jusqu’à présent, tous les points d’ancrage que nous avons ajoutés avec L’outil Curvature Pen ont été des points de courbe (également appelés points lisses). C’est-à-dire que le contour du chemin se courbe lorsqu’il traverse le point., Une autre façon de changer la forme d’un chemin consiste à convertir un point de courbe en un point d’angle. Pour passer d’un point de la courbe à un point d’angle, double-cliquez sur un point de la courbe.

je vais double-cliquer sur le point que je viens d’ajouter en haut au centre, et maintenant nous voyons que, au lieu d’une courbe lisse, le contour du chemin change brusquement de direction à ce point. Pour passer d’un point d’angle à un point de courbe, encore une fois, double-cliquez sur le point:

Double-cliquez sur un point de courbe pour le convertir en point d’angle, et vice versa.,

Suppression d’Un Point

Pour supprimer un point d’ancrage, cliquez dessus avec la Courbure de l’Outil Plume pour le sélectionner, puis appuyez sur la touche retour arrière (Windows) / Suppr (Mac) sur votre clavier. Ici, j’ai supprimé le point dans le centre supérieur, et maintenant le chemin est revenu à la même forme qu’il était avant d’ajouter le point:

pour supprimer un point, sélectionnez-le, puis appuyez sur Retour Arrière (Win) / Supprimer (Mac).,

suppression d’un chemin entier

pour supprimer votre chemin entier, faites un clic droit (Win) / Control-click (Mac) dans le document, puis choisissez Supprimer le chemin dans le menu. Vous supprimez également le chemin entier en appuyant sur Retour Arrière (Win) / Supprimer (Mac) sur votre clavier lorsqu’aucun point d’ancrage n’est sélectionné:

pour supprimer un chemin, cliquez avec le bouton droit (Win) / Ctrl-clic (Mac) et choisissez « Supprimer le chemin ».

je vais supprimer mon chemin pour revenir à mon document vide et à mes guides:

le chemin a été supprimé.,

dessiner des Segments de chemin droit avec L’outil Curvature Pen

le principal avantage de L’outil Curvature Pen est qu’il est facile de dessiner des contours de chemin incurvés. Mais nous pouvons aussi l’utiliser pour tracer des lignes droites tout aussi facilement. Nous avons déjà vu que nous pouvons convertir un point de courbe en un point d’angle en double-cliquant dessus. Mais si nous savons à l’avance que nous devons tracer une ligne droite, il n’est pas nécessaire de dessiner d’abord un point de courbe, puis de le convertir. Au lieu de cela, il suffit de double-cliquer, plutôt que d’un seul clic, pour ajouter le nouveau point. Photoshop ajoutera automatiquement le point en tant que point d’angle.,

disons que nous voulons dessiner un contour de chemin rectangulaire à l’aide de L’outil Curvature Pen. Commencez par cliquer pour définir un point de départ pour le chemin. Je vais cliquer dans le coin inférieur gauche:

Cliquer pour définir un point de départ pour le tracé rectangulaire contour.

ensuite, puisque nous savons que nous voulons que le point suivant soit un point d’angle, double-cliquez, plutôt qu’un simple clic, pour l’ajouter. Je vais double-cliquer sur deux guides horizontaux au-dessus de mon point de départ:

Double-cliquer pour ajouter le deuxième point en tant que point d’angle.,

pour ajouter le troisième point à la forme rectangulaire, je vais à nouveau double-cliquer pour l’ajouter en tant que point d’angle. Notez que parce que nous ajoutons les points en tant que points d’angle, Photoshop les connecte avec des segments de chemin droit au lieu de courbes:

Double-cliquez pour ajouter le troisième point.

je vais ajouter un quatrième point de coin en double-cliquant dans le coin inférieur droit. Encore une fois, Photoshop ajoute un autre segment de chemin droit:

en ajoutant le quatrième point d’angle.,

pour terminer le chemin, je vais double-cliquer sur le point de départ initial et Photoshop ajoute le segment droit restant:

Double-cliquer sur le point de départ pour fermer le chemin.

conversion d’un Segment de chemin droit en arc

que se passe-t-il si, au lieu d’une ligne horizontale plate en haut du chemin, vous voulez un arc? Avec L’outil Curvature Pen, c’est facile. Tout ce que vous devez faire est de cliquer n’importe où le long du haut segment de chemin pour ajouter un nouveau point d’ancrage:

l’Ajout d’un nouveau point au-dessus du chemin.,

Ensuite, faites glisser le point de nouveau vers le haut pour créer l’arche:

en faisant Glisser le nouveau point à la hausse.

déplacer plusieurs points d’ancrage à la fois

Jusqu’à présent, nous avons appris que nous pouvons déplacer un point d’ancrage individuel en cliquant et en le faisant glisser avec L’outil Curvature Pen. Mais que faire si nous devons déplacer deux points d’ancrage ou plus à la fois? Dans ce cas, nous pouvons utiliser L’outil de sélection directe de Photoshop. Vous trouverez l’outil de sélection directe, également connu sous le nom d ‘ « outil flèche blanche », imbriqué derrière l’outil de sélection de chemin (l ‘ « outil Flèche Noire ») dans la barre d’outils., Cliquez et maintenez sur L’outil de sélection de chemin jusqu’à ce qu’un menu déroulant apparaisse, puis choisissez L’outil de sélection directe dans le menu:

en sélectionnant l’outil de sélection directe dans la barre d’outils.

disons que nous voulons changer la hauteur de notre chemin. Nous devons sélectionner les trois points d’ancrage qui composent le haut (le point en haut à gauche, en haut à droite et celui en haut de l’arche)., Pour sélectionner les trois points à la fois, cliquez et faites glisser une boîte autour des trois points avec l’outil de sélection directe:

en faisant glisser avec l’outil de sélection directe autour des trois points en haut.

Puis, avec les trois points au sommet sélectionné, cliquez sur l’un d’eux et faites glisser tous les trois vers le bas ensemble:

Remodeler le chemin en déplaçant les points d’ancrage sélectionnés en même temps.,

pour revenir à L’outil Curvature Pen, sélectionnez-le à nouveau dans la barre d’outils:

Resélectionnant l’outil Curvature Pen.

Et puis, pour supprimer le chemin afin que nous puissions recommencer, faites un clic droit (Win) / Control-click (Mac) dans le document et choisissez Supprimer le chemin dans le menu:

En choisissant L’option Supprimer le chemin.

téléchargez ce tutoriel en PDF imprimable!,

dessiner un cœur avec L’outil Curvature Pen

enfin, prenons ce que nous avons appris sur les points de courbe et d’angle et utilisons-le pour dessiner un chemin en forme de cœur. Lorsque nous aurons terminé, nous terminerons ce tutoriel en apprenant à transformer le chemin en une forme réelle, ainsi qu’un masque vectoriel et un contour de sélection.

tout d’abord, cliquez en bas au centre avec L’outil Curvature Pen pour définir votre point de départ:

en cliquant pour définir le point de départ du cœur.,

Cliquez ensuite en haut à gauche, où le premier guide vertical à gauche croise le second guide horizontal à partir du haut. Cela ajoute un deuxième point, et comme nous n’avons que deux points pour le moment, Photoshop dessine un segment de chemin droit entre eux:

en cliquant pour ajouter le deuxième point.

pour ajouter le troisième point, cliquez à l’endroit où le guide horizontal supérieur croise le deuxième guide vertical à partir de la gauche., Comme il s’agit de notre troisième point, Photoshop convertit le segment de chemin droit en une courbe:

L’ajout du troisième point crée la courbe.

Nous devons ajouter notre quatrième point à l’endroit où le deuxième guide horizontal du haut rencontre le guide vertical au centre. Mais, parce que nous savons que nous avons besoin que ce point soit un point d’Angle, pas un point de courbe, double-cliquez pour l’ajouter:

ajouter le quatrième point comme point d’angle en double-cliquant.,

ensuite, cliquez à l’endroit où le guide horizontal supérieur croise le deuxième guide vertical à partir de la droite. Même si nous ajoutons ce point en tant que point de courbe (en un seul clic), Photoshop dessinera initialement un segment de chemin droit. C’est parce que notre point précédent était un point d’angle:

en un seul clic pour ajouter le cinquième point d’ancrage en tant que point de courbe.

pour ajouter le point suivant, cliquez là où le premier guide vertical à partir de la droite rencontre le deuxième guide horizontal à partir du haut., Photoshop convertit à nouveau le chemin droit en courbe:

L’ajout du sixième point convertit la ligne droite précédente en courbe.

enfin, fermons le chemin et complétons notre forme de cœur en cliquant sur le point de départ initial en bas. Nous avons besoin que ce point soit un point d’Angle, pas une courbe, alors complétez le chemin en double-cliquant sur le point de départ:

Double-cliquez sur le point de départ pour fermer le chemin avec un point d’angle.,

désactivation des Guides

Nous avons terminé de dessiner avec L’outil Curvature Pen, alors supprimons les guides en allant dans le menu Affichage dans la barre de menus, en choisissant Afficher, puis en choisissant Guides pour les désélectionner:

va voir > div id= »d03c45e8b3″>

guides.

cela nous laisse avec juste notre chemin:

le chemin en forme de cœur dessiné avec L’outil Curvature Pen.,

convertir le chemin en une sélection, Un masque ou une forme

maintenant que nous avons dessiné notre chemin, Photoshop facilite la conversion du chemin en un contour de sélection, un masque vectoriel ou une forme. Avec L’outil Curvature Pen toujours actif, vous trouverez les trois options dans la barre D’Options. Choisissez simplement celui dont vous avez besoin:

utilisez L’option Make pour transformer le chemin en une sélection, un masque vectoriel ou une forme.,

cadre de Sélection

Pour convertir votre chemin dans un cadre de sélection, choisissez la Sélection:

Choisir « Sélection » dans la Barre d’Options.

Photoshop ouvrira la boîte de dialogue Créer une sélection. Ici, vous pouvez ajouter des plumes à la sélection si nécessaire, ou cliquez simplement sur OK pour fermer la boîte de dialogue:

la boîte de dialogue Créer une sélection.,

Photoshop transforme instantanément votre chemin contour en « pointillés » cadre de sélection:

Le chemin tracé avec la Courbure de l’Outil Plume est maintenant un cadre de sélection.

je vais l’Annuler afin que nous puissions regarder les deux autres options en allant dans le menu Édition et en choisissant annuler la sélection changer. J’aurais aussi pu appuyez sur Ctrl+Z (Windows) / Commande+Z (Mac) sur mon clavier:

Allez à Modifier > Annuler le Changement de Sélection.,

Masque Vectoriel

Pour créer un masque vectoriel à partir de votre chemin de contour, choisissez le Masque dans la Barre d’Options:

Cliquer sur le « Masque » option.

Photoshop convertit le chemin en un masque vectoriel, seule la zone à l’intérieur du chemin restant visible dans le document. Le motif en damier entourant maintenant le chemin représente la transparence, car nous n’avons pas d’autres calques sous le masque:

le chemin apparaît maintenant comme un masque vectoriel, avec seulement la zone à l’intérieur du chemin visible.,

Et si l’on regarde dans le panneau Calques, nous voyons maintenant un vecteur vignette du masque:

Un vecteur vignette du masque apparaît dans le panneau Calques.

je vais annuler le masque vectoriel afin que nous puissions regarder la troisième option en allant dans le menu Édition et en choisissant annuler Ajouter un masque vectoriel. Ou encore, je pourrais appuyez simplement sur Ctrl+Z (Windows) / Commande+Z (Mac) sur mon clavier:

Allez à Modifier > Annuler Ajouter un Masque Vectoriel.,

Shape Layer

enfin, pour convertir un chemin dessiné avec L’outil Curvature Pen en un calque de forme, choisissez Shape:

En choisissant « Shape » dans la barre D’Options.

Photoshop remplit la nouvelle forme avec votre couleur d’avant-plan, ce qui dans mon cas est noir:

Le chemin maintenant converti en une forme.

Si nous regardons à nouveau dans le panneau Calques, nous voyons maintenant un nouveau calque de Forme., Pour changer la couleur de la forme, double-cliquez sur la vignette de la forme:

Double-cliquez sur la vignette du calque de forme pour changer la couleur de la forme.

choisissez ensuite une nouvelle couleur dans le sélecteur de couleurs. Puisque nous avons dessiné une forme de coeur, je vais choisir une nuance de rouge. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:

choisir une couleur différente pour la forme à partir du sélecteur de couleurs.

enfin, pour masquer le contour du chemin autour de la forme, appuyez sur Entrée (Win) / retour (Mac) sur votre clavier., Ou, choisissez simplement un outil différent dans la barre d’outils. Voici ma forme de coeur maintenant rempli de rouge:

Le rouge en forme de coeur dessiné avec la Courbure de l’Outil Plume.

Et là, nous avons! C’est notre guide étape par étape pour dessiner des chemins et des formes avec le nouvel outil Curvature Pen dans Photoshop CC 2018! Consultez également les nouveaux conseils D’outils riches dans Photoshop CC 2018. Visitez notre section Photoshop Basics pour des tutoriels similaires!

Share

Laisser un commentaire

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