| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| issue215:inkscape [2025/03/30 09:16] – d52fr | issue215:inkscape [2025/04/01 18:36] (Version actuelle) – andre_domenech |
|---|
| As of version 1.4, it works with bitmap images too. Which gives us yet another way to chop up La Giaconda into smaller parts that can be freely rearranged. As before, I plan to isolate her head and hands, so the first step is to drop my bitmap image into Inkscape and draw some shapes marking the areas of the picture that I want to keep.** | As of version 1.4, it works with bitmap images too. Which gives us yet another way to chop up La Giaconda into smaller parts that can be freely rearranged. As before, I plan to isolate her head and hands, so the first step is to drop my bitmap image into Inkscape and draw some shapes marking the areas of the picture that I want to keep.** |
| |
| Il y a plus de dix ans, en 2014, l'un de ces articles traitait de l'utilisation des tracés de découpe pour exploiter efficacement plusieurs parties d'une même image bitmap dans une conception, sans avoir à inclure plusieurs copies des données du fichier (partie 32, FCM n° 92). Plus récemment, la même idée a été revisitée (partie 148, FCM n° 208) avec l'ajout de l'option « Découper l'image » dans le menu contextuel des images bitmap. Dans ce cas, le problème n'est pas tant que l'image n'est pas incluse plus d'une fois, mais plutôt que la plupart des parties inutilisées sont supprimées, ce qui donne lieu à des images intégrées distinctes, nécessitant moins d'espace de stockage dans le fichier SVG. Cette fonctionnalité a été ajoutée dans Inkscape 1.3, mais elle était loin d'être l'ajout phare de cette version. | Il y a plus de dix ans, en 2014, l'un de ces articles traitait de l'utilisation des tracés de découpe pour exploiter efficacement plusieurs parties d'une même image bitmap dans un dessin, sans avoir à inclure plusieurs copies des données du fichier (partie 32, FCM n° 92). Plus récemment, la même idée a été revisitée (partie 148, FCM n° 208) avec l'ajout de l'option « Découper l'image » dans le menu contextuel des images bitmap. Dans ce cas, le problème n'est pas tant que l'image n'est pas incluse plus d'une fois, mais plutôt que la plupart des parties inutilisées sont supprimées, ce qui donne lieu à des images intégrées distinctes, nécessitant moins d'espace de stockage dans le fichier SVG. Cette fonctionnalité a été ajoutée dans Inkscape 1.3, mais elle était loin d'être l'ajout phare de cette version. |
| |
| Le changement le plus plébiscité dans Inkscape 1.3 est probablement l'ajout de l'Outil de construction de formes, que j'ai abordé dans la partie 137 de cette série (FCM n° 197). Si vous ne connaissez pas cet outil, je vous recommande de lire cet article avant de poursuivre celui-ci. Comme je l'y ai décrit, « L'Outil de construction de formes peut être considéré comme un moyen pratique d'effectuer certaines opérations booléennes entre objets », ce qui laisse entrevoir sa principale limite : il ne fonctionne qu'avec des objets vectoriels. | Le changement le plus plébiscité dans Inkscape 1.3 est probablement l'ajout de l'Outil de construction de formes, que j'ai abordé dans la partie 137 de cette série (FCM n° 197). Si vous ne connaissez pas cet outil, je vous recommande de lire la partie 137 avant de poursuivre celle-ci. Comme je l'y ai décrit, « L'Outil de construction de formes peut être considéré comme un moyen pratique d'effectuer certaines opérations booléennes entre objets », ce qui laisse entrevoir sa principale limite : il ne fonctionne qu'avec des objets vectoriels. Jusqu'à ce jour. |
| |
| Dans la version 1.4, il fonctionne également avec les images bitmap. Cela nous offre une autre façon de découper La Joconde en parties plus petites, librement réorganisables. Comme précédemment, je prévois d'isoler sa tête et ses mains. La première étape consiste donc à déposer mon image bitmap dans Inkscape et à dessiner des formes marquant les zones de l'image que je souhaite conserver. | Dans la version 1.4, il fonctionne également avec les images bitmap. Cela nous offre une autre façon de découper La Joconde en parties plus petites, librement réorganisables. Comme précédemment, je prévois d'isoler sa tête et ses mains. La première étape consiste donc à déposer mon image bitmap dans Inkscape et à dessiner des formes marquant les zones de l'image que je souhaite conserver. |
| • Press Enter, or click on the Accept button in the tool control bar.** | • Press Enter, or click on the Accept button in the tool control bar.** |
| |
| Dans la version 2014 de cette technique, je devais alors grouper l'image, puis accéder au groupe pour la cloner, copier le clone dans le presse-papiers, quitter le groupe, coller le clone et utiliser les deux points de suspension comme chemins de découpe. Cette méthode est efficace, mais nécessite plusieurs étapes et une compréhension approfondie de la structure finale du fichier SVG. L'approche de 2024, avec Inkscape 1.3 ou version ultérieure, est un peu plus simple. Plutôt que de créer des agencements complexes de groupes et de clones, il suffit de dupliquer l'image (Ctrl-D) jusqu'à obtenir autant de copies que de formes à découper. Chaque copie est ensuite découpée avec l'une des formes ; dans ce cas, je duplique une fois et découpe deux fois. La sélection de l'une de ces versions découpées affiche un cadre indiquant clairement que l'image entière est toujours présente ; jusqu'à présent, vous n'avez fait qu'augmenter considérablement la taille de votre fichier en raison de cette duplication. | Dans la version 2014 de cette technique, je devais alors grouper l'image, puis accéder au groupe pour la cloner, copier le clone dans le presse-papiers, quitter le groupe, coller le clone et utiliser les deux ellipses comme chemins de découpe. Cette méthode est efficace, mais nécessite plusieurs étapes et une compréhension approfondie de la structure finale du fichier SVG. L'approche de 2024, avec Inkscape 1.3 ou version ultérieure, est un peu plus simple. Plutôt que de créer des agencements complexes de groupes et de clones, il suffit de dupliquer l'image (Ctrl-D) jusqu'à obtenir autant de copies que de formes à découper. Chaque copie est ensuite découpée avec l'une des formes ; dans ce cas, je duplique une fois et découpe deux fois. La sélection de l'une de ces versions découpées affiche un cadre indiquant clairement que l'image entière est toujours présente ; jusqu'à présent, vous n'avez fait qu'augmenter considérablement la taille de votre fichier en raison de cette duplication. |
| |
| La dernière étape consiste à faire un clic droit sur chaque image découpée et à sélectionner « Découper l'image ». Cela supprime une grande partie du contenu de l'image, de sorte que les cadres de délimitation sont désormais aussi grands que nécessaire, et la barre d'état indique que les dimensions de l'image ont été réduites. | La dernière étape consiste à faire un clic droit sur chaque image découpée et à sélectionner « Découper l'image ». Cela supprime une grande partie du contenu de l'image, de sorte que les cadres de délimitation sont désormais aussi grands que nécessaire et la barre d'état indique que les dimensions de l'image ont été réduites. |
| |
| Nous sommes en 2025 et Inkscape 1.4 propose une nouvelle approche, plus simple à appliquer que les deux précédentes. Le résultat sera conceptuellement plus proche de la première, mais sa simplicité à elle seule en fait probablement l'approche privilégiée dans la plupart des cas. Les étapes sont les suivantes : | Nous sommes en 2025 et Inkscape 1.4 propose une nouvelle approche, plus simple à appliquer que les deux précédentes. Le résultat sera conceptuellement plus proche de la première, mais sa simplicité à elle seule en fait probablement l'approche privilégiée dans la plupart des cas. Les étapes sont les suivantes : |
| L'image originale n'étant plus présente sur le canevas, vous ne pouvez pas la sélectionner pour la cloner à nouveau si vous devez créer une autre forme découpée, par exemple en vous concentrant sur les yeux ou la bouche. À première vue, cela peut sembler une limitation de cette approche par rapport à l'ancienne méthode, mais il existe une solution très simple pour résoudre ce problème. | L'image originale n'étant plus présente sur le canevas, vous ne pouvez pas la sélectionner pour la cloner à nouveau si vous devez créer une autre forme découpée, par exemple en vous concentrant sur les yeux ou la bouche. À première vue, cela peut sembler une limitation de cette approche par rapport à l'ancienne méthode, mais il existe une solution très simple pour résoudre ce problème. |
| |
| Si vous avez besoin d'un autre clone de l'image, dupliquez (ou copiez-collez) l'une de vos formes découpées existantes, puis relâchez le clip via le menu contextuel ou le menu Objet > Découpe > Relâcher la découpe. Vous obtiendrez ainsi un clone de l'image de la section <defs>, ainsi qu'une copie de votre tracé de découpe, que vous pourrez ensuite supprimer ou modifier si nécessaire. Ne soyez pas surpris si le tracé de découpe est légèrement différent de l'original : Inkscape supprime les données de style lorsque le tracé est utilisé pour la découpe de cette manière, car elles ne sont plus nécessaires. Vous verrez donc le rendu SVG par défaut d'un tracé avec un remplissage et un contour non définis, qui semble avoir un remplissage noir. | Si vous avez besoin d'un autre clone de l'image, dupliquez (ou copiez-collez) l'une de vos formes découpées existantes, puis relâchez la découpe via le menu contextuel ou le menu Objet > Découpe > Relâcher la découpe. Vous obtiendrez ainsi un clone de l'image de la section <defs>, ainsi qu'une copie de votre tracé de découpe, que vous pourrez ensuite supprimer ou modifier si nécessaire. Ne soyez pas surpris si le tracé de découpe est légèrement différent de l'original : Inkscape supprime les données de style lorsque le tracé est utilisé pour la découpe de cette manière, car elles ne sont plus nécessaires. Vous verrez donc le rendu SVG par défaut d'un tracé avec un remplissage et un contour non définis, qui semble avoir un remplissage noir. |
| |
| |
| Creating an inverse clipping path has historically required manual work with Boolean operations.** | Creating an inverse clipping path has historically required manual work with Boolean operations.** |
| |
| Lorsque vous utilisez l'Outil de construction de formes avec une image bitmap, il est également très facile de créer une « découpe inversée ». Nous avons vu comment découper l'image pour ne conserver que les zones délimitées par des tracés, mais il est tout aussi simple de supprimer uniquement ces zones. Imaginez, par exemple, de créer une version de l'image avec le visage perforé (pour ainsi dire). Pour cela, les étapes sont très similaires aux précédentes : | Lorsque vous utilisez l'Outil de construction de formes avec une image bitmap, il est également très facile de créer une « découpe inversée ». Nous avons vu comment découper l'image pour ne conserver que les zones délimitées par des tracés, mais il est tout aussi simple de supprimer uniquement ces zones. Imaginez, par exemple, de créer une version de l'image où le visage n'existe plus (pour ainsi dire). Pour cela, les étapes sont très similaires aux précédentes : |
| ••Préparez l'image bitmap et la forme de découpe. | ••Préparez l'image bitmap et la forme de découpe. |
| ••Sélectionnez tous les objets. | ••Sélectionnez tous les objets. |
| The top design results in a single complex clipping path consisting of an inner and an outer loop. The bottom design results in two clipping paths: one simple path for the eyes, and a complex path for the outer section. Each of the resultant shapes in the bottom design can be moved independently, which may not necessarily be what you want.** | The top design results in a single complex clipping path consisting of an inner and an outer loop. The bottom design results in two clipping paths: one simple path for the eyes, and a complex path for the outer section. Each of the resultant shapes in the bottom design can be moved independently, which may not necessarily be what you want.** |
| |
| Plus récemment, Inkscape a proposé un moyen direct d'y parvenir via Objet > Découpe > Découpe Inversée. Cependant, comme son nom l'indique, cette méthode utilise un effet de tracé dynamique plutôt que de simplement créer un tracé inverse approprié. De plus, elle ne fonctionne pas sur les images bitmap ; elle est donc vouée à l'échec dans ce cas précis. L'approche de l'Outil de construction de Formes est bien plus simple que de créer soi-même un tracé inverse approprié ; c'est donc celle que j'utiliserai sans hésiter à l'avenir. | Plus récemment, Inkscape a proposé un moyen direct d'y parvenir via Objet > Découpe > Découpe Inversée. Cependant, comme son nom l'indique, cette méthode utilise un effet de tracé dynamique plutôt que de simplement créer un tracé inverse approprié. De plus, elle ne fonctionne pas sur les images bitmap ; elle est donc vouée à l'échec dans ce cas précis. L'approche de l'Outil de construction de formes est bien plus simple que de créer soi-même un tracé inverse approprié ; c'est donc celle que j'utiliserai sans hésiter à l'avenir. |
| |
| Si vous souhaitez récupérer votre tracé original, non inversé, lorsque vous relâchez la découpe, sélectionnez simplement le tracé de découpe inverse, utilisez Chemin > Séparer et supprimez la partie extérieure. | Si vous souhaitez récupérer votre tracé original, non inversé, lorsque vous relâchez la découpe, sélectionnez simplement le tracé de découpe inverse, utilisez Chemin > Séparer et supprimez la partie extérieure. |
