Full Circle Magazine FR

Outils pour utilisateurs

Outils du site

Piste : • finalisation • finalisation • labolinux • finalisation • c_c • finalisation • c_c • finalisation • critique • darktable
issue102:tutoriel_4

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
issue102:tutoriel_4 [2015/11/06 16:09] – auntieeissue102:tutoriel_4 [2015/11/07 00:45] (Version actuelle) – erlevo
Ligne 40: Ligne 40:
 **Now it's time to draw something on the canvas: the kind of shape that suits spiro mode. Try drawing a circle, keeping it as neat as you can, and finishing in the starting node. As you draw you'll see a green line indicating your path, regardless of your current fill and stroke settings – don't worry, that's just a guideline that won't be visible when you've finished. Unless you have supernatural control over your muscles, the green path is likely to be bumpy and distorted; yet, on releasing the mouse button, it will be replaced with a nicely rounded circle. If your original path was extremely rough, you might not get a perfect circle, but the final shape will certainly be a lot smoother than your hand-drawn efforts.** **Now it's time to draw something on the canvas: the kind of shape that suits spiro mode. Try drawing a circle, keeping it as neat as you can, and finishing in the starting node. As you draw you'll see a green line indicating your path, regardless of your current fill and stroke settings – don't worry, that's just a guideline that won't be visible when you've finished. Unless you have supernatural control over your muscles, the green path is likely to be bumpy and distorted; yet, on releasing the mouse button, it will be replaced with a nicely rounded circle. If your original path was extremely rough, you might not get a perfect circle, but the final shape will certainly be a lot smoother than your hand-drawn efforts.**
  
-Maintenant, il est temps de dessiner quelque chose, le type de forme qui se prête bien aux splines spirographiques. Essayez de dessiner un cercle aussi régulier que possible en terminant votre tracé par son point de départ. À mesure que vous dessinez, vous verrez une ligne verte qui prévisualise votre tracé sans tenir compte du type de trait et du remplissage. Ne vous en faites pas : il s'agit juste d'un guide qui ne sera plus visible quand vous aurez terminé. À moins que votre main ne soit d'une stabilité surnaturelle, le tracé vert a de fortes chances d'être bosselé et irrégulier. Si votre chemin d'origine est très grossier, vous pourriez ne pas obtenir un cercle parfait, mais la forme finale sera certainement bien plus lisse que votre travail à main levée.+Maintenant, il est temps de dessiner quelque chose, le type de forme qui se prête bien aux splines spirographiques. Essayez de dessiner un cercle aussi régulier que possible en terminant votre tracé par son point de départ. À mesure que vous dessinez, vous verrez une ligne verte qui prévisualise votre tracé sans tenir compte du type de trait et du remplissage. Ne vous en faites pas : il s'agit juste d'un guide qui ne sera plus visible quand vous aurez terminé. À moins que votre main ne soit d'une stabilité surnaturelle, le tracé vert a de fortes chances d'être bosselé et irrégulier ; pourtant, en lâchant le bouton de la souris, il sera remplacé par un joli cercle bien rond. Si votre chemin d'origine est très grossier, vous pourriez ne pas obtenir un cercle parfait, mais la forme finale sera certainement bien plus lisse que votre travail à main levée.
  
 **Select the path you've drawn, and, in the Path Effects dialog, you should see that the Spiro Spline effect has been added. Toggle the visibility button (the eye-shaped icon) to see how the spiro version compares with your original path. Now try the process again with a different shape – a figure of eight, or a spiral. As you can see, for some shapes it's a lot easier to create something neat and smooth using spiro mode.** **Select the path you've drawn, and, in the Path Effects dialog, you should see that the Spiro Spline effect has been added. Toggle the visibility button (the eye-shaped icon) to see how the spiro version compares with your original path. Now try the process again with a different shape – a figure of eight, or a spiral. As you can see, for some shapes it's a lot easier to create something neat and smooth using spiro mode.**
