Full Circle Magazine FR

Outils pour utilisateurs

Outils du site

Piste : • labo_linux • tutoriel_-_devweb_-_crud • tutopython • labo_linux_2 • labo_linux • command_conquer • open_source_design
issue108:inkscape

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
issue108:inkscape [2016/05/05 13:53] – [4] auntieeissue108:inkscape [2016/05/05 14:06] (Version actuelle) – [6] auntiee
Ligne 65: Ligne 65:
 Let’s build on our Gaussian Blur to create a simple drop shadow filter. During this process, you’ll learn how to link primitives together to form a chain, and hopefully begin to understand a little more of the power of filters. Start by renaming your existing filter to “Drop Shadow”, re-link the parameters if you need to, and set the blur to a fairly small number – enough that you can clearly see it applied to your object, but not so much that the it just turns into a fuzzy cloud. A value of 2-3 should do the trick.** Let’s build on our Gaussian Blur to create a simple drop shadow filter. During this process, you’ll learn how to link primitives together to form a chain, and hopefully begin to understand a little more of the power of filters. Start by renaming your existing filter to “Drop Shadow”, re-link the parameters if you need to, and set the blur to a fairly small number – enough that you can clearly see it applied to your object, but not so much that the it just turns into a fuzzy cloud. A value of 2-3 should do the trick.**
  
-De même qu'il y a des nœuds d'entrée triangulaires, chaque primitive a aussi une sortie unique. Ce n'est pas véritablement un nœud ; c'est plutôt la bordure basse de la primitive qui fait office de sortie dans l'interface d'Inkscape. C'est possible de connecter le bas d'une primitive aux triangles d'entrée des autres primitives, ceci constituant une chaîne ; mais, la sortie de la dernière primitive est toujours utilisée comme la seule sortie de toute la chaîne.+De même qu'il y a des nœuds d'entrée triangulaires, chaque primitive a aussi une sortie unique. Ce n'est pas véritablement un nœud ; c'est plutôt la bordure basse de la primitive qui fait office de sortie dans l'interface d'Inkscape. C'est possible de connecter le bas d'une primitive aux triangles d'entrée d'autres primitives, ceci constituant une chaîne ; mais la sortie de la dernière primitive est toujours utilisée comme la seule sortie de toute la chaîne.
  
-À partir de notre flou gaussien, construisons une chaîne en créant un simple filtre d'ombre portée. Durant ce processus, vous apprendrez comment lier les primitives ensemble pour former une chaîne, et, heureusement, vous commencerez à comprendre un peu plus la puissance des filtres. Commençons par renommer votre filtre existant en « Ombre portée », lier à nouveau les paramètres si nécessaire, et réglez le flou à un assez petit nombre - assez pour bien voir qu'il est appliqué à votre objet, mais pas suffisamment pour qu'il se transforme en nuage flou. Une valeur de 2 ou 3 devrait le faire.+À partir de notre flou gaussien, construisons une chaîne en créant un simple filtre d'ombre portée. Durant ce processus, vous apprendrez comment lier les primitives ensemble pour former une chaîne, et, je l'espère, vous commencerez à comprendre un peu plus la puissance des filtres. Commençons par renommer votre filtre existant en « Ombre portée », lier à nouveau les paramètres si nécessaire, et réglez le flou à un assez petit nombre - assez pour bien voir qu'il est appliqué à votre objet, mais pas suffisamment pour qu'il se transforme en nuage flou. Une valeur de 2 ou 3 devrait faire l'affaire.
  
 **Our shadow is going to be dark, made of translucent black pixels, so the first thing to do is to generate a silhouetted version of our object to pass as an input to the Gaussian Blur primitive. But, of course, we already know of a source of silhouettes – the Source Alpha column. In a slightly back-to-front operation, we can link this source to the Blur’s input by clicking and holding on the triangle, then dragging the mouse to the Source Alpha column before releasing (yes, you drag from input to source, rather than the other way around). If all went smoothly, the line that previously ran to the Source Graphic column has been replaced by one to the Source Alpha instead. Take a look at your text object and you should find it’s turned into a blurry black version of the original. **Our shadow is going to be dark, made of translucent black pixels, so the first thing to do is to generate a silhouetted version of our object to pass as an input to the Gaussian Blur primitive. But, of course, we already know of a source of silhouettes – the Source Alpha column. In a slightly back-to-front operation, we can link this source to the Blur’s input by clicking and holding on the triangle, then dragging the mouse to the Source Alpha column before releasing (yes, you drag from input to source, rather than the other way around). If all went smoothly, the line that previously ran to the Source Graphic column has been replaced by one to the Source Alpha instead. Take a look at your text object and you should find it’s turned into a blurry black version of the original.
