issue170:inkscape
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
issue170:inkscape [2021/06/29 08:34] – d52fr | issue170:inkscape [2021/06/30 15:43] (Version actuelle) – andre_domenech | ||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
The 1.1 release does bring a few welcome additions; however, I’m still working my way through the changes introduced with 1.0.x in this column, so the very latest changes will have to wait. This month will be all about the improved UI in the Trace Bitmap dialog.** | The 1.1 release does bring a few welcome additions; however, I’m still working my way through the changes introduced with 1.0.x in this column, so the very latest changes will have to wait. This month will be all about the improved UI in the Trace Bitmap dialog.** | ||
+ | |||
+ | Je commence à penser que les développeurs d' | ||
+ | |||
+ | La version 1.1 apporte quelques ajouts bienvenus ; cependant, je suis toujours en train de travailler sur les changements introduits avec la 1.0.x dans cet article ; donc, les tout derniers changements devront attendre. Ce mois-ci, nous parlerons de l' | ||
+ | |||
**Trace Bitmap Dialog | **Trace Bitmap Dialog | ||
Ligne 8: | Ligne 13: | ||
Here we can see the mis-titled “Move” tab (later versions corrected this to “Mode”), | Here we can see the mis-titled “Move” tab (later versions corrected this to “Mode”), | ||
+ | |||
+ | Boîte de dialogue Vectoriser un objet matriciel | ||
+ | |||
+ | Cette boîte de dialogue a subi quelques changements substantiels dans la disposition de ses options, en partie pour éviter une certaine confusion qui pouvait facilement se produire avec l' | ||
+ | |||
+ | Ici, nous pouvons voir l' | ||
+ | |||
**Within each mode area there are also various other parameters that affect the tracing algorithm. The layout makes it somewhat unclear whether these parameters all apply to every tracing method, or whether some are tied to particular algorithms (answer: it’s the latter). Finally there are options that affect all methods and modes, in the “Options” tab, plus a lone “SIOX foreground selection” option that I described in part 20 of this series, but which I summarised with “you would be better off separating out the foreground using The GIMP (which has its own, more interactive, | **Within each mode area there are also various other parameters that affect the tracing algorithm. The layout makes it somewhat unclear whether these parameters all apply to every tracing method, or whether some are tied to particular algorithms (answer: it’s the latter). Finally there are options that affect all methods and modes, in the “Options” tab, plus a lone “SIOX foreground selection” option that I described in part 20 of this series, but which I summarised with “you would be better off separating out the foreground using The GIMP (which has its own, more interactive, | ||
I will start with a small complaint. It’s a general Inkscape issue, but is particularly obvious in this dialog. As I prefer floating dialogs in windows over docked dialogs at the side of the canvas, I often have several windows, each of which contains only a single dialog inside it – as in this image. In that situation, I think it would be nicer for Inkscape to collapse the tab bar down to a smaller “grab handle” that could be used to re-dock the dialog, rather than showing a lone tab in a bar that stretches across the whole dialog, wasting quite a bit of space. The window title already tells me this is the Trace Bitmap dialog; I don’t think I need that information on a tab as well. And with this particular dialog, the first tab within the dialog also bears the same name, making the dialog tab seem doubly redundant, and potentially confusing.** | I will start with a small complaint. It’s a general Inkscape issue, but is particularly obvious in this dialog. As I prefer floating dialogs in windows over docked dialogs at the side of the canvas, I often have several windows, each of which contains only a single dialog inside it – as in this image. In that situation, I think it would be nicer for Inkscape to collapse the tab bar down to a smaller “grab handle” that could be used to re-dock the dialog, rather than showing a lone tab in a bar that stretches across the whole dialog, wasting quite a bit of space. The window title already tells me this is the Trace Bitmap dialog; I don’t think I need that information on a tab as well. And with this particular dialog, the first tab within the dialog also bears the same name, making the dialog tab seem doubly redundant, and potentially confusing.** | ||
+ | |||
+ | Dans chaque zone de mode, on trouve également divers autres paramètres qui affectent l' | ||
+ | |||
+ | Je vais commencer par une petite plainte. C'est un problème général d' | ||
+ | |||
**Moving on to the real content of the dialog, you can see that the tabs along the top have been completely replaced. The old “Mode” tab is now “Trace bitmap”, and within that section are two large buttons for switching between the Single scan and Multiple scans modes. Gone are the radio buttons for selecting the tracing method, replaced instead with a single pop-up which greatly reduces the visual clutter. The parameters below change according to the selection in this pop-up, avoiding any confusion about which fields apply to which methods. | **Moving on to the real content of the dialog, you can see that the tabs along the top have been completely replaced. The old “Mode” tab is now “Trace bitmap”, and within that section are two large buttons for switching between the Single scan and Multiple scans modes. Gone are the radio buttons for selecting the tracing method, replaced instead with a single pop-up which greatly reduces the visual clutter. The parameters below change according to the selection in this pop-up, avoiding any confusion about which fields apply to which methods. | ||
Ligne 18: | Ligne 35: | ||
Aside from the UI changes, the operation of this part of the dialog remains unchanged from previous versions – apart from the addition of some new tracing modes that I will look at next month. For details on how to use the older modes, therefore, parts 19 and 20 of this series still apply.** | Aside from the UI changes, the operation of this part of the dialog remains unchanged from previous versions – apart from the addition of some new tracing modes that I will look at next month. For details on how to use the older modes, therefore, parts 19 and 20 of this series still apply.** | ||
+ | |||
+ | En ce qui concerne le contenu réel de la boîte de dialogue, vous pouvez constater que les onglets situés en haut de la page ont été complètement remplacés. L' | ||
+ | |||
+ | Enfin, les paramètres globaux qui se trouvaient auparavant dans l' | ||
+ | |||
+ | En dehors des modifications apportées à l' | ||
+ | |||
**Trace Pixel Art | **Trace Pixel Art | ||
Ligne 26: | Ligne 50: | ||
As the name suggests, this mode is intended for tracing pixel-based graphics, such as icons, emojis, or other small bitmap images. When scaling up a small image, you will often find that the interpolation algorithms that are commonly used can result in a blurry appearance, as intermediate colors are used for the new pixels that need to be created, losing any crisp transitions that are an essential part of the design. The Pixel Art tracer attempts to produce vector elements that will reproduce the original image, but which can be scaled without introducing a blurred or softened result. How effective it is at this will depend largely on the source image, and the result you’re looking for.** | As the name suggests, this mode is intended for tracing pixel-based graphics, such as icons, emojis, or other small bitmap images. When scaling up a small image, you will often find that the interpolation algorithms that are commonly used can result in a blurry appearance, as intermediate colors are used for the new pixels that need to be created, losing any crisp transitions that are an essential part of the design. The Pixel Art tracer attempts to produce vector elements that will reproduce the original image, but which can be scaled without introducing a blurred or softened result. How effective it is at this will depend largely on the source image, and the result you’re looking for.** | ||
+ | |||
+ | Pixel Art | ||
+ | |||
+ | Le mode « Pixel art » n'est pas vraiment nouveau - il est apparu pour la première fois dans la version 0.91, mais je ne l'ai pas encore abordé dans cette série. À l' | ||
+ | |||
+ | Dans la version 1.0, l' | ||
+ | |||
+ | Comme son nom l' | ||
+ | |||
**As an example, I decided to trace the 16px × 16px image used as a “favicon” on the Full Circle Magazine website. It’s a tiny representation of the orange circle with white swirls that forms the logo of this magazine. Let’s see what the preview pane in the dialog makes of it. | **As an example, I decided to trace the 16px × 16px image used as a “favicon” on the Full Circle Magazine website. It’s a tiny representation of the orange circle with white swirls that forms the logo of this magazine. Let’s see what the preview pane in the dialog makes of it. | ||
Ligne 32: | Ligne 65: | ||
The “optimize” checkbox at least has an understandable tooltip. It claims that enabling it will try to optimize paths by joining adjacent Bézier curve segments. With my test images, however, it served to only cut off the corners of some paths, resulting in holes within the design.** | The “optimize” checkbox at least has an understandable tooltip. It claims that enabling it will try to optimize paths by joining adjacent Bézier curve segments. With my test images, however, it served to only cut off the corners of some paths, resulting in holes within the design.** | ||
+ | |||
+ | À titre d' | ||
+ | |||
+ | Les différents champs à compteur de la section Heuristique sont un mystère pour moi. Ils ont tous des infobulles... qui ne font rien pour clarifier leur but. Elles font référence à des paramètres de l' | ||
+ | |||
+ | La case à cocher « optimisé » a au moins une info-bulle compréhensible. Il y est affirmé que si elle est activée, elle essaiera d' | ||
+ | |||
**In the Output section, you can decide between producing shapes that have entirely straight edges (Voronoi), or which may include curves (B-splines). When tracing very small images, this is a matter of personal taste. With larger images – even those of only a few hundred pixels – the Voronoi output can take a lot longer, and may not produce the result you expect. | **In the Output section, you can decide between producing shapes that have entirely straight edges (Voronoi), or which may include curves (B-splines). When tracing very small images, this is a matter of personal taste. With larger images – even those of only a few hundred pixels – the Voronoi output can take a lot longer, and may not produce the result you expect. | ||
Ligne 38: | Ligne 78: | ||
The lower part of the image shows the result of the tracing algorithm, with the B-spline versions on the left, and the Voronoi versions on the right. In each case, there’s a column showing the results when the parameters are left at their defaults, and one showing the results when all the parameters are set to their maximum values. The bottom row shows the result of enabling the Optimize checkbox. In most cases I suspect that creating an un-optimized B-spline using the default values will be good enough.** | The lower part of the image shows the result of the tracing algorithm, with the B-spline versions on the left, and the Voronoi versions on the right. In each case, there’s a column showing the results when the parameters are left at their defaults, and one showing the results when all the parameters are set to their maximum values. The bottom row shows the result of enabling the Optimize checkbox. In most cases I suspect that creating an un-optimized B-spline using the default values will be good enough.** | ||
+ | |||
+ | Dans la section Résultat, vous pouvez choisir de produire des formes dont les bords sont entièrement droits (Voronoï) ou qui peuvent inclure des courbes (B-splines). Pour la vectorisation de très petites images, c'est une question de goût personnel. Avec des images plus grandes, même celles de quelques centaines de pixels seulement, la sortie Motif de Voronoï peut prendre beaucoup plus de temps et ne pas donner le résultat escompté. | ||
+ | |||
+ | Voyons le résultat de l' | ||
+ | |||
+ | La partie basse de l' | ||
+ | |||
**The close similarity between all the results may simply be because my choice of test images doesn’t really do justice to the algorithm, but it was actually rather difficult to find genuinely small pixel images. Many examples of “pixel art” that you might find online have the appearance of being pixellated, while actually being made up of a much larger collection of pixels. For example, here’s one I tried from Wikimedia Commons: | **The close similarity between all the results may simply be because my choice of test images doesn’t really do justice to the algorithm, but it was actually rather difficult to find genuinely small pixel images. Many examples of “pixel art” that you might find online have the appearance of being pixellated, while actually being made up of a much larger collection of pixels. For example, here’s one I tried from Wikimedia Commons: | ||
Ligne 46: | Ligne 93: | ||
The top-left shows shapes from the B-spline tracing. The black pixels that form a diagonal edge in the original image have been turned into a single path, with far more nodes than necessary, as a result of the 8×8 pixel blocks. The resultant trace consists of a group of 69 individual objects, each of them an overly defined path.** | The top-left shows shapes from the B-spline tracing. The black pixels that form a diagonal edge in the original image have been turned into a single path, with far more nodes than necessary, as a result of the 8×8 pixel blocks. The resultant trace consists of a group of 69 individual objects, each of them an overly defined path.** | ||
+ | |||
+ | La grande similitude entre tous ces résultats est peut-être simplement due au fait que mon choix d' | ||
+ | |||
+ | Un comptage des « pixels » évidents dans l' | ||
+ | |||
+ | Dans les deux cas, le traçage a pris beaucoup plus de temps qu' | ||
+ | |||
+ | En haut à gauche, on voit les formes de la vectorisation avec B-spline. Les pixels noirs qui forment un bord diagonal dans l' | ||
+ | |||
**The Voronoi mode fares even worse. Here the individual pixels of the 8×8 blocks have been converted into separate paths, resulting in a group of 63,000 objects! That’s quite a result from what was clearly designed as a 32px × 32px icon (1,024 pixels in total). It also explains why it looks faint: the large number of closely spaced objects plays havoc with Inkscape’s anti-aliasing algorithm, as it tries to resolve the individual edges of the shapes. | **The Voronoi mode fares even worse. Here the individual pixels of the 8×8 blocks have been converted into separate paths, resulting in a group of 63,000 objects! That’s quite a result from what was clearly designed as a 32px × 32px icon (1,024 pixels in total). It also explains why it looks faint: the large number of closely spaced objects plays havoc with Inkscape’s anti-aliasing algorithm, as it tries to resolve the individual edges of the shapes. | ||
Ligne 52: | Ligne 108: | ||
As great as it is to have advanced algorithms in Inkscape, what I would really like to see in terms of tracing pixel art is a mode that simply takes each individual pixel and converts it to an Inkscape square, with an option to merge adjacent squares of the same color into a path. You can kind-of achieve this with the Tiled Clones dialog, if you know what you’re doing, but adding that as an option to the Trace Bitmap dialog would likely cover most people’s pixel tracing requirements, | As great as it is to have advanced algorithms in Inkscape, what I would really like to see in terms of tracing pixel art is a mode that simply takes each individual pixel and converts it to an Inkscape square, with an option to merge adjacent squares of the same color into a path. You can kind-of achieve this with the Tiled Clones dialog, if you know what you’re doing, but adding that as an option to the Trace Bitmap dialog would likely cover most people’s pixel tracing requirements, | ||
+ | |||
+ | Le mode Voronoï est encore pire. Ici, les pixels individuels des blocs 8 × 8 ont été convertis en chemins séparés, ce qui donne un groupe de 63 000 objets ! C'est un sacré résultat pour une icône clairement conçue comme une icône de 32 px × 32 px (1 024 pixels au total). Cela explique également pourquoi l' | ||
+ | |||
+ | Essayer de convertir quelque chose d' | ||
+ | |||
+ | Même si c'est génial d' | ||
+ | |||
issue170/inkscape.1624948478.txt.gz · Dernière modification : 2021/06/29 08:34 de d52fr