Pathfinder d’Illustrator (ou Comment Fusionner des Formes) : Tuto

Formatrice

Mis à jour le

Note ce cours !
[Total : 1 Moyenne : 5]
pathfinder illustrator

Pour ce cours, tu as besoin de :

Adobe Illustrator CC 2024

L’outil Pathfinder d’Adobe Illustrator est très utile pour concevoir des formes complexes rapidement. En effet, il permet de combiner des formes, les fusionner ou encore les soustraire. Mais faut-il encore savoir s’en servir ! Dans cet article, je t’explique ce qu’est le Pathfinder et comment l’utiliser à travers un cours facile sur Illustrator.

Tutoriel vidéo sur l’outil pathfinder

À quoi sert le Pathfinder sur Illustrator ?

L’outil Pathfinder d’Illustrator permet de combiner des formes à partir d’éléments vectoriels. On retrouve pour cela plusieurs effets possibles dont le résultat varie à chaque fois.

panneau pathfinder illustrator

Pour bien utiliser l’outil Pathfinder, il faut :

  1. Sélectionner au moins deux éléments (ou deux groupes d’éléments) ;
  2. Utiliser des éléments vectoriels, c’est à dire des formes, du texte, des calques… mais pas d’image en format PNG ou JPEG par exemple (si tu veux par exemple inclure une image dans une forme, il faut utiliser le masque d’écrêtage sur Illustrator) ;
  3. Bien superposer les éléments selon l’ordre de l’effet souhaité (premier plan, dernier plan, etc.).

Bon à savoir : il n’est pas obligatoire que les éléments se trouvent dans le même calque.

Créer une forme composée (Shapes Modes)

Dans le panneau Pathfinder d’Illustrator, on retrouve une première ligne appelée « Modes de la forme ». Elle se compose de quatre outils :

  1. Réunion : fusionne les éléments visibles en une seule et même forme ;
  2. Soustraction : soustrait la forme au premier plan sur celle au second plan ;
  3. Intersection : seule l’intersection des deux formes reste et devient une nouvelle forme ;
  4. Exclusion : c’est le contraire d’Intersection puisque tout ce qui se croise entre les deux formes est supprimé.

Pour mieux comprendre, voici des exemples de chacun de ces effets :

shapes modes avec le pathfinder d'illustrator

On remarque plusieurs choses :

  1. Lorsqu’on utilise la réunion, l’intersection ou l’exclusion, c’est la couleur de l’élément en premier plan qui est appliquée ;
  2. Lorsqu’on utilise la soustraction, c’est l’élément de premier plan qui est soustrait à celui de second plan.

Appliquer un effet Pathfinder

En-dessous de « Modes de la forme », on retrouve une ligne appelée « Pathfinders » avec six outils différents :

  1. Division : les deux formes sont divisées en plusieurs formes en fonction des lignes qui les traversent (dans l’exemple, on a le rectangle, l’ellipse et l’intersection) ;
  2. Pochoir : suppression de la partie masquée d’une des formes (dans l’exemple, la partie en bas à droite du carré a été supprimée) ;
  3. Fusion : même principe que le pochoir mais si plusieurs formes avaient la même couleur de fond, alors elles sont fusionnées ;
  4. Découpe : toutes les intersections sont gardées et les faces restantes sont supprimées, sauf si elles étaient liées à l’objet de premier plan (dans l’exemple, la forme de l’ellipse est gardée mais seule l’intersection est visible) ;
  5. Contour : même principe que la découpe mais cette fois, seuls les contours sont gardés et pas les couleurs de fond ;
  6. Soustraction : similaire à l’outil « soustraction » mais cette fois c’est la forme de second plan (à l’arrière) qui est soustraite à la forme de premier plan.
effets pathfinder illustrator

Comment utiliser l’outil Pathfinder d’Illustrator ?

Pour utiliser l’un des outils du Pathfinder sur Illustrator, il faut commencer par afficher le panneau correspondant. Par défaut il est souvent placé dans la barre d’outils de droite. Il suffit de cliquer sur l’icône pour faire apparaître le panneau.

Pour afficher le panneau Pathfinder, il faut aller dans Fenêtre > Pathfinder dans le menu principal en haut. On peut aussi utiliser le raccourci Illustrator MAJ + CTRL + F9 (ou MAJ + CMD + F9 sur MAC).

Tutoriel : recréer le logo Beats

Commence par tracer une ellipse (L) en maintenant la touche MAJ (pour avoir ce que j’appelle « un rond parfait »). Choisis une couleur rouge pour remplir l’ellipse (pour cela, double-clique sur l’icône de couleur de fond dans la barre à gauche).

tutoriel pathfinder illustrator