Ligne 48: Ligne 48:
 **When using the Bézier tool in spiro mode, the icon on the tool control bar is the same, but the drawing process is a little different. I usually suggest drawing Bézier paths as a series of straight line segments by single-clicking to place each node, then going back in Node Edit mode to add curves afterwards. If you take that approach with spiro mode enabled, you'll get a series of corner nodes which, as we've seen, don't really play a role in the spiro algorithm. Instead you need to click-and-drag as you place each node, in order to set the curves as you go along. Personally, I find this to be much harder to control, but give it a try to see if you're better at it than me! You can always lay down straight segments with spiro mode enabled, then explicitly change some points into cusp nodes afterwards. It's not a huge workflow improvement, but does save you a trip to the Path Effects dialog to manually add the LPE.** **When using the Bézier tool in spiro mode, the icon on the tool control bar is the same, but the drawing process is a little different. I usually suggest drawing Bézier paths as a series of straight line segments by single-clicking to place each node, then going back in Node Edit mode to add curves afterwards. If you take that approach with spiro mode enabled, you'll get a series of corner nodes which, as we've seen, don't really play a role in the spiro algorithm. Instead you need to click-and-drag as you place each node, in order to set the curves as you go along. Personally, I find this to be much harder to control, but give it a try to see if you're better at it than me! You can always lay down straight segments with spiro mode enabled, then explicitly change some points into cusp nodes afterwards. It's not a huge workflow improvement, but does save you a trip to the Path Effects dialog to manually add the LPE.**
  
-Quand vous utilisez l'outil de Bézier en mode spirographique les icônes de la barre d'options restent les mêmes mais le procédé est un peu différent. En général, je recommande de tracer le chemin comme une suite de segments rectiligne en faisant un simple clic pour placer chacun des points et de créer les courbes après coup en éditant les nœuds. Si vous utilisez cette approche en activant le mode spirographique vous obtiendrez une série d'angles vifs qui, comme nous l'avons vu, ne serons pas pris en compte par l'algorithme. Dans le cas contraire vous devrez faire un cliquer-glisser pour ajuster chaque nœud à mesure que vous progressez. Personnellement je trouve cela beaucoup plus difficile à contrôler, mais vous pouvez toujours essayer pour voir si vous êtes capables de faire mieux ! Vous avez toujours la possibilité de tracer des segments rectilignes quand le mode spirographique est activé, puis de créer les courbe explicitement par la suite. Cela ne révolutionnera pas vos méthodes de travail, mais cela vous évitera de devoir faire le voyage jusqu'au dialogue des effets de chemin pour en ajouter un manuellement.+Quand vous utilisez l'outil de Bézier en mode spirographique les icônes de la barre d'options restent les mêmes mais le procédé est un peu différent. En général, je recommande de tracer les chemins Bézier comme une suite de segments rectiligne en faisant un simple clic pour placer chacun des nœuds et de créer les courbes après coup en les éditant. Si vous utilisez cette approche en activant le mode spirographique vous obtiendrez une série d'angles vifs qui, comme nous l'avons vu, ne seront pas pris en compte par l'algorithme. À la place vous devrez faire un cliquer-glisser pour ajuster chaque nœud à mesure que vous progressez. Personnellement je trouve cela beaucoup plus difficile à contrôler, mais vous pouvez toujours essayer pour voir si vous êtes capables de faire mieux que moi ! Vous avez toujours la possibilité de tracer des segments rectilignes quand le mode spirographique est activé, puis de créer les courbes explicitement par la suite. Cela ne révolutionnera pas vos méthodes de travail, mais cela vous évitera de devoir faire le voyage jusqu'au dialogue des effets de chemin pour en ajouter un manuellement.
  
 **One big problem with having spiro buttons on these two tools it that it's easy for newcomers to Inkscape to enable them, then forget about it. A common question on the support forums is, “why can't I change the shape of my path using the node handles?” The answer is usually because the Spiro LPE has unintentionally been added, so watch out for that if you find yourself similarly stuck.** **One big problem with having spiro buttons on these two tools it that it's easy for newcomers to Inkscape to enable them, then forget about it. A common question on the support forums is, “why can't I change the shape of my path using the node handles?” The answer is usually because the Spiro LPE has unintentionally been added, so watch out for that if you find yourself similarly stuck.**
  
-Un des problèmes posés par la disponibilité du mode spirographique pour ces deux outils est qu'il est facile pour les néophytes d'activer le bouton, puis de l'oublier. Une question qui revient souvent sur les forums est « Pourquoi ne puis-je plus modifier mon chemin en utilisant les poignées des nœuds ? » La réponse est souvent que le mode spirographique a été involontairement activé. Pensez donc à vérifier cela si vous vous trouvez vous mêmes confrontés à ce problème.+Un des problèmes posés par la disponibilité du mode spirographique pour ces deux outils est qu'il est facile pour les néophytes d'activer le bouton, puis de l'oublier. Une question qui revient souvent sur les forums est « Pourquoi ne puis-je plus modifier mon chemin en utilisant les poignées des nœuds ? » La réponse est souvent que le mode spirographique a été involontairement activé. Pensez donc à vérifier cela si vous vous trouvez vous-mêmes confrontés à ce problème.
  
 **Let's move on to another LPE: Gears. **Let's move on to another LPE: Gears.
