Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
issue81:inkscape_-_p._21 [2014/06/07 17:30] – [1] auntiee | issue81:inkscape_-_p._21 [2014/06/10 09:13] (Version actuelle) – [1] lecastillan |
---|
À la recherche de variations dans les contours, j'ai alors présenté plusieurs façons de tracer l'esquisse, mais toutes souffraient du manque évident de la couleur. Bien qu'elles aient introduit quelque dynamique à l'image, le résultat en était que le contour fut rendu comme un seul chemin rempli. On peut soutenir que le traçage automatique d'une version encrée et nettoyée de l'image a donné le meilleur résultat (voir la partie 19 pour les détails), mais cela n'a produit qu'un joli contour composé d'un seul chemin complexe avec plus de 1 000 nœuds. | À la recherche de variations dans les contours, j'ai alors présenté plusieurs façons de tracer l'esquisse, mais toutes souffraient du manque évident de la couleur. Bien qu'elles aient introduit quelque dynamique à l'image, le résultat en était que le contour fut rendu comme un seul chemin rempli. On peut soutenir que le traçage automatique d'une version encrée et nettoyée de l'image a donné le meilleur résultat (voir la partie 19 pour les détails), mais cela n'a produit qu'un joli contour composé d'un seul chemin complexe avec plus de 1 000 nœuds. |
| |
Si l'on changeait le remplissage de cette image, on n'aurait comme résultat qu'un contour coloré. Pour pouvoir colorer l'esquisse même, il faut créer chaque zone de couleur comme un chemin distinct qui peut se placer sous le contour. Si ça a l'air d'être pas mal de travail supplémentaire, c'est parce que ça l'est, mais Inkscape possède un outil pour remplir des zones délimitées (l'outil « Paint Bucket ») qui peut vous aider. | Si l'on changeait le remplissage de cette image, on n'aurait comme résultat qu'un contour coloré. Pour pouvoir colorer l'esquisse elle-même, il faut créer chaque zone de couleur comme un chemin distinct qui peut se placer sous le contour. Si ça a l'air d'être pas mal de travail supplémentaire, c'est parce que ça l'est, mais Inkscape possède un outil pour remplir des zones délimitées (l'outil « Paint Bucket ») qui peut vous aider. |
| |
===== 2 ===== | ===== 2 ===== |
Une autre approche serait de combler les vides à la main. Souvenez-vous que l'algorithme de remplissage n'est concerné que par le degré de différence dans la couleur de chaque pixel par rapport au point de départ initial. Cela vous permet d'utiliser une couleur contrastante pour dessiner des lignes ou autres objets pour combler tout vide avant le remplissage. D'habitude, je colmate les vides avec une couleur qui contraste aussi avec la limite de la zone, pour que ma « rustine » soit bien visible après et puisse être trouvée et supprimée facilement. Dans ce cas ma rustine est un triangle rouge fait avec l'outil Bézier : le créer ne nécessite que quelques clic, mais la taille et la couleur le signale comme un objet à supprimer une fois qu'il aura rempli son rôle. Sa couleur est assez différente du fond blanc pour que l'algorithme le traite comme une partie de la bordure. | Une autre approche serait de combler les vides à la main. Souvenez-vous que l'algorithme de remplissage n'est concerné que par le degré de différence dans la couleur de chaque pixel par rapport au point de départ initial. Cela vous permet d'utiliser une couleur contrastante pour dessiner des lignes ou autres objets pour combler tout vide avant le remplissage. D'habitude, je colmate les vides avec une couleur qui contraste aussi avec la limite de la zone, pour que ma « rustine » soit bien visible après et puisse être trouvée et supprimée facilement. Dans ce cas ma rustine est un triangle rouge fait avec l'outil Bézier : le créer ne nécessite que quelques clic, mais la taille et la couleur le signale comme un objet à supprimer une fois qu'il aura rempli son rôle. Sa couleur est assez différente du fond blanc pour que l'algorithme le traite comme une partie de la bordure. |
| |
Combler les vides à la main vous permet d'utiliser le seau de remplissage tout en étant bien zoomé en avant pour que cela atteigne les coins. Cependant, dans ce cas, de toutes les façons, il y a assez de zones distinctes pour que du travail manuel supplémentaire soit nécessaire pour tout colorer et, en fait, c'est aussi facile de remplir l'objet entier à la main. En utilisant l'outil Bézier pour tirer des lignes droites qui suivent le centre du contour, colorer une petite zone comme celle-ci est très simple. Une fois le chemin de Bézier créé, l'envoyer à l'arrière cachera les bords droits derrière le contour pour garder l'apparence voulue d'un dessin fait à la main. | Combler les vides à la main vous permet d'utiliser le seau de remplissage tout en ayant bien zoomé en avant pour que cela atteigne les coins. Cependant, dans ce cas, de toutes les façons, il y a assez de zones distinctes pour que du travail manuel supplémentaire soit nécessaire pour tout colorer et, en fait, c'est aussi facile de remplir l'objet entier à la main. En utilisant l'outil Bézier pour tirer des lignes droites qui suivent le centre du contour, colorer une petite zone comme celle-ci est très simple. Une fois le chemin de Bézier créé, l'envoyer à l'arrière cachera les bords droits derrière le contour pour garder l'apparence voulue d'un dessin fait à la main. |
| |
| |
===== 7 ===== | ===== 7 ===== |
| |
The bucket fill tool also has a few other tricks up its sleeve. Because it works on pixel values, it can be used to fill areas of a bitmap image, even without tracing it first. In that case the background color can often be less than uniform due to artifacts introduced with JPEG compression, so the bucket fill has a Threshold setting on the tool control bar to adjust the amount that a pixel can deviate from the initial starting color for it to still be considered as part of the background. Adjusting this setting lets you fine tune the fill to only very specific colors, or broaden it to allow quite a range. As well as filling bitmaps, this can be handy when you want to fill an area that has a gradient or other color variations. | **The bucket fill tool also has a few other tricks up its sleeve. Because it works on pixel values, it can be used to fill areas of a bitmap image, even without tracing it first. In that case the background color can often be less than uniform due to artifacts introduced with JPEG compression, so the bucket fill has a Threshold setting on the tool control bar to adjust the amount that a pixel can deviate from the initial starting color for it to still be considered as part of the background. Adjusting this setting lets you fine tune the fill to only very specific colors, or broaden it to allow quite a range. As well as filling bitmaps, this can be handy when you want to fill an area that has a gradient or other color variations. |
| |
You can also change the basic rule of the algorithm entirely using the “Fill by” pop-up menu. Instead of looking for general changes in pixels' colors you can choose to focus on only the red, green or blue components, the hue, saturation or lightness, or even the alpha channel. These options are rarely used, but could be invaluable when your background and boundary aren't distinct or contrasting enough for the standard algorithm to notice the difference between them. | You can also change the basic rule of the algorithm entirely using the “Fill by” pop-up menu. Instead of looking for general changes in pixels' colors you can choose to focus on only the red, green or blue components, the hue, saturation or lightness, or even the alpha channel. These options are rarely used, but could be invaluable when your background and boundary aren't distinct or contrasting enough for the standard algorithm to notice the difference between them. |
| |
After another manually drawn path for his jumper, and a little node work to remove and re-create the veins in his brain, it's finally time to reveal the finished version of Frankie. Having to separately color each section of a sketch can certainly be time consuming, but if you compare this version with the simple manual trace presented at the start, I hope you'll agree that the extra effort required to maintain some variation in the outline has been worth it. Whilst the manual trace has a decidedly vector feel to the image, this final version retains a lot more of the hand-drawn style. | After another manually drawn path for his jumper, and a little node work to remove and re-create the veins in his brain, it's finally time to reveal the finished version of Frankie. Having to separately color each section of a sketch can certainly be time consuming, but if you compare this version with the simple manual trace presented at the start, I hope you'll agree that the extra effort required to maintain some variation in the outline has been worth it. Whilst the manual trace has a decidedly vector feel to the image, this final version retains a lot more of the hand-drawn style.** |
| |
| L'outil « bucket » a également quelques autres tours dans son sac. Parce qu'il fonctionne avec la valeur des pixels, on peut l'utiliser pour remplir des zones d'une image bitmap, même sans la tracer au préalable. Dans ce cas, la couleur de fond peut souvent être tout sauf uniforme à cause des artefacts introduits par la compression JPEG. Pour cette raison, figure sur la barre de contrôle d'outil de « paint bucket » un réglage du Seuil pour ajuster la quantité par laquelle un pixel peut dévier de la couleur de départ initiale pour qu'il soit toujours considéré comme une partie du fond. Régler ceci vous permet d'affiner le remplissage à seulement quelques couleurs très spécifiques, ou, au contraire de l'élargir pour en permettre toute une gamme. Outre le remplissage de bitmaps, cela peut être utile quand vous voulez remplir une zone avec un dégradé ou d'autres variations dans sa couleur. |
| |
| Vous pouvez également changer complètement la règle de base de l'algorithme au moyen du menu déroulant « Type de remplissage : ». au lieu de rechercher des modifications générales dans la couleur des pixels, vous pouvez choisir uniquement les composants rouge, vert ou bleu, la teinte, la saturation, la luminosité ou même l'opacité. Ces options ne s'utilisent guère, mais pourraient être précieuses quand le contraste de votre fond et de la bordure n'est pas assez prononcé pour que l'algorithme standard puisse remarquer la différence. |
| |
| Après un autre chemin fait main pour le cavalier et un peu de travail sur les nœuds pour enlever et recréer les veines dans son cerveau, le moment est enfin venu de révéler la version finie de Frankie. Devoir colorer chaque section d'une esquisse peut prendre beaucoup de temps, il est vrai, mais si vous comparez cette version au traçage manuel simple présenté au départ, j'espère que vous serez d'accord que l'effort supplémentaire requis pour que le contour montre toujours des variations valait le coup. Alors que le traçage manuel donne un vrai sentiment de vectorisation de l'image, cette version finie conserve un vrai style fait main. |