issue190: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 | ||
issue190:inkscape [2023/02/27 14:22] – d52fr | issue190:inkscape [2023/02/28 15:46] (Version actuelle) – d52fr | ||
---|---|---|---|
Ligne 4: | Ligne 4: | ||
As I mentioned last time, switching between the new color pickers is done using a pop-up menu. This keeps the UI looking neat and tidy, but does mean a bit more mouse work, either in clicks or drags, to switch back and forth between the choices. If you do need to change between different pickers quite frequently, then you might find it more convenient to return to a UI that presents all the options at once. In that case, open the Inkscape Preferences (Edit > Preferences) and select the ‘Interface’ entry at the left (select it, don’t just expand it). Part-way down, you’ll find the ‘Use compact color selector mode switch’ option.** | As I mentioned last time, switching between the new color pickers is done using a pop-up menu. This keeps the UI looking neat and tidy, but does mean a bit more mouse work, either in clicks or drags, to switch back and forth between the choices. If you do need to change between different pickers quite frequently, then you might find it more convenient to return to a UI that presents all the options at once. In that case, open the Inkscape Preferences (Edit > Preferences) and select the ‘Interface’ entry at the left (select it, don’t just expand it). Part-way down, you’ll find the ‘Use compact color selector mode switch’ option.** | ||
+ | |||
+ | La dernière fois, nous avons examiné les sélecteurs de couleurs mis à jour dans la boîte de dialogue Fond et contour, y compris la roue chromatique plus largement disponible, et le nouveau sélecteur de couleurs HSLuv. | ||
+ | |||
+ | Pour être honnête, j'ai toujours du mal à comprendre comment choisir une couleur cible spécifique dans le sélecteur HSLuv, mais il est apparemment destiné à faciliter le choix de couleurs qui ont une saturation similaire optiquement. Vous pouvez trouver qu'une utilisation pratique de ce mode est d' | ||
+ | |||
+ | Comme je l'ai mentionné la dernière fois, le passage d'un sélecteur de couleurs à un autre se fait par le biais d'un menu contextuel. Cela permet à l' | ||
+ | |||
**Un-check that option and the color picker pop-up will be replaced by a group of radio buttons instead. It’s not the nested-tabs interface of old, but it’s a bit closer to the previous design, and requires fewer mouse interactions. | **Un-check that option and the color picker pop-up will be replaced by a group of radio buttons instead. It’s not the nested-tabs interface of old, but it’s a bit closer to the previous design, and requires fewer mouse interactions. | ||
Ligne 12: | Ligne 19: | ||
The old editor was sparse and could best be described as ‘functional’. But it was still extremely useful at times. When dealing with very small objects or complex scenes, it’s often easier to edit a gradient via a separate UI, rather than on the canvas. The re-addition of a dedicated editor, as well as the on-canvas tools, now offers the best of both worlds. And the new editor is a lot more functional than the old one, too.** | The old editor was sparse and could best be described as ‘functional’. But it was still extremely useful at times. When dealing with very small objects or complex scenes, it’s often easier to edit a gradient via a separate UI, rather than on the canvas. The re-addition of a dedicated editor, as well as the on-canvas tools, now offers the best of both worlds. And the new editor is a lot more functional than the old one, too.** | ||
+ | |||
+ | Si vous décochez cette option, la fenêtre du sélecteur de couleur sera remplacée par un groupe de boutons radio. Ce n'est pas l' | ||
+ | |||
+ | Jusqu' | ||
+ | |||
+ | Les sélecteurs de couleurs sont notamment utilisés dans l' | ||
+ | |||
+ | L' | ||
+ | |||
**As has long been the case, linear and radial gradients are separate buttons at the top of the Fill or Stroke Paint tabs of the dialog. You can also find Mesh Gradients here, but they have nothing to do with the gradient editor, and still have to be modified entirely on-canvas. Having selected either Linear or Radial gradient mode, you’re presented with a compact UI that squeezes a lot of options into a small space. | **As has long been the case, linear and radial gradients are separate buttons at the top of the Fill or Stroke Paint tabs of the dialog. You can also find Mesh Gradients here, but they have nothing to do with the gradient editor, and still have to be modified entirely on-canvas. Having selected either Linear or Radial gradient mode, you’re presented with a compact UI that squeezes a lot of options into a small space. | ||
Ligne 18: | Ligne 34: | ||
You may wonder why I think this is so important: this is the key to avoiding gradient proliferation. Particularly in very complex drawings, it’s possible to end up with a large number of gradients, many of which are either identical, or similar enough, that they could be replaced with a single entry. In that case, you may wish to consolidate some of those gradients into one, ensuring that all the objects update when you change the gradient, and potentially resulting in a smaller file size too. Conversely, you might want to ensure that each gradient is used only once, so that edits for one object don’t affect any others. This pop-up shows you all the gradients that currently exist in the document, together with a count of the number of objects they’re applied to. With an object selected on the canvas, pick a gradient from this list to have it applied, replacing any existing gradient it might have had (you should also see the count – in the ‘#’ column – increase when you do this). The pop-up is also a good way to see if you still have any gradients in the document that aren’t being used (the count column shows 0), and which can therefore be removed by using File > Clean Up Document, before saving. Note that these will also be auto-removed if the ‘Auto-delete unused gradients’ setting is enabled in Edit > Preferences, | You may wonder why I think this is so important: this is the key to avoiding gradient proliferation. Particularly in very complex drawings, it’s possible to end up with a large number of gradients, many of which are either identical, or similar enough, that they could be replaced with a single entry. In that case, you may wish to consolidate some of those gradients into one, ensuring that all the objects update when you change the gradient, and potentially resulting in a smaller file size too. Conversely, you might want to ensure that each gradient is used only once, so that edits for one object don’t affect any others. This pop-up shows you all the gradients that currently exist in the document, together with a count of the number of objects they’re applied to. With an object selected on the canvas, pick a gradient from this list to have it applied, replacing any existing gradient it might have had (you should also see the count – in the ‘#’ column – increase when you do this). The pop-up is also a good way to see if you still have any gradients in the document that aren’t being used (the count column shows 0), and which can therefore be removed by using File > Clean Up Document, before saving. Note that these will also be auto-removed if the ‘Auto-delete unused gradients’ setting is enabled in Edit > Preferences, | ||
+ | |||
+ | Comme c'est le cas depuis longtemps, les dégradés linéaires et radiaux sont des boutons distincts situés en haut des onglets Fond et Contour de la boîte de dialogue. Vous pouvez également trouver ici des dégradés de maillage, mais ils n'ont rien à voir avec l' | ||
+ | |||
+ | En haut à gauche se trouve l'une des parties les plus importantes de cette interface, mais il est facile de l' | ||
+ | |||
+ | Vous vous demandez peut-être pourquoi je pense que c'est si important : c'est la clé pour éviter la prolifération des dégradés. En particulier dans les dessins très complexes, il est possible de se retrouver avec un grand nombre de dégradés, dont beaucoup sont soit identiques, soit suffisamment similaires pour être remplacés par une seule entrée. Dans ce cas, vous pouvez regrouper certains de ces dégradés en un seul, ce qui garantit que tous les objets sont mis à jour lorsque vous modifiez le dégradé et permet de réduire la taille du fichier. À l' | ||
+ | |||
**At the bottom of this pop-up are plus and minus buttons. The former will duplicate the currently selected gradient and apply it to the currently selected object(s). This is useful if you need a gradient that is similar to an existing one, but want a separate copy that can be edited without affecting other objects. The minus button deletes the currently selected gradient if it is ‘unused’. The use of this word in the tooltip is perhaps a little misleading: it will delete a gradient if it is actively used on the currently selected object, but no others – i.e. if there’s a ‘1’ in the count column (so, not really ‘unused’ then). The button becomes disabled if the column holds ‘2’ or more, preventing really serious disasters that might affect many objects. What it doesn’t do is clear out any non-selected gradients, whether they have a ‘1’ or even a ‘0’ in the count column. You either have to select-then-remove each of those separately, or use the File > Clean Up Document option to delete the ‘0’ entries en masse. | **At the bottom of this pop-up are plus and minus buttons. The former will duplicate the currently selected gradient and apply it to the currently selected object(s). This is useful if you need a gradient that is similar to an existing one, but want a separate copy that can be edited without affecting other objects. The minus button deletes the currently selected gradient if it is ‘unused’. The use of this word in the tooltip is perhaps a little misleading: it will delete a gradient if it is actively used on the currently selected object, but no others – i.e. if there’s a ‘1’ in the count column (so, not really ‘unused’ then). The button becomes disabled if the column holds ‘2’ or more, preventing really serious disasters that might affect many objects. What it doesn’t do is clear out any non-selected gradients, whether they have a ‘1’ or even a ‘0’ in the count column. You either have to select-then-remove each of those separately, or use the File > Clean Up Document option to delete the ‘0’ entries en masse. | ||
One feature which is still missing from this part of the UI, and which I would love to see added, is an option to select all the objects that use a particular gradient. It’s all well and good knowing that I’ve still got one object left on the page using a gradient, but it would be better still if the application could show me which object it is!** | One feature which is still missing from this part of the UI, and which I would love to see added, is an option to select all the objects that use a particular gradient. It’s all well and good knowing that I’ve still got one object left on the page using a gradient, but it would be better still if the application could show me which object it is!** | ||
+ | |||
+ | En bas de cette fenêtre pop-up se trouvent des boutons plus et moins. Le premier dupliquera le dégradé actuellement sélectionné et l' | ||
+ | |||
+ | Une fonctionnalité qui manque encore dans cette partie de l' | ||
+ | |||
**Moving on from this pop-up, on the same row of controls, you’ll next find a small button. In my screenshot, it’s shown as a double-headed arrow, but it may differ depending on what icon set you use. This button reverses the entire gradient, flipping the order of all the stops. Note that using this button will automatically create a copy of your gradient (assuming the ‘Prevent sharing of gradient definitions’ preference is enabled in the Tools > Gradient pane of the prefs), so any other objects sharing the original won’t be adversely affected. I don’t really know why this button doesn’t deserve to have a label when all the other controls on this row do, but it means that it doesn’t stand out quite as much as it should. | **Moving on from this pop-up, on the same row of controls, you’ll next find a small button. In my screenshot, it’s shown as a double-headed arrow, but it may differ depending on what icon set you use. This button reverses the entire gradient, flipping the order of all the stops. Note that using this button will automatically create a copy of your gradient (assuming the ‘Prevent sharing of gradient definitions’ preference is enabled in the Tools > Gradient pane of the prefs), so any other objects sharing the original won’t be adversely affected. I don’t really know why this button doesn’t deserve to have a label when all the other controls on this row do, but it means that it doesn’t stand out quite as much as it should. | ||
Finally, on this row is another pop-up – complete with label. This one says ‘Repeat’, | Finally, on this row is another pop-up – complete with label. This one says ‘Repeat’, | ||
+ | |||
+ | Sur la même rangée de commandes, vous trouverez ensuite un petit bouton. Dans ma capture d' | ||
+ | |||
+ | Enfin, sur cette rangée se trouve une autre fenêtre contextuelle, | ||
+ | |||
**In this example, I’ve used the same red-white gradient in both linear and radial modes. The end stops have been moved to be well within the outlines of the squares, and you can see how the three options deal with coloring the areas beyond those stops. | **In this example, I’ve used the same red-white gradient in both linear and radial modes. The end stops have been moved to be well within the outlines of the squares, and you can see how the three options deal with coloring the areas beyond those stops. | ||
Ligne 32: | Ligne 65: | ||
Each of the gradient stop handles can be moved – even the end ones – by dragging them along this track. They can’t pass each other, though, so if you’ve got three stops set to red, green, blue, then no amount of sliding will change the order if you actually wanted green, blue, red. Instead, you’ll have to set each stop color separately by selecting the handles one-by-one, and using the color picker section below. When a stop is selected, a small circle is displayed in the handle.** | Each of the gradient stop handles can be moved – even the end ones – by dragging them along this track. They can’t pass each other, though, so if you’ve got three stops set to red, green, blue, then no amount of sliding will change the order if you actually wanted green, blue, red. Instead, you’ll have to set each stop color separately by selecting the handles one-by-one, and using the color picker section below. When a stop is selected, a small circle is displayed in the handle.** | ||
+ | |||
+ | Dans cet exemple, j'ai utilisé le même dégradé rouge-blanc en mode linéaire et radial. Les butées ont été déplacées pour être bien à l' | ||
+ | |||
+ | Sous la première rangée de commandes de la boîte de dialogue, nous obtenons une large piste colorée qui donne un aperçu du dégradé lui-même, avec des poignées en dessous indiquant les positions et les couleurs des arrêts. Notez que vous verrez toujours une représentation linéaire du dégradé ici, même si vous modifiez en fait un dégradé radial. Ce n'est généralement pas un problème dans la pratique, mais vous pouvez trouver plus facile d' | ||
+ | |||
+ | Chacune des poignées des arrêts de dégradé peut être déplacée - même celles des extrémités - en les faisant glisser le long de cette piste. Ils ne peuvent cependant pas se croiser. Par conséquent, | ||
+ | |||
**New stops can be added by double-clicking in the track, or removed by selecting them and pressing the Backspace or Delete key on your keyboard. The editor doesn’t allow for single-stop gradients, however, so you won’t be able to delete the first or last stops if there are only two stops in the gradient. If dragging the handles to position the stops is too coarse for your requirements, | **New stops can be added by double-clicking in the track, or removed by selecting them and pressing the Backspace or Delete key on your keyboard. The editor doesn’t allow for single-stop gradients, however, so you won’t be able to delete the first or last stops if there are only two stops in the gradient. If dragging the handles to position the stops is too coarse for your requirements, | ||
The individual stops are also displayed as a vertical list at the left of the display. It’s possible to hide this list using the ‘Stops’ control just above, though I can’t see any particularly good reason why you would want to. The selection in this list is kept in sync with the selected handle on the preview track, and vice versa, so you can just select the stops using whichever is most convenient at the time.** | The individual stops are also displayed as a vertical list at the left of the display. It’s possible to hide this list using the ‘Stops’ control just above, though I can’t see any particularly good reason why you would want to. The selection in this list is kept in sync with the selected handle on the preview track, and vice versa, so you can just select the stops using whichever is most convenient at the time.** | ||
+ | |||
+ | Vous pouvez ajouter de nouveaux arrêts en double-cliquant sur la piste ou les supprimer en les sélectionnant et en appuyant sur la touche Retour arrière ou Suppr de votre clavier. Cependant, l' | ||
+ | |||
+ | Les arrêts individuels sont également affichés sous forme de liste verticale à gauche de l' | ||
+ | |||
**This list also provides plus and minus buttons at the bottom. The latter is pretty self-explanatory: | **This list also provides plus and minus buttons at the bottom. The latter is pretty self-explanatory: | ||
The last part of the gradient editor is the large color picker to the right of the stop list, used for setting the stop’s color. As this reflects the same style and operation as the new color picker for flat fills, I’m sure you can work out how to operate it without any further help from me. Just note that SVG gradients can include translucent or transparent stops. If you actually want opaque colors, then make sure to set the Alpha channel accordingly – I’ve been caught out more than once when I’ve found that the ‘white’ in my gradient was actually just the page color showing through, causing problems with my PNG exports.** | The last part of the gradient editor is the large color picker to the right of the stop list, used for setting the stop’s color. As this reflects the same style and operation as the new color picker for flat fills, I’m sure you can work out how to operate it without any further help from me. Just note that SVG gradients can include translucent or transparent stops. If you actually want opaque colors, then make sure to set the Alpha channel accordingly – I’ve been caught out more than once when I’ve found that the ‘white’ in my gradient was actually just the page color showing through, causing problems with my PNG exports.** | ||
+ | |||
+ | Cette liste comporte également des boutons plus et moins en bas. Ce dernier est assez explicite : il supprime l' | ||
+ | |||
+ | La dernière partie de l' | ||
+ | |||
**As a frequent user of gradients, I’m extremely pleased to see the return of a dedicated editor – and very happy with the way it’s turned out. I would like to see the addition of a context menu to the color stops, however – providing a convenient way to select common colors (e.g. black, white, most recently used), or to set one stop to the same color as another without having to resort to copy-pasting the hex code. For that matter, being able to drag and drop palette entries onto stops would be a nice addition, too. But those are just items for the wish list, and aren’t meant to undermine the great work that the developers have already put into this feature. | **As a frequent user of gradients, I’m extremely pleased to see the return of a dedicated editor – and very happy with the way it’s turned out. I would like to see the addition of a context menu to the color stops, however – providing a convenient way to select common colors (e.g. black, white, most recently used), or to set one stop to the same color as another without having to resort to copy-pasting the hex code. For that matter, being able to drag and drop palette entries onto stops would be a nice addition, too. But those are just items for the wish list, and aren’t meant to undermine the great work that the developers have already put into this feature. | ||
As great as the color pickers and gradient editor are, there’s yet more that has been added to the Fill & Stroke dialog! So far we’ve looked at the controls that are common to both the fill and the stroke, but the Stroke Style tab carries a few things that are specific to strokes alone. But, again, the word count catches up with me, so the additions and changes in that tab will be the subject of next month’s instalment...** | As great as the color pickers and gradient editor are, there’s yet more that has been added to the Fill & Stroke dialog! So far we’ve looked at the controls that are common to both the fill and the stroke, but the Stroke Style tab carries a few things that are specific to strokes alone. But, again, the word count catches up with me, so the additions and changes in that tab will be the subject of next month’s instalment...** | ||
+ | |||
+ | En tant qu' | ||
+ | |||
+ | Même si les sélecteurs de couleurs et l' | ||
issue190/inkscape.1677504166.txt.gz · Dernière modification : 2023/02/27 14:22 de d52fr