Ligne 62: Ligne 62:
  
 Voyons un autre effet de chemin : les engrenages. Voyons un autre effet de chemin : les engrenages.
-Vous devez commencer par dessiner un chemin avec au moins trois nœuds – au début j'en utiliserai exactement trois, ainsi le rôle de chacun sera parfaitement clair. Ceci fait, ouvrez le dialogue des effets de chemin et ajouter Engrenages. Votre chemin devrait être immédiatement remplacé par une roue dentée. Double-cliquez dessus pour afficher les trois nœuds et pouvoir les déplacer. Vous devriez rapidement comprendre ce que chacun contrôle (respectivement) :+ 
 +Vous devez commencer par dessiner un chemin avec au moins trois nœuds – au début, j'en utiliserai exactement trois pour rendre le rôle de chacun parfaitement clair. Une fois le chemin dessiné et sélectionné, ouvrez le dialogue des effets de chemin et ajouter Engrenages. Votre chemin devrait être immédiatement remplacé par une roue dentée. Double-cliquez dessus pour afficher les trois nœuds et pouvoir les déplacer. Vous devriez rapidement comprendre ce que chacun contrôle (respectivement) :
 1. l'angle de la première dent par rapport au centre ; 1. l'angle de la première dent par rapport au centre ;
 2. le centre de la roue ; 2. le centre de la roue ;
Ligne 69: Ligne 70:
 **With your gear selected, switch to the Bézier tool. The start and end nodes of your path should be visible: click on the end node, then double-click somewhere else on the canvas to add another segment to your path. Now the path has four nodes, and you should find that a second gear has been added, centered at the new end node.** **With your gear selected, switch to the Bézier tool. The start and end nodes of your path should be visible: click on the end node, then double-click somewhere else on the canvas to add another segment to your path. Now the path has four nodes, and you should find that a second gear has been added, centered at the new end node.**
  
-Votre engrenage sélectionné, activez l'outil de Bézier. Les points de départ et d'arrivée de votre chemin devraient être visibles. Cliquez sur le nœud final puis double-cliquez ailleurs sur l'espace de travail pour faire apparaître un second engrenage. Maintenant le chemin a quatre nœuds et vous pouvez constater qu'une deuxième roue dentée est apparue, centrée sur le nouveau nœud final.+L'engrenage étant sélectionné, activez l'outil de Bézier. Les points de départ et d'arrivée de votre chemin devraient être visibles. Cliquez sur le nœud final, puis double-cliquez ailleurs dans l'espace de travail pour faire apparaître un autre segment au chemin. Maintenant le chemin a quatre nœuds et vous pouvez constater qu'une deuxième roue dentée est apparue, centrée sur le nouveau nœud final.
  
 **You can repeat this process to add more nodes, and hence more gears. Applying the Gear LPE to any path with more than three nodes follows the same rules: the first three nodes define the parameters for the first gear, and any subsequent nodes set the center points for additional gears in the chain. Once you've got a few gears on screen, switch to the node tool to move their centers, noting how Inkscape automatically adjusts the radius and number of teeth in the process. Try dragging the first node around the second one to crank your gear train into life (after all, it is a LIVE path effect).** **You can repeat this process to add more nodes, and hence more gears. Applying the Gear LPE to any path with more than three nodes follows the same rules: the first three nodes define the parameters for the first gear, and any subsequent nodes set the center points for additional gears in the chain. Once you've got a few gears on screen, switch to the node tool to move their centers, noting how Inkscape automatically adjusts the radius and number of teeth in the process. Try dragging the first node around the second one to crank your gear train into life (after all, it is a LIVE path effect).**
  
