issue184:inkscape
Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
issue184:inkscape [2022/08/28 15:18] – créée auntiee | issue184:inkscape [2022/08/31 11:53] (Version actuelle) – auntiee | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | I first described the Taper Stroke LPE in part 67 of this series (FCM#127). Back then, it was in the context of manually tracing an image. As an example, I took the ‘Frankie’ cartoon character, originally drawn by Vincent Mealing for our “Monsters, | + | **I first described the Taper Stroke LPE in part 67 of this series (FCM#127). Back then, it was in the context of manually tracing an image. As an example, I took the ‘Frankie’ cartoon character, originally drawn by Vincent Mealing for our “Monsters, |
With Inkscape version 1.1, several new additions were made to the Taper Stroke parameters – enough to warrant a quick update in this series. Here’s how the UI appears now: | With Inkscape version 1.1, several new additions were made to the Taper Stroke parameters – enough to warrant a quick update in this series. Here’s how the UI appears now: | ||
- | The first change is that the Taper Smoothing control has now been split into two parameters, governing the start and end smoothing respectively. In this context, smoothing refers to the shape of the taper, from a very rounded taper (smoothing: 1.0) to a straight line (smoothing: 0). You can see both of these used on the image below, which shows some of the effects that can be produced with this LPE when used on exaggeratedly thick lines. The Left-hand line displays the sensible limits of the smoothing parameter (1.0 at the top, and 0 at the bottom), while the rightmost line shows the effect of setting these to more extreme values (+/- 10.0 in this case). | + | The first change is that the Taper Smoothing control has now been split into two parameters, governing the start and end smoothing respectively. In this context, smoothing refers to the shape of the taper, from a very rounded taper (smoothing: 1.0) to a straight line (smoothing: 0). You can see both of these used on the image below, which shows some of the effects that can be produced with this LPE when used on exaggeratedly thick lines. The Left-hand line displays the sensible limits of the smoothing parameter (1.0 at the top, and 0 at the bottom), while the rightmost line shows the effect of setting these to more extreme values (+/- 10.0 in this case).** |
- | This image also shows the other addition to this LPE: the ability to alter the direction of the taper. The second and fourth lines use the default “center” direction, but the first and third have their start and end directions variously set to “left” and “right”. These are the only three options available – it’s not possible to have a taper that terminates only slightly left of center, for example. | + | J'ai décrit pour la première fois le LPE Contour fuselé dans la partie 67 de cette série (FCM n° 127). À l' |
+ | |||
+ | Avec la version 1.1 d' | ||
+ | |||
+ | Le premier changement est que le contrôle du lissage conique a maintenant été divisé en deux paramètres, | ||
+ | |||
+ | |||
+ | **This image also shows the other addition to this LPE: the ability to alter the direction of the taper. The second and fourth lines use the default “center” direction, but the first and third have their start and end directions variously set to “left” and “right”. These are the only three options available – it’s not possible to have a taper that terminates only slightly left of center, for example. | ||
It’s worth noting that the “left” and “right” designations are relative to the direction of the path. Imagine walking along the path from start to finish to determine which side of it is which. In the image below, the left-hand line has its directions set to “left”, and the right-hand line has its directions set to “right”, | It’s worth noting that the “left” and “right” designations are relative to the direction of the path. Imagine walking along the path from start to finish to determine which side of it is which. In the image below, the left-hand line has its directions set to “left”, and the right-hand line has its directions set to “right”, | ||
Ligne 11: | Ligne 18: | ||
I’ve left the leftmost line selected in order to show the handles that are visible when the Node tool (F2) is active. As has always been the case, you can drag these handles to adjust the length of the start and end tapers. A new addition, however, is that you can now shift-click on them to cycle between the three direction values, making it quick and easy to experiment with this upgraded capability. | I’ve left the leftmost line selected in order to show the handles that are visible when the Node tool (F2) is active. As has always been the case, you can drag these handles to adjust the length of the start and end tapers. A new addition, however, is that you can now shift-click on them to cycle between the three direction values, making it quick and easy to experiment with this upgraded capability. | ||
- | With that, we’ve reached the end of the new Live Path Effects added in Inkscape 1.0 and 1.1 (I’m skipping the experimental LPEs for the reasons mentioned last time). But these releases also brought with them some new extensions, which I’ll describe below, and next month. These can all be found under the Extensions menu, of course, and I’ve included the relevant submenu at the start of each section title. | + | With that, we’ve reached the end of the new Live Path Effects added in Inkscape 1.0 and 1.1 (I’m skipping the experimental LPEs for the reasons mentioned last time). But these releases also brought with them some new extensions, which I’ll describe below, and next month. These can all be found under the Extensions menu, of course, and I’ve included the relevant submenu at the start of each section title.** |
- | Render > Frame | + | Cette image montre également l' |
+ | |||
+ | Il est important de noter que les désignations « gauche » et « droite » sont relatives à la direction du chemin. Imaginez-vous en train de marcher le long du chemin du début à la fin pour déterminer quel côté est à droite et quel côté est à gauche. Dans l' | ||
+ | |||
+ | J'ai laissé la ligne la plus à gauche sélectionnée afin de montrer les poignées qui sont visibles lorsque l' | ||
+ | |||
+ | Avec cela, nous avons atteint la fin des nouveaux effets dynamiques de chemin (LPE) ajoutés dans Inkscape 1.0 et 1.1 (je passe sur les LPE expérimentaux pour les raisons mentionnées la dernière fois). Mais ces versions ont également apporté de nouvelles extensions, que je décrirai ci-dessous, et le mois prochain. Elles se trouvent toutes dans le menu Extensions, bien sûr, et j'ai inclus le sous-menu correspondant au début de chaque titre de section. | ||
+ | |||
+ | |||
+ | **Render > Frame | ||
Let’s start with a simple extension. This one draws a “frame” around each selected object in your image. I’ve put the word “frame” in quotes because it suggests something far more impressive than the result this extension produces. You might imagine an ornate picture frame, a Celtic knot style border, or perhaps something sweeping and calligraphic. Instead, what you actually get is what appears to be a rounded rectangle around each selected object. Except it’s not even a rounded rectangle – it’s a path – so there’s no easy way to change the corner radius after the fact. | Let’s start with a simple extension. This one draws a “frame” around each selected object in your image. I’ve put the word “frame” in quotes because it suggests something far more impressive than the result this extension produces. You might imagine an ornate picture frame, a Celtic knot style border, or perhaps something sweeping and calligraphic. Instead, what you actually get is what appears to be a rounded rectangle around each selected object. Except it’s not even a rounded rectangle – it’s a path – so there’s no easy way to change the corner radius after the fact. | ||
Ligne 21: | Ligne 37: | ||
Let’s look at it in action. We’ll begin by selecting multiple items on the canvas. In this case there are two selections – one single star at the top, and one group of two stars at the bottom. | Let’s look at it in action. We’ll begin by selecting multiple items on the canvas. In this case there are two selections – one single star at the top, and one group of two stars at the bottom. | ||
- | Now we’ll run the extension with some pretty standard values to get started: Position is set to Outside, the checkboxes are left un-ticked, the stroke width is set to 2px and the corner radius to 10. Finally the stroke color is set to black, and the fill (on the second tab) is transparent (alpha = 0). Here’s the result: | + | Now we’ll run the extension with some pretty standard values to get started: Position is set to Outside, the checkboxes are left un-ticked, the stroke width is set to 2px and the corner radius to 10. Finally the stroke color is set to black, and the fill (on the second tab) is transparent (alpha = 0). Here’s the result:** |
- | The Inside/ | + | Rendu > Cadre |
+ | |||
+ | Commençons par une extension simple. Celle-ci dessine un « cadre » autour de chaque objet sélectionné dans votre image. J'ai mis le mot « cadre » entre guillemets car il suggère quelque chose de bien plus impressionnant que le résultat produit par cette extension. Vous pourriez imaginer un cadre orné, une bordure de type nœud celtique, ou peut-être quelque chose d' | ||
+ | |||
+ | Dessiner un rectangle qui épouse exactement l' | ||
+ | |||
+ | Regardons-la en action. Nous allons commencer par sélectionner plusieurs éléments sur le canevas. Dans ce cas, il y a deux sélections - une seule étoile en haut et un groupe de deux étoiles en bas. | ||
+ | |||
+ | Nous allons maintenant exécuter l' | ||
+ | |||
+ | |||
+ | **The Inside/ | ||
The Clip checkbox determines whether or not the selected item should be clipped to the size of the frame. Often this will make little difference, but if your object has a thick border, for example, this can theoretically hide the portion that extends outside the frame. I say “theoretically” because I have not been able to get this feature to work reliably at all. Most of the time enabling the Clip option just results in the entire object being removed. I have seen it work correctly on one occasion, but I haven’t been able to reproduce that behaviour since. | The Clip checkbox determines whether or not the selected item should be clipped to the size of the frame. Often this will make little difference, but if your object has a thick border, for example, this can theoretically hide the portion that extends outside the frame. I say “theoretically” because I have not been able to get this feature to work reliably at all. Most of the time enabling the Clip option just results in the entire object being removed. I have seen it work correctly on one occasion, but I haven’t been able to reproduce that behaviour since. | ||
- | The Group checkbox, on the other hand, does seem to work. But all it does is group the selected object with its corresponding frame, saving you a small manual step if you need to keep the object and its frame together in this way. | + | The Group checkbox, on the other hand, does seem to work. But all it does is group the selected object with its corresponding frame, saving you a small manual step if you need to keep the object and its frame together in this way.** |
- | The new frame is rendered on top of the selected object. Bear that in mind before setting the Fill tab to use an opaque color, as it will obscure the original element. You can change the stacking order after applying the extension, of course, but it’s another step to be aware of. | + | La fenêtre contextuelle Interne/ |
- | I don’t really see the point in this extension. It would make some sense if there was a field in which to add a padding value, allowing for frames that don’t hug the content quite so tightly. If the frame could be rendered in the background as well, this would provide an easy way to add a box and background color for multiple items, turning them into buttons or icons, for example. As it stands, I see little benefit of using this extension over learning the small number of steps to perform this task manually, unless you have a very large number of objects that require tightly fitting rectangles around them for some reason. Ironically the next extension would have been a perfect example of a use for this feature, if it wasn’t for the fact that the output of the Frame extension is not at all in the right form for Export Layer Slices to use… | + | La case à cocher Chemin de découpe détermine si l' |
- | Export > Export Layer Slices | + | La case à cocher Groupe, en revanche, semble fonctionner. Mais tout ce qu' |
+ | |||
+ | **The new frame is rendered on top of the selected object. Bear that in mind before setting the Fill tab to use an opaque color, as it will obscure the original element. You can change the stacking order after applying the extension, of course, but it’s another step to be aware of. | ||
+ | |||
+ | I don’t really see the point in this extension. It would make some sense if there was a field in which to add a padding value, allowing for frames that don’t hug the content quite so tightly. If the frame could be rendered in the background as well, this would provide an easy way to add a box and background color for multiple items, turning them into buttons or icons, for example. As it stands, I see little benefit of using this extension over learning the small number of steps to perform this task manually, unless you have a very large number of objects that require tightly fitting rectangles around them for some reason. Ironically the next extension would have been a perfect example of a use for this feature, if it wasn’t for the fact that the output of the Frame extension is not at all in the right form for Export Layer Slices to use…** | ||
+ | |||
+ | Le nouveau cadre est rendu par-dessus l' | ||
+ | |||
+ | Je ne vois pas vraiment l' | ||
+ | |||
+ | |||
+ | **Export > Export Layer Slices | ||
Inkscape already has a native mechanism for exporting multiple items in a document as separate PNG files, via the Batch Export feature in the File ‣ Export PNG Image… dialog. This assumes that the items you want to export are individual elements, or are already grouped in the right way. You can get around this limitation by simply creating a layer on which to draw some rectangles (or other shapes) that mark out the sections of the page to export, then perform a Batch Export with those rectangles selected. Here’s a tip: if you don’t want the rectangles themselves to appear as part of the exported files, select them all and then hide the layer before you hit the Export button in the dialog – the Batch Export checkbox should still say “Batch export N selected objects”, where N is the number of shapes you selected in your slicing layer, but you’re not left with a visible stroke around the edge of each PNG. | Inkscape already has a native mechanism for exporting multiple items in a document as separate PNG files, via the Batch Export feature in the File ‣ Export PNG Image… dialog. This assumes that the items you want to export are individual elements, or are already grouped in the right way. You can get around this limitation by simply creating a layer on which to draw some rectangles (or other shapes) that mark out the sections of the page to export, then perform a Batch Export with those rectangles selected. Here’s a tip: if you don’t want the rectangles themselves to appear as part of the exported files, select them all and then hide the layer before you hit the Export button in the dialog – the Batch Export checkbox should still say “Batch export N selected objects”, where N is the number of shapes you selected in your slicing layer, but you’re not left with a visible stroke around the edge of each PNG. | ||
Ligne 39: | Ligne 77: | ||
The Export Layer Slices extension essentially does the same thing. To use it you have to create a slicing layer, then draw rectangles to mark the areas to be cut out and saved as separate PNGs. The layer has to be at the top level (rather than being a sub-layer), and the rectangles must actually be rectangles (i.e. < | The Export Layer Slices extension essentially does the same thing. To use it you have to create a slicing layer, then draw rectangles to mark the areas to be cut out and saved as separate PNGs. The layer has to be at the top level (rather than being a sub-layer), and the rectangles must actually be rectangles (i.e. < | ||
- | When creating your slicing layer, you need to ensure that the name of the layer is the same as the name used in the extension’s UI. By default, this is “slices”, | + | When creating your slicing layer, you need to ensure that the name of the layer is the same as the name used in the extension’s UI. By default, this is “slices”, |
- | Set your export directory, and the DPI for the images, and hit the Apply button to create your PNG files. If you want fine control over the filenames, you can first change the ID of each rectangle via the Object ‣ Object Properties dialog (don’t forget to hit the “Set” button). And you probably also want to tick the “Overwrite existing exports” checkbox, otherwise the extension will refuse to replace any existing files with the same names. | + | Exporter > Export Layer Slices |
+ | |||
+ | Inkscape dispose déjà d'un mécanisme natif permettant d' | ||
+ | |||
+ | L' | ||
+ | |||
+ | Lorsque vous créez votre calque de découpage, vous devez vous assurer que le nom du calque est le même que celui utilisé dans l' | ||
+ | |||
+ | |||
+ | **Set your export directory, and the DPI for the images, and hit the Apply button to create your PNG files. If you want fine control over the filenames, you can first change the ID of each rectangle via the Object ‣ Object Properties dialog (don’t forget to hit the “Set” button). And you probably also want to tick the “Overwrite existing exports” checkbox, otherwise the extension will refuse to replace any existing files with the same names. | ||
Unfortunately, | Unfortunately, | ||
- | But perhaps you want the rectangle included, to provide a nice border for your exported PNG. You take the time to set the stroke width and color… only to find that your own choice of styles is replaced by the extension after the export. The rectangle’s stroke is removed and the fill is replaced with a shade of gray (file already exists and was not overwritten), | + | But perhaps you want the rectangle included, to provide a nice border for your exported PNG. You take the time to set the stroke width and color… only to find that your own choice of styles is replaced by the extension after the export. The rectangle’s stroke is removed and the fill is replaced with a shade of gray (file already exists and was not overwritten), |
- | In my opinion, if you want to export multiple slices of your document defined by rectangles, you may as well just use the standard Batch Export approach, with an optionally hidden slicing layer. The benefits of the extension just aren’t great enough to make it a compelling new method of performing this task. | + | Définissez votre répertoire d' |
+ | |||
+ | Malheureusement, | ||
+ | |||
+ | Mais peut-être voulez-vous que le rectangle soit inclus, afin de créer une jolie bordure pour votre PNG exporté. Vous prenez le temps de définir la largeur et la couleur du trait... pour constater que votre propre choix de styles est remplacé par l' | ||
+ | |||
+ | |||
+ | **In my opinion, if you want to export multiple slices of your document defined by rectangles, you may as well just use the standard Batch Export approach, with an optionally hidden slicing layer. The benefits of the extension just aren’t great enough to make it a compelling new method of performing this task. | ||
This extension does offer one other trick, however: Icon mode. This is enabled via the checkbox of the same name, and while it initially appears useful, it’s also got a major flaw that makes it less than practical in a lot of cases. What this mode does is to ignore the DPI setting, and instead create a series of square images for each slicing region, using the pixel sizes defined in the “Sizes” text box. Unfortunately, | This extension does offer one other trick, however: Icon mode. This is enabled via the checkbox of the same name, and while it initially appears useful, it’s also got a major flaw that makes it less than practical in a lot of cases. What this mode does is to ignore the DPI setting, and instead create a series of square images for each slicing region, using the pixel sizes defined in the “Sizes” text box. Unfortunately, | ||
- | The image below shows the result of using Icon Mode on a single image from a character sheet. On the left you can see the original Inkscape drawing, complete with the slicing rectangle (in green, due to this screenshot being taken after the initial export). To the right, you can see the icons that were produced. Clearly not the result I would have liked or expected. | + | The image below shows the result of using Icon Mode on a single image from a character sheet. On the left you can see the original Inkscape drawing, complete with the slicing rectangle (in green, due to this screenshot being taken after the initial export). To the right, you can see the icons that were produced. Clearly not the result I would have liked or expected.** |
+ | |||
+ | À mon avis, si vous voulez exporter plusieurs tranches de votre document définies par des rectangles, vous pouvez tout aussi bien utiliser l' | ||
+ | |||
+ | Cette extension propose toutefois une autre astuce : le mode Icône. Celui-ci est activé via la case à cocher du même nom et, bien qu'il semble utile au départ, il présente également un défaut majeur qui le rend moins pratique dans de nombreux cas. Ce mode ignore le paramètre DPI et crée une série d' | ||
+ | |||
+ | L' | ||
+ | |||
+ | **So there we have two of the new extensions. I hate to be cynical, but I can’t really see much benefit in either of them. The Frame extension could perhaps be useful if it allowed some padding to be specified, and created real rectangles instead of paths. The Export Layer Slices extension could be useful if it didn’t also include the slicing rectangles in the output, and if it didn’t stretch the images out of proportion in Icon mode. | ||
+ | |||
+ | What’s most annoying is that these two extensions are frustratingly close to working well together. Imagine if the Frame extension’s default behaviour was to create real rectangles in a new “slices” layer (with optional padding, of course). Instantly, it becomes an easy way to create the initial slicing rectangles for the Layer Slices extension if you have a lot of elements to export. But instead, we get these two extensions, neither of which are great on their own, and which don’t work well together. What a shame.** | ||
- | So there we have two of the new extensions. | + | Voilà donc deux des nouvelles |
- | What’s most annoying is that these two extensions | + | Ce qui est le plus ennuyeux, c'est que ces deux extensions |
issue184/inkscape.1661692701.txt.gz · Dernière modification : 2022/08/28 15:18 de auntiee