If the Page tool was the headline new feature for Inkscape 1.2, the equivalent for the recently released 1.3 version has to be the Shape Builder tool. It’s modelled on the same feature in Adobe Illustrator, but I don’t have enough experience with that program to be able to describe how the two tools might differ. Instead, I’ll describe its usage from the assumption that you have some experience with Inkscape, but without further reference to its proprietary counterpart. The Shape Builder can be thought of as a convenient way to perform certain Boolean operations between objects. There’s nothing that can be done with the Shape Builder that wasn’t previously possible with the existing tools, but anyone who has worked on complex designs using Boolean operations will be familiar with the need to plan multiple steps ahead, often duplicating objects that are otherwise removed as part of the operation. In many cases, the Shape Builder will greatly simplify such workflows.
Si l'outil Pages a été la principale nouveauté d'Inkscape 1.2, l'équivalent pour la version 1.3 récemment publiée doit être l'outil de construction de formes (Shape Builder). Il s'inspire de la même fonction d'Adobe Illustrator, mais je n'ai pas assez d'expérience avec ce programme pour pouvoir décrire les différences entre les deux outils. Je vais donc décrire son utilisation en partant du principe que vous avez une certaine expérience d'Inkscape, mais sans faire référence à son homologue propriétaire.
L'outil de construction de formes peut être considéré comme un moyen pratique d'effectuer certaines opérations booléennes entre les objets. Il n'y a rien que l'on puisse faire avec l'outil de Construction de formes qui n'était pas possible auparavant avec les outils existants, mais quiconque a travaillé sur des dessins complexes en utilisant des opérations booléennes est familier avec la nécessité de planifier plusieurs étapes à l'avance, souvent en dupliquant des objets qui sont autrement enlevés dans le cadre de l'opération. Dans de nombreux cas, l'outil de construction de formes simplifiera grandement ces flux de travail.
Let’s look at the simplest of examples, in the form of a Boolean ‘intersection’ operation. For these first few examples, we’ll just use a couple of overlapping circles, to which I’ve given thick coloured strokes to make them stand out. Be absolutely clear, however, that all these operations are taking place on the areas bounded by those strokes, not on the strokes themselves. This same behaviour would occur with thinner strokes, or even with filled shapes that have no stroke at all. If we’re starting with an intersection operation, let’s first have a quick reminder of how to do this the Boolean way. • Select both circles. • Select the Path > Intersection menu entry. • What remains is the common area between the two shapes – the part in the middle: Notice that the resultant shape has adopted the style of the object on the bottom of the z-stack, resulting in a blue border. Now let’s do the same thing using the Shape Builder tool, which can be found near the top of the toolbar, just below the Node tool. The default keyboard shortcut for it is ‘X’.
Prenons l'exemple le plus simple, sous la forme d'une opération booléenne d'« intersection ». Pour ces premiers exemples, nous utiliserons simplement deux cercles qui se chevauchent, auxquels j'ai donné des contours de couleur épais pour les faire ressortir. Il faut bien comprendre que toutes ces opérations s'effectuent sur les zones délimitées par ces contours, et non sur les contours eux-mêmes. Ce même comportement se produirait avec des contours plus fins, ou même avec des formes remplies qui n'ont pas de contour du tout.
Si nous commençons par une opération d'intersection, rappelons d'abord rapidement comment procéder de manière booléenne. ••Sélectionnez les deux cercles. ••Sélectionnez l'entrée de menu Chemin > Intersection. ••Ce qui reste est la zone commune entre les deux formes - la partie au milieu :
Remarquez que la forme résultante adopte le style de l'objet situé en bas de la pile z, ce qui se traduit par une bordure bleue. Faisons la même chose avec l'outil de Construction de formes, qui se trouve en haut de la barre d'outils, juste en dessous de l'outil Nœud. Le raccourci clavier par défaut est « X ».
As before, the first step is to select both objects that will contribute to the shape you’re building. If you have nothing selected, Inkscape will present a small warning message when you switch to the Shape Builder. It is possible to use the tool with only a single object – though doing so only really makes sense if that object is a self-intersecting path. More usually, you’ll want to select two or more objects before switching to the tool. When you do so, the original objects will be hidden and replaced with simple gray outline versions of the shapes. The rest of your drawing is also hidden, to avoid any confusion as to which objects are being used. Moving the mouse over the shapes will highlight each individual section, rather than whole objects. In this case, therefore, there are three areas that can be highlighted as the mouse moves over them, including the central piece we’re interested in. If you click on a section, it will change to a different shade of blue, indicating that it will be included in the final shape that you’re building. In this case, we want only a single part, so click the central section, then press the Enter key to confirm that you’re done. There’s also a confirmation button in the tool control bar, and switching to the Selector tool also has the same effect. In either case, we’re left with just the intersecting part of the original shapes.
Comme précédemment, la première étape consiste à sélectionner les deux objets qui contribueront à la forme que vous construisez. Si vous n'avez rien sélectionné, Inkscape affichera un petit message d'avertissement lorsque vous passerez à l'outil de construction de formes. Il est possible d'utiliser l'outil avec un seul objet, mais cela n'a de sens que si cet objet est un chemin auto-intersecté. En règle générale, vous devez sélectionner deux objets ou plus avant d'utiliser l'outil. Les objets d'origine sont alors masqués et remplacés par de simples contours gris des formes. Le reste du dessin est également masqué, afin d'éviter toute confusion quant aux objets utilisés.
Le passage de la souris sur les formes met en évidence chaque section individuelle, plutôt que les objets entiers. Dans ce cas, il y a donc trois zones qui peuvent être mises en évidence lorsque la souris passe dessus, y compris la pièce centrale qui nous intéresse.
Si vous cliquez sur une section, elle passera à une autre nuance de bleu, indiquant qu'elle sera incluse dans la forme finale que vous construisez. Dans le cas présent, nous ne voulons qu'une seule pièce. Cliquez donc sur la section centrale, puis appuyez sur la touche Entrée pour confirmer que vous avez terminé. Il existe également un bouton de confirmation dans la barre de contrôle de l'outil, et le passage à l'outil Sélecteur a le même effet. Dans les deux cas, il ne reste que la partie intersectée des formes d'origine.
One important thing to note is that the outline of the shape is red this time, rather than blue. The Shape Builder uses the style of the topmost element in the z-stack to set the styles of the resultant object, not the bottom element as was the case with the Boolean operator. Let’s try another Boolean operation: Path > Exclusion, which will leave us with a shape consisting of the left and right parts of the two circles, but not the section where they overlap – essentially the exact opposite of Intersection. This time I’ve added some fill colors to the circles, to emphasise what actually remains. Our final result is a path that consists of two sub-paths. That fact may not be entirely obvious, but it is possible to disentangle these two small moons from their kiss (e.g. with Path > Break Apart). The Boolean operation has done a very good job of cleanly removing the central part without introducing many new nodes.
Il est important de noter que le contour de la forme est cette fois-ci rouge et non plus bleu. L'outil de Construction de formes utilise le style de l'élément le plus haut dans la pile z pour définir les styles de l'objet résultant, et non l'élément le plus bas comme c'était le cas avec l'opérateur booléen.
Essayons une autre opération booléenne : Chemin > Exclusion, qui nous donnera une forme composée des parties gauche et droite des deux cercles, mais pas de la section où ils se chevauchent - essentiellement l'exact opposé de l'Intersection. Cette fois, j'ai ajouté des couleurs de remplissage aux cercles, pour mettre en évidence ce qui reste.
Le résultat final est un chemin composé de deux sous-chemins. Ce fait n'est peut-être pas tout à fait évident, mais il est possible de démêler ces deux petites lunes de leur baiser (par exemple avec Chemin > Séparer). L'opération booléenne a fait un très bon travail en supprimant proprement la partie centrale sans introduire beaucoup de nouveaux noeuds.
Doing the same thing with the Shape Builder is simultaneously both extremely simple, and rather complex. You see, for such a basic operation, there are actually several ways to proceed, depending on exactly what you want to be left with. The most obvious is to hold Shift while clicking on the central section in order to remove it from the final result, rather than adding it: • Select both circles. • Switch to the Shape Builder tool. • Shift-click on the central section. • Press Enter to accept the shape: Well, it’s kind-of the same thing. Except we don’t actually have a single path this time, but rather our two original paths have both had a section cut from them. Instead of Shift-clicking to remove the central section, an alternative approach is to click on both the left and right sections, leaving the middle one un-selected so that the Shape Builder view looks like this: But, when you hit Enter, you’ll find that you end up with exactly the same two objects as above, each with a section cut out.
Faire la même chose avec l'outil de construction de formes est à la fois extrêmement simple et assez complexe. En effet, pour une opération aussi basique, il existe en réalité plusieurs façons de procéder, en fonction de ce que l'on souhaite obtenir. La plus évidente consiste à maintenir la touche Majuscule enfoncée tout en cliquant sur la partie centrale afin de la supprimer du résultat final, plutôt que de l'ajouter :
••Sélectionnez les deux cercles. ••Passez à l'outil de construction de formes. ••Maj-cliquez sur la partie centrale. ••Appuyez sur Entrée pour accepter la forme :
C'est un peu la même chose. Sauf que nous n'avons pas un seul chemin cette fois-ci, mais que nos deux chemins d'origine ont tous les deux été amputés d'une section.
Au lieu de Maj-cliquer pour supprimer la section centrale, une autre approche consiste à cliquer sur les sections gauche et droite, en laissant celle du milieu non sélectionnée, de sorte que la vue de l'outil de construction de formes ressemble à ceci :
Mais lorsque vous appuyez sur Entrée, vous vous retrouvez avec exactement les deux mêmes objets que ci-dessus, chacun avec une section coupée.
Suppose you really, really want to end up with a single complex path (i.e. one with sub-paths), but have an aversion to using Path > Combine for some reason. The Path Builder can actually produce a single path, but it requires a slight change of operation. Instead of clicking on each segment, you have to drag from one to another. • Select both circles. • Switch to the Shape Builder tool. • Click and hold in the left-hand section. • Drag the mouse to the right-hand section (avoiding the middle section). • Release the mouse button. • The two sections will be selected. Press Enter to confirm. The result this time is that the selected sections have been combined into a single path, looking more like the Boolean version.
Supposons que vous souhaitiez vraiment, vraiment obtenir un seul chemin complexe (c'est-à-dire un chemin avec des sous-chemins), mais que vous ayez une aversion pour l'utilisation de Chemin > Combiner pour une raison quelconque. Le Constructeur de chemin peut effectivement produire un chemin unique, mais cela nécessite un léger changement d'opération. Au lieu de cliquer sur chaque segment, vous devez glisser d'un segment à l'autre.
••Sélectionnez les deux cercles. ••Passez à l'outil de construction de formes. ••Cliquez et maintenez le bouton de la souris enfoncé dans la partie gauche. ••Faites glisser la souris vers la partie droite (en évitant la partie centrale). ••Relâchez le bouton de la souris. ••Les deux sections sont sélectionnées. Appuyez sur Entrée pour confirmer.
Cette fois-ci, les sections sélectionnées ont été combinées en un seul chemin, qui ressemble davantage à la version booléenne.
Looks can be deceiving, however. Switch to the Node tool, and you’ll see that the Shape Builder has a tendency to create a lot of additional nodes. And I do mean a lot. This problem is already on the developers’ radar, so hopefully version 1.3.1 might improve matters – but I still wouldn’t be surprised to see more nodes from this tool than from the Boolean operations. There’s another interesting point to note when combining segments like this. Look at the result if I drag from the right segment to the left one, rather than left-to-right. Looks rather more red, doesn’t it? This provides us with another rule of Shape Building: when combining multiple segments, the style of the final result will be taken from that of the first segment selected.
Cependant, les apparences peuvent être trompeuses. Passez à l'outil Nœud et vous verrez que l'outil de construction de formes a tendance à créer beaucoup de nœuds supplémentaires. Et je dis bien beaucoup. Ce problème est déjà dans le collimateur des développeurs, et j'espère que la version 1.3.1 améliorera les choses - mais je ne serais pas surpris de voir plus de nœuds issus de cet outil que des opérations booléennes.
Il y a un autre point intéressant à noter lorsque l'on combine des segments de cette manière. Regardez le résultat si je fais glisser le segment de droite vers celui de gauche, plutôt que de gauche à droite.
Le résultat semble plus rouge, n'est-ce pas ? Cela nous donne une autre règle de l'outil de construction de formes : lorsque l'on combine plusieurs segments, le style du résultat final sera celui du premier segment sélectionné.
The difference in behaviour between clicking segments and dragging over them means we can also use the Shape Builder to emulate the behaviour of another stalwart of the Boolean operations: union. • Select both circles. • Switch to the Shape Builder tool. Click and hold in the left-hand section. • Drag the mouse through the middle to the right-hand section, selecting all three. • Release the mouse button. • Press Enter to confirm. The result is that all the selected segments are combined into a single path. But although the results may look visually similar, again the Shape Builder leaves us with a lot of unnecessary nodes. This image shows the result of using the Boolean union (top) compared with the Shape Builder (bottom):
La différence de comportement entre le fait de cliquer sur des segments et celui de les faire glisser signifie que nous pouvons également utiliser l'outil de construction de formes pour émuler le comportement d'un autre pilier des opérations booléennes : l'union.
••Sélectionnez les deux cercles. ••Passez à l'outil de construction de formes. ••Cliquez et maintenez le bouton de la souris enfoncé dans la partie gauche. ••Faites glisser la souris du milieu vers la partie droite, en sélectionnant les trois cercles. ••Relâchez le bouton de la souris. ••Appuyez sur Entrée pour confirmer.
Le résultat est que tous les segments sélectionnés sont combinés en un seul chemin. Cependant, bien que les résultats soient visuellement similaires, l'outil de construction de formes nous laisse à nouveau avec un grand nombre de nœuds inutiles. Cette image montre le résultat de l'utilisation de l'union booléenne (en haut) comparé à celui de l'outil de construction de formes (en bas) :
Given this obvious difference, you may be wondering what is the advantage of the Shape Builder when compared with the traditional Boolean operations. For simple operations that require only two objects, I think the Booleans, and related operations, are still the best way to go. But once you start combining multiple objects in complex ways, it’s hard to argue against the simple click and drag approach of the Shape Builder. One thing to be aware of as you work with more complex shape combinations is that you can use Ctrl-Z while in the Shape Builder tool to step back through your selections. This can be useful if you accidentally select or remove a segment you didn’t mean to, and spot it immediately. If you don’t see the error until you’ve made other selections, however, you’re out of luck: there’s no way to undo the selection or removal of an arbitrary individual segment. If you really aren’t happy with the selections you’ve made, the Escape key, or the cancel button on the tool control bar, will abort the Shape Builder operation entirely. If you accept the shape, but you’re not happy with the end result, a quick Ctrl-Z will revert your objects back to how they were previously. Finally, if you really want to get a feel for the power and flexibility of this new tool, why not use the File > New from Template… menu entry which opens a new page template dialog that includes a ‘Shape Builder’ tab filled with some complex overlapping paths that are ideal for experimentation.
Compte tenu de cette différence évidente, vous vous demandez peut-être quel est l'avantage de l'outil de construction de formes par rapport aux opérations booléennes traditionnelles. Pour les opérations simples qui ne nécessitent que deux objets, je pense que les booléens et les opérations connexes restent la meilleure solution. Mais dès que vous commencez à combiner plusieurs objets de manière complexe, il est difficile de s'opposer à l'approche simple de l'outil de construction de formes, qui consiste à cliquer et à faire glisser les objets.
Lorsque vous travaillez sur des combinaisons de formes plus complexes, vous devez savoir que vous pouvez utiliser Ctrl-Z lorsque vous êtes dans l'outil de création de formes pour revenir en arrière dans vos sélections. Cela peut s'avérer utile si vous sélectionnez ou supprimez accidentellement un segment et que vous vous en apercevez immédiatement. Si vous ne voyez pas l'erreur avant d'avoir effectué d'autres sélections, vous n'avez pas de chance : il n'existe aucun moyen d'annuler la sélection ou la suppression d'un segment individuel arbitraire. Si vous n'êtes vraiment pas satisfait des sélections que vous avez effectuées, la touche Echap ou le bouton d'annulation de la barre de contrôle de l'outil permet d'interrompre complètement l'opération de construction de la forme. Si vous acceptez la forme, mais que vous n'êtes pas satisfait du résultat final, un rapide Ctrl-Z ramènera vos objets à leur état antérieur.
Enfin, si vous souhaitez vraiment vous familiariser avec la puissance et la souplesse de ce nouvel outil, pourquoi ne pas utiliser l'entrée de menu Fichier > Nouveau à partir d'un modèle… qui ouvre une nouvelle boîte de dialogue de modèle de page comprenant un onglet « Shape Builder » rempli de chemins complexes qui se chevauchent et qui sont idéaux pour l'expérimentation.