-Vous pouvez répéter la manipulation pour ajouter plus de points et donc plus de pignons. Appliquer cet effet à n'importe quel chemin comportant plus de trois nœuds met en œuvre les mêmes règle : les trois premier nœuds déterminent les paramètres de la première roue dentée et les suivants le centre des pignons supplémentaires dans la chaîne. Une fois que vous aurez plusieurs pignons à l'écran basculez sur l'outil d'édition de chemins et déplacez  leurs centres. Notez comment Inkscape ajuste automatiquement leur rayon et leur nombre de dents. Essayez de faire glisser le point initial autour du deuxième pour donner vie à votre train de pignons (après tout, il s'agit d'un effet dynamique !)+Vous pouvez répéter la manipulation pour ajouter plus de nœuds et donc plus de pignons. Appliquer cet effet à n'importe quel chemin comportant plus de trois nœuds met en œuvre les mêmes règle : les trois premier nœuds déterminent les paramètres de la première roue dentée et les suivants règlent le centre des pignons supplémentaires dans la chaîne. Quand il y a plusieurs pignons à l'écran, basculez sur l'outil d'édition de chemins et déplacez leur centre. Notez comment Inkscape ajuste automatiquement leur rayon et le nombre de dents. Essayez de faire glisser le point initial autour du deuxième pour donner vie à votre train de pignons (après tout, il s'agit d'un effet dynamique !)
  
 **As well as the values that are implicitly set by the positions of the nodes, there are two additional parameters required to fully specify the effect. These can be found at the bottom of the Path Effects dialog, in fields labelled “Teeth” (the number of teeth on the first gear), and “Phi” (the “tooth pressure angle” - set it to about 20 for realistic looking teeth). Almost all LPEs populate this part of the dialog with a UI of some sort, and in some cases the number of additional parameters is rather excessive (watch out if you're working on a small screen!).** **As well as the values that are implicitly set by the positions of the nodes, there are two additional parameters required to fully specify the effect. These can be found at the bottom of the Path Effects dialog, in fields labelled “Teeth” (the number of teeth on the first gear), and “Phi” (the “tooth pressure angle” - set it to about 20 for realistic looking teeth). Almost all LPEs populate this part of the dialog with a UI of some sort, and in some cases the number of additional parameters is rather excessive (watch out if you're working on a small screen!).**
  
-En plus des valeurs contrôlées par la position des nœuds, deux paramètres peuvent être spécifiés explicitement pour ajuster l'effet. On les trouve en bas du dialogue des effets de chemin. Ce sont les champs « Dents » (le nombre de dents du premier pignon) et « Phi » (l'angle de contact entre les dents – fixez-le à 20 pour des engrenages d'apparence réaliste). Presque tous les effets occupent cette zone du dialogue avec une interface utilisateur et dans certains cas le nombre de paramètres additionnels est plutôt excessif (faites attention si vous travaillez sur un petit écran !)+En plus des valeurs contrôlées par la position des nœuds, deux paramètres supplémentaires sont nécessaires pour complètement spécifier l'effet. On les trouve en bas du dialogue des effets de chemin. Ce sont les champs « Dents » (le nombre de dents du premier pignon) et « Phi » (l'angle de contact entre les dents – fixez-le à 20 pour des dents d'apparence réaliste). Presque tous les effets occupent cette zone du dialogue avec une interface utilisateur et dans certains cas le nombre de paramètres additionnels est plutôt excessif (faites attention si vous travaillez sur un petit écran !).
  
 **You may have guessed from the UI that it's possible to apply more than one LPE to a path. In programming terms you can think of an LPE as a function that takes a path as an input, and produces another path as an output, allowing you to chain them together. Be aware, however, that the order in which you chain them is significant. Consider this simple path, made up of cusp nodes: **You may have guessed from the UI that it's possible to apply more than one LPE to a path. In programming terms you can think of an LPE as a function that takes a path as an input, and produces another path as an output, allowing you to chain them together. Be aware, however, that the order in which you chain them is significant. Consider this simple path, made up of cusp nodes:
Ligne 89: Ligne 90:
 It may not be easy to see, but the only real effect is that the teeth of the gears have become more rounded (though each gear also has one tooth that's misshapen). Thinking about our chain of LPEs the general effect makes some sense: the first LPE outputs a composite path in the shape of the gears, then the spiro algorithm is applied to that path, smoothing out any cusp nodes that are present in it. But what happens if we apply the Spiro Spline LPE first, and the Gears LPE second?** It may not be easy to see, but the only real effect is that the teeth of the gears have become more rounded (though each gear also has one tooth that's misshapen). Thinking about our chain of LPEs the general effect makes some sense: the first LPE outputs a composite path in the shape of the gears, then the spiro algorithm is applied to that path, smoothing out any cusp nodes that are present in it. But what happens if we apply the Spiro Spline LPE first, and the Gears LPE second?**
  