Aligne ensuite l’ellipse au centre de ton plan de travail. Pour ce faire, sélectionne l’ellipse en cliquant dessus puis clique sur « Alignement » en haut et sur l’icône « Alignement horizontal au centre » puis « Alignement vertical au centre ». Attention, il faut vérifier dans « Aligner sur » que « Aligner sur le plan de travail » est bien sélectionné.

tutoriel pathfinder illustrator

Trace une nouvelle ellipse plus petite que la première (toujours en maintenant MAJ). Applique cette fois un contour de couleur blanche et retire la couleur de fond (en cliquant sur l’icône du carré barré par un trait rouge à gauche). Dans « Contour » en haut, applique un contour de 20 pt. Aligne l’ellipse au centre du plan de travail, comme tout à l’heure.

tutoriel pathfinder illustrator

À l’aide de l’outil Trait (MAJ + T), trace un trait vertical en maintenant MAJ (pour avoir un trait bien droit). Choisis un contour blanc d’une taille de 20 pt. Déplace ce trait à gauche de l’ellipse blanche, de façon à former la lettre b. À l’aide des flèches du clavier, remonte légèrement le trait pour qu’il se fonde avec l’ellipse.

tutoriel pathfinder illustrator

Sélectionne le trait blanc et l’ellipse blanche (maintenir MAJ puis cliquer sur chaque élément à la suite) puis clique sur Objet > Tracé > Vectoriser le contour dans le menu du haut.

tutoriel pathfinder illustrator

Toujours en sélectionnant ces deux éléments, clique sur « Réunion » depuis le panneau Pathfinder (première icône).

tutoriel pathfinder illustrator

Pour finir, sélectionne le b et l’ellipse rouge puis clique sur « Soustraction » dans le panneau Pathfinder (seconde icône). Ça y est, tu as réussi à créer un logo à l’aide du Pathfinder d’Illustator !

tutoriel pathfinder illustrator

Quel raccourci pour le Pathfinder sur Illustrator ?

Il existe quelques raccourcis liés aux effets Pathfinder sur Illustrator :

  1. Maintenir ALT (ou Option) en cliquant sur l’un des outils « Modes de la forme » dans le panneau Pathfinder permet de créer des tracés transparents ;
  2. Pour appliquer de nouveau le dernier effet Pathfinder utilisé, utiliser CTRL + 4 (ou CMD + 4) ;
  3. Pour afficher ou masquer le panneau Pathfinder, utiliser le raccourci SHIFT + CTRL + F9 (ou SHIFT + CMD + F9).

Tu peux aussi t’exercer au Pathfinder avec ce tutoriel sur Illustrator pour créer un hibou de A à Z, ou en apprenant à créer des motifs sur Illustrator !

Partage ou enregistre ce cours :

Avis et commentaires

  1. Avatar de Aline Dpt
    Aline Dpt

    Merci beaucoup Emmanuelle, c’est très encourageant ! 🙂
    En fait, lorsqu’on utilise le pathfinder comme on le fait ici pour récupérer l’intersection de deux formes, cela va supprimer le reste. Du coup, si on ne copie pas la forme de base pour construire notre nouvelle forme, on va perdre une partie ! Or ici on veut garder le haut de la bouche. J’espère que c’est plus clair ? N’hésitez pas à me le dire!
    Pour la forme du visage, on peut en effet grouper les éléments avec CTRL + G mais ce n’est pas la même fonction. Le groupement ne permet pas de fusionner les éléments totalement et donc d’y appliquer un dégradé uniforme, par exemple. Si on se contente de grouper, chaque forme aura un dégradé différent ! Si on avait choisi la même couleur pour les oreilles et le visage, en effet on aurait pu se contenter de grouper 🙂

  2. Avatar de Emmanuelle
    Emmanuelle

    J’ai découvert votre site tout à fait par hasard et vraiment, j’en suis plus que ravie. Vos tutos sont clairs, limpides et diablement efficaces. Néanmoins, j’ai une petite question : dans le tutoriel avec le visage du singe, à un moment, vous dupliquer la bouche pour utiliser la copie avec le pathfinder. Pourquoi ? Est-ce une copie de secours ? Ou si on fait la manipulation directement, on perd une partie de l’image ? C’est une manip que je n’arrive pas complètement à « conceptualiser ». Encore une question : pour faire la forme du visage, on peut utiliser d’autres manipulations que le pathfinder, comme par exemple Ctrl G. Mais je suppose que cela peut avoir des incidences pour la suite. Lesquelles, par exemple ?
    Merci d’avance pour vos réponses et bravo encore. J’ai mis votre site dans mes favoris !

  3. Avatar de Ruben
    Ruben

    Merci infiniment et

  4. Avatar de Aline Dpt
    Aline Dpt

    Merci beaucoup pour ce retour !!

  5. Avatar de Abdelkader Bouchaouir
    Abdelkader Bouchaouir

    je suis très à l’aise avec ces tutoriels pour débutants . Merci beaucoup pour votre aide

Laisser un commentaire

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