Ligne 73: Ligne 73:
 If we were to display the original over the top of the blurred alpha version, you would just see a halo of darkness around your text. To make it work as a drop shadow we need to offset our blurred image from its original position using the imaginatively titled “Offset” primitive. Select it from the pop-up list just below the filter chain, then click the adjacent “Add Effect” button to add it to your chain. It should automatically be connected to the output of the Blur, as indicated by a small line running from the triangular input of the Offset to the bottom of the Gaussian Blur. Adjust the new primitive’s Delta X and Delta Y parameters to shift your shadow down and to the right – a value of 6.0 in each is a good start.** If we were to display the original over the top of the blurred alpha version, you would just see a halo of darkness around your text. To make it work as a drop shadow we need to offset our blurred image from its original position using the imaginatively titled “Offset” primitive. Select it from the pop-up list just below the filter chain, then click the adjacent “Add Effect” button to add it to your chain. It should automatically be connected to the output of the Blur, as indicated by a small line running from the triangular input of the Offset to the bottom of the Gaussian Blur. Adjust the new primitive’s Delta X and Delta Y parameters to shift your shadow down and to the right – a value of 6.0 in each is a good start.**
  
-Notre ombre va être sombre, faite de pixels noirs translucides ; aussi, la première chose à faire est de générer une version « silhouette » de notre objet pour la passer comme entrée à notre primitive de flou gaussien. Mais, bien sûr, nous connaissions déjà une source de silhouette : la colonne Opacité de la source. Dans une opération légèrement à l'envers, nous pouvons lier cette source à l'entrée du flou en cliquant et en maintenant le triangle, puis en tirant la souris vers la colonne Opacité de la source avant de relâcher (oui, vous tirez de l'entrée vers la source, plutôt que dans l'autre sens). Si tout a bien fonctionné, la ligne qui courait précédemment vers la colonne Source image a été remplacée par une qui pointe sur Opacité de la source. Regardez votre objet texte et vous devriez trouver qu'il s'est transformé en un version noire floue de l'original.+Notre ombre va être sombre, faite de pixels noirs translucides ; aussi, la première chose à faire est de générer une version « silhouette » de notre objet pour la passer comme entrée à notre primitive de flou gaussien. Mais, bien sûr, nous connaissions déjà une source de silhouette : la colonne Opacité de la source. Dans une opération légèrement à l'envers, nous pouvons lier cette source à l'entrée du flou en cliquant et en maintenant le triangle, puis en tirant la souris vers la colonne Opacité de la source avant de relâcher (oui, vous tirez de l'entrée vers la source, plutôt que dans l'autre sens). Si tout a bien fonctionné, la ligne qui courait précédemment vers la colonne Source image a été remplacée par une qui pointe sur Opacité de la source. Regardez votre objet texte et vous devriez trouver qu'il s'est transformé en une version noire floue de l'original.
  