-Mais si nous appliquons les deux effets à ce chemin, l'ordre fait une grande différence. Commençons avec la combinaison la moins surprenants : Engrenages d'abord et Spline spirographique ensuite. +Mais si nous appliquons les deux effets à ce chemin, l'ordre fait une grande différence. Commençons avec la combinaison la moins surprenante : Engrenages d'abord et Spline spirographique ensuite. 
-Cela n'est peut-être pas facile à voir, mais les dents sont maintenant plus arrondies (et chaque pignon possède une dent qui est déformée). En pensant à notre chaîne d'effets ce résultat fait sens : le premier effet renvoit un chemin composite sous forme d'engrenages, puis l'algorithme spirographique s'applique à ces engrenages en arrondissant tous les angles vifs qu'il peut trouver. Mais que se passe-t-il si nous appliquons nos effets dans l'ordre inverse ?+Cela n'est peut-être pas facile à voir, mais les dents sont maintenant plus arrondies (et chaque pignon possède une dent qui est déformée). En pensant à notre chaîne d'effets ce résultat est logique : le premier effet renvoit un chemin composite sous forme d'engrenages, puis l'algorithme spirographique s'applique à ces engrenages en arrondissant tous les angles vifs qu'il peut trouver. Mais que se passe-t-il si nous appliquons nos effets dans l'ordre inverse ?
  
 **Now we've got a load more gears! This is because the path that is created by the Spiro Spline LPE has more nodes than our original input path. Although we drew 6 nodes, the spiro version of the path actually has 13, so when the second LPE runs it creates a lot of extra gears. We could have predicted this result had we only kept an eye on Inkscape's status bar: when an LPE is active it shows the number of nodes in the output path, not the number in the original path. Try using the Gears LPE again, and have a look at how many nodes that generates! **Now we've got a load more gears! This is because the path that is created by the Spiro Spline LPE has more nodes than our original input path. Although we drew 6 nodes, the spiro version of the path actually has 13, so when the second LPE runs it creates a lot of extra gears. We could have predicted this result had we only kept an eye on Inkscape's status bar: when an LPE is active it shows the number of nodes in the output path, not the number in the original path. Try using the Gears LPE again, and have a look at how many nodes that generates!
Ligne 96: Ligne 97:
 Why not practice drawing naturalistic curves and mechanistic gears, then next time we'll continue to look at some of the other LPEs that are available.** Why not practice drawing naturalistic curves and mechanistic gears, then next time we'll continue to look at some of the other LPEs that are available.**
  
-Maintenant nous avons beaucoup plus de pignons ! C'est parce-que le chemin créé par Spline spirographique comporte beaucoup plus de nœuds que le chemin d'origine. Nous avons dessiné six nœuds et la version spirographique en comporte treize. Quand le second effet entre en scène il crée donc beaucoup plus d'éléments. Nous aurions pu le prévoir en observant la barre d'état d'Inkscape : quand un effet est actif elle indique le nombre de nœuds du chemin de sortie, pas celui du chemin original. Essayez d'utiliser l'effet Engrenages une fois encore et voyez combien de nœuds sont générés !+Maintenant nous avons beaucoup plus de pignons ! C'est parce-que le chemin créé par Spline spirographique comporte beaucoup plus de nœuds que le chemin d'origine. Nous avons dessiné six nœuds et la version spirographique en comporte treize. Quand le second effet entre en scène, il crée donc beaucoup plus d'éléments. Nous aurions pu le prévoir en observant la barre d'état d'Inkscape : quand un effet est actif elle indique le nombre de nœuds du chemin de sortie, pas celui du chemin original. Essayez d'utiliser l'effet Engrenages une fois encore et voyez combien de nœuds sont générés !
  
 Pourquoi ne pas vous entraîner à dessiner des courbes organiques et des engrenages réalistes ? La prochaine fois nous continuerons à explorer les effets de chemin disponibles avec Inkscape. Pourquoi ne pas vous entraîner à dessiner des courbes organiques et des engrenages réalistes ? La prochaine fois nous continuerons à explorer les effets de chemin disponibles avec Inkscape.
issue102/tutoriel_4.1446822576.txt.gz · Dernière modification : 2015/11/06 16:09 de auntiee