-Si vous aviez affiché l'original au-dessus de la version alpha floue, vous auriez vu un halo noir autour du texte. Pour en faire une ombre portée, nous devons décaler notre image floue de sa position originale en utilisant la bien nommée primitive « Décalage ». Sélectionnez-la dans la liste déroulante juste en dessous de la chaîne de filtrage, puis cliquez sur le bouton voisin « Ajouter un effet » pour l'ajouter à la chaîne. Il devrait se connecter automatiquement à la sortie du Flou, comme indiqué par une petite ligne allant de l'entrée triangulaire de l'Offset au bas du Flou gaussien. Adapter les paramètres Delta X et Delta Y pour décaler votre ombre vers la droite et vers le bas - une valeur de 6 pour chacun est un bon début.+Si vous aviez affiché l'original par-dessus la version alpha floue, vous n'auriez vu qu'un halo noir autour du texte. Pour en faire une ombre portée, nous devons décaler notre image floue de sa position originale en utilisant la bien nommée primitive « Décalage ». Sélectionnez-la dans la liste déroulante juste en dessous de la chaîne de filtrage, puis cliquez sur le bouton voisin « Ajouter un effet » pour l'ajouter à la chaîne. Il devrait se connecter automatiquement à la sortie du Flou, comme indiqué par une petite ligne allant de l'entrée triangulaire du Décalage au bas du Flou gaussien. Adapter les paramètres Delta X et Delta Y pour décaler votre ombre vers la droite et vers le bas - une valeur de 6.0 pour chacun est un bon début.
  
 ====== 6 ====== ====== 6 ======
Ligne 83: Ligne 83:
 Begin by clicking in the Merge filter’s sole input triangle and then, holding the mouse button down, drag to the triangle in the row above (the Offset filter). Release the button and you should see a connection made, running from the base of the Offset to the input of the Merge. You’ll also notice that the Merge filter has gained a second input triangle. Click and drag from this second triangle to the Source Graphic column. Check the canvas, and you should now have a glorious drop shadow. See, filters aren’t so tricky… right?** Begin by clicking in the Merge filter’s sole input triangle and then, holding the mouse button down, drag to the triangle in the row above (the Offset filter). Release the button and you should see a connection made, running from the base of the Offset to the input of the Merge. You’ll also notice that the Merge filter has gained a second input triangle. Click and drag from this second triangle to the Source Graphic column. Check the canvas, and you should now have a glorious drop shadow. See, filters aren’t so tricky… right?**
  
-Pour l'étape finale de création de notre filtre, ajoutons le texte original sur le flou en utilisant la primitive Fusionner. Une fois encore, vous la sélectionnerez dans la liste déroulante et vous l'ajouterez avec le bouton Ajouter un effet, mais, cette fois, elle ne sera pas automatiquement reliée au reste de la chaîne. Le filtre Fusionner combine plusieurs images d'entrée en les empilant l'une sur l'autre, respectant dans l'exécution toute transparence qui pourrait exister. La première entrée se trouve en bas de la pile, la dernière au sommet ; aussi, nous avons besoin d'ajouter l'effet de flou en premier et la forme originale en second.+Pour l'étape finale de la création de notre filtre, ajoutons le texte original sur le flou en utilisant la primitive Fusionner. Une fois encore, vous la sélectionnerez dans la liste déroulante et vous l'ajouterez avec le bouton Ajouter un effet, mais, cette fois-ci, elle ne sera pas automatiquement reliée au reste de la chaîne. Le filtre Fusionner combine plusieurs images d'entrée en les empilant l'une sur l'autre, respectant dans l'exécution toute transparence qui pourrait exister. La première entrée se trouve en bas de la pile, la dernière au sommet ce qui fait que nous devons ajouter l'effet de flou en premier et la forme originale en second.
  
-Commencez par cliquer sur l'unique triangle du filtre Fusionner puis, en maintenant le bouton de la souris appuyé, tirez le triangle vers le triangle de la ligne du dessus (le filtre de décalage). Relâchez le bouton et vous devriez voir une connexion, allant de la base de Décalage à la sortie de Fusionner. Vous noterez aussi que le filtre Fusionner a un second triangle. Cliquez et tirez ce second triangle vers la colonne Source image. Vérifiez sur le canevas et vous devriez avoir maintenant une superbe ombre portée. Vous voyez, les filtres ne sont pas si compliqués..., pas vrai ?+Commencez par cliquer sur l'unique triangle du filtre Fusionner, puis, en appuyant sur le bouton de la souris, tirez le triangle vers le triangle de la ligne du dessus (le filtre de décalage). Relâchez le bouton et vous devriez voir une connexion, allant de la base de Décalage à l'entrée de Fusionner. Vous noterez aussi que le filtre Fusionner a acquis un second triangle. Cliquez et tirez ce second triangle vers la colonne Source image. Vérifiez sur le canevas et vous devriez avoir maintenant une superbe ombre portée. Vous voyez, les filtres ne sont pas si compliqués..., pas vrai ?
  
 **Now tweak the Gaussian Blur and Offset parameters to change the softness of your shadow or its relative position. Then edit the text itself. Each change you make takes place live, and you can re-open the filter editor at any time to make further changes. Try creating a “hard” drop shadow by merging an offset Source Alpha with the Source Graphic, but without using the Gaussian Blur. Or try a bit of motion blur by un-linking the horizontal and vertical sliders; adding some horizontal blur and a horizontal offset; then merging with the Source Graphic again. **Now tweak the Gaussian Blur and Offset parameters to change the softness of your shadow or its relative position. Then edit the text itself. Each change you make takes place live, and you can re-open the filter editor at any time to make further changes. Try creating a “hard” drop shadow by merging an offset Source Alpha with the Source Graphic, but without using the Gaussian Blur. Or try a bit of motion blur by un-linking the horizontal and vertical sliders; adding some horizontal blur and a horizontal offset; then merging with the Source Graphic again.
Ligne 91: Ligne 91:
 Make sure you understand what we’ve covered in this instalment, because, next time, we’ll build on this simple drop shadow to introduce some more filter primitives that will expand your repertoire further, giving you the capability to achieve effects that just aren’t possible without a little smattering of bitmap magic on your vector objects.** Make sure you understand what we’ve covered in this instalment, because, next time, we’ll build on this simple drop shadow to introduce some more filter primitives that will expand your repertoire further, giving you the capability to achieve effects that just aren’t possible without a little smattering of bitmap magic on your vector objects.**
  
-Maintenant, ajustez les paramètres de flou et de décalage pour modifier la diffusion de votre ombre et sa position relative. Puis éditez le texte. Chaque changement que vous faites est appliqué en direct et vous pouvez rouvrir l'éditeur de filtres à tout moment pour faire d'autres modifications. Essayez de créer une ombre « dure » en fusionnant une Opacité de la source décalée avec une Source image, mais sans utiliser le Flou gaussien. Ou, essayez un soupçon de flou dynamique en déliant les réglettes horizontale et verticale ; en ajoutant un flou horizontal et un décalage horizontal ; puis en fusionnant à nouveau avec la Source image.+Maintenant, ajustez les paramètres de flou et de décalage pour modifier la diffusion de votre ombre et sa position relative. Puis éditez le texte. Chaque changement que vous faites est appliqué en direct et vous pouvez rouvrir l'éditeur de filtres à tout moment pour faire d'autres modifications. Essayez de créer une ombre « dure » en fusionnant une Opacité de la source décalée avec une Source image, mais sans utiliser le Flou gaussien. Ou, essayez un soupçon de flou dynamique en déliant les réglettes horizontale et verticale ; en ajoutant un flou horizontal et un décalage horizontal, puis en fusionnant à nouveau avec la Source image.
  
 Assurez-vous de bien comprendre ce que nous avons traité dans cet article car, la prochaine fois, nous partirons de cette simple ombre portée pour introduire d'autres primitives de filtrage qui développeront votre répertoire, vous donnant la possibilité de réaliser des effets qui seraient impossibles sans une petite pincée de magie bitmap sur vos dessins vectoriels.  Assurez-vous de bien comprendre ce que nous avons traité dans cet article car, la prochaine fois, nous partirons de cette simple ombre portée pour introduire d'autres primitives de filtrage qui développeront votre répertoire, vous donnant la possibilité de réaliser des effets qui seraient impossibles sans une petite pincée de magie bitmap sur vos dessins vectoriels. 
  
  
issue108/inkscape.1462449183.txt.gz · Dernière modification : 2016/05/05 13:53 de auntiee