| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| issue94:inkscape [2015/04/03 13:55] – [1] auntiee | issue94:inkscape [2015/04/07 15:09] (Version actuelle) – andre_domenech |
|---|
| Last time, we quickly skipped over the first tab of the Tiled Clones dialog, leaving the pop-up menu on the “P1” setting, then spent the rest of the article looking at the Shift tab. The key thing is understanding how each column of controls applies to the rows and columns of clones that you define at the bottom of the dialog. If you're not entirely clear about that, now's the time to go back and revise because the next four tabs are all based on the same type of arrangement.** | Last time, we quickly skipped over the first tab of the Tiled Clones dialog, leaving the pop-up menu on the “P1” setting, then spent the rest of the article looking at the Shift tab. The key thing is understanding how each column of controls applies to the rows and columns of clones that you define at the bottom of the dialog. If you're not entirely clear about that, now's the time to go back and revise because the next four tabs are all based on the same type of arrangement.** |
| |
| Dernière minute : depuis le précédent opus de cette série, la versiontant attendue d'Inkscape, la 0.91, est enfin sortie. Il y a quelques nouvelles fonctionnalités intéressantes, mais rien qui affecte radicalement l'un des sujets que j'ai abordés jusqu'ici ; ainsi, tous les articles précédents s'appliquent toujours. Je parlerai de quelques-unes des nouveautés de la v0.91 dans un prochain tutoriel, mais pour l'instant, continuons avec la boîte de dialogue Clones en pavage, qui n'a pas vraiment changé avec la nouvelle version... | Dernière minute : depuis le précédent opus de cette série, la version tant attendue d'Inkscape, la 0.91, est enfin sortie. Il y a quelques nouvelles fonctionnalités intéressantes, mais rien qui affecte radicalement l'un des sujets que j'ai abordés jusqu'ici ; ainsi, tous les articles précédents s'appliquent toujours. Je parlerai de quelques-unes des nouveautés de la v0.91 dans un prochain tutoriel, mais pour l'instant, continuons avec la boîte de dialogue Clones en pavage, qui n'a pas vraiment changé avec la nouvelle version... |
| |
| La dernière fois, nous avons rapidement passé sur le premier onglet de la boîte de dialogue Clones en pavage, laissant le menu déroulant sur le paramètre « P1 », pour passer le reste de l'article sur l'onglet Translation. L'essentiel est de comprendre comment chaque colonne de contrôle s'applique aux lignes et colonnes de clones que vous définissez en bas de la boîte de dialogue. Si vous n'êtes pas tout à fait au point à ce sujet, il est maintenant temps de revenir en arrière et réviser, parce que les quatre onglets suivants sont tous basés sur le même principe. | La dernière fois, nous sommes rapidement passés sur le premier onglet de la boîte de dialogue Clones en pavage, laissant le menu déroulant sur le paramètre « P1 », pour passer le reste de l'article sur l'onglet Translation. L'essentiel est de comprendre comment chaque colonne de contrôle s'applique aux lignes et colonnes de clones que vous définissez en bas de la boîte de dialogue. Si vous n'êtes pas tout à fait au point à ce sujet, il est maintenant temps de revenir en arrière et réviser, parce que les quatre onglets suivants sont tous basés sur le même principe. |
| |
| ====== 2 ====== | ====== 2 ====== |
| Now let's take a first foray into the Scale tab (shown right). The layout is almost identical to the Shift tab, so you should be able to work out what most of the fields are for. The Shift X and Y rows have been replaced with Scale X and Scale Y, allowing you to set the amount by which the width and height of your clones are changed for each row and column – plus a random amount if you choose. Clones that have been scaled in this way are exactly the same as if you had manually scaled them using the normal resize handles. As usual, the values are percentages that are relative to the parent's bounding box dimensions. In this example, I've set the values to reduce the width of the rectangle by 40% and the height by 20% for each row.** | Now let's take a first foray into the Scale tab (shown right). The layout is almost identical to the Shift tab, so you should be able to work out what most of the fields are for. The Shift X and Y rows have been replaced with Scale X and Scale Y, allowing you to set the amount by which the width and height of your clones are changed for each row and column – plus a random amount if you choose. Clones that have been scaled in this way are exactly the same as if you had manually scaled them using the normal resize handles. As usual, the values are percentages that are relative to the parent's bounding box dimensions. In this example, I've set the values to reduce the width of the rectangle by 40% and the height by 20% for each row.** |
| |
| Avant de passer à l'onglet Dimension, vous aurez à nouveau besoin d'un objet ou d'un groupe à cloner, et une fois encore, j'utiliserai un simple rectangle arrondi. Vous devriez également cliquer sur le bouton R-à-z dans la boîte de dialogue pour vous assurer que vous n'avez pas de valeurs bizarres qui traînent dans l'onglet Translation et viennent perturber les résultats. Cliquez maintenant sur le bouton Créer et vous devriez voir le même tableau simple d'objets avec lequel nous avons commencé la dernière fois, qui confirmera que tous les contrôles sont réglés à peu près sur des valeurs de base. | Avant de passer à l'onglet Dimension, vous aurez à nouveau besoin d'un objet ou d'un groupe à cloner et, une fois encore, j'utiliserai un simple rectangle arrondi. Vous devriez également cliquer sur le bouton R-à-z dans la boîte de dialogue pour vous assurer que vous n'avez pas de valeurs bizarres qui traînent dans l'onglet Translation qui pourraient perturber les résultats. Cliquez maintenant sur le bouton Créer et vous devriez voir le même tableau simple d'objets avec lequel nous avons commencé la dernière fois, qui confirmera que tous les contrôles sont réglés sur des valeurs logiques de base. |
| |
| Faisons maintenant une première incursion dans l'onglet Dimension (à droite). La disposition est presque identique à l'onglet Translation, donc vous devriez pouvoir deviner à quoi servent la plupart des champs. Les lignes Translation X et Y ont été remplacées par Échelle X et Échelle Y, vous permettant de régler la valeur pour modifier la largeur et la hauteur de vos clones pour chaque ligne et colonne - majorée d'un montant aléatoire si vous le souhaitez. Les clones qui ont été mis à l'échelle de cette façon sont exactement les mêmes que si vous les aviez mis à l'échelle manuellement à l'aide des poignées de redimensionnement normales. Comme d'habitude, les valeurs sont des pourcentages qui sont relatifs aux dimensions de la boîte englobante mère. Dans cet exemple, j'ai réglé les valeurs pour réduire la largeur du rectangle de 40% et la hauteur de 20% pour chaque ligne. | Faisons maintenant une première incursion dans l'onglet Dimension (à droite). La disposition est presque identique à celle de l'onglet Translation, donc vous devriez pouvoir deviner à quoi servent la plupart des champs. Les lignes Translation X et Y sont remplacées par Échelle X et Échelle Y, vous permettant de régler la valeur modifiant la largeur et la hauteur de vos clones pour chaque ligne et colonne - majorée d'un montant aléatoire si vous le souhaitez. Les clones qui ont été mis à l'échelle de cette façon sont exactement les mêmes que si vous les aviez mis à l'échelle manuellement à l'aide des poignées de redimensionnement normales. Comme d'habitude, les valeurs sont des pourcentages qui sont relatifs aux dimensions de la boîte englobante mère. Dans cet exemple, j'ai réglé les valeurs pour réduire la largeur du rectangle de 40 % et la hauteur de 20 % pour chaque ligne. |
| |
| ====== 3 ====== | ====== 3 ====== |
| You can, of course, scale up as well as down using this dialog simply by setting positive values for the Scale X and Scale Y fields. If you do this you'll see that the clones immediately start to overlap each other. Here I've set both the X and Y scale factors to +10% for both the rows and columns (in other words, I've put 10 into the four boxes at the top left of the dialog). I've used a shape with stroke and no fill to make it a little clearer what's happening.** | You can, of course, scale up as well as down using this dialog simply by setting positive values for the Scale X and Scale Y fields. If you do this you'll see that the clones immediately start to overlap each other. Here I've set both the X and Y scale factors to +10% for both the rows and columns (in other words, I've put 10 into the four boxes at the top left of the dialog). I've used a shape with stroke and no fill to make it a little clearer what's happening.** |
| |
| Le champ Exposant vous permet de déterminer si les montants d'échelle pour X et Y doivent être les mêmes pour chaque ligne ou colonne, ou s'ils doivent augmenter ou diminuer de façon exponentielle. Les champs Base sont utilisés en conjonction avec l'onglet Rotation pour créer des spirales logarithmiques, mais je n'ai jamais vraiment eu beaucoup de chance avec la technique. Enfin, les cases Alterner et Cumulatif fonctionnent de la même manière que pour l'onglet Translation. La première permet d'appliquer le facteur d'échelle en alternant des valeurs positives et négatives pour chaque ligne ou colonne, tandis que le second fait que le facteur d'échelle est ajouté de façon répétitive pour chaque ligne ou colonne, plutôt que de simplement utiliser la même valeur pour toutes. | Le champ Exposant vous permet de déterminer si l'agrandissement ou la réduction pour X et Y doivent être les mêmes pour chaque ligne ou colonne, ou s'ils doivent augmenter ou diminuer de façon exponentielle. Les champs Base sont utilisés en conjonction avec l'onglet Rotation pour créer des spirales logarithmiques, mais je n'ai jamais vraiment eu beaucoup de chance avec la technique. Enfin, les cases Alterner et Cumulatif fonctionnent de la même manière que pour l'onglet Translation. La première permet d'appliquer le facteur d'échelle en alternant des valeurs positives et négatives pour chaque ligne ou colonne, tandis que le second fait que le facteur d'échelle est ajouté de façon répétitive pour chaque ligne ou colonne, plutôt que d'utiliser simplement la même valeur pour toutes. |
| |
| Vous pouvez, bien sûr, agrandir ou diminuer l'échelle en utilisant cette boîte de dialogue, en fixant tout simplement des valeurs positives pour le champs Échelle X et Échelle Y. Si vous faites cela, vous verrez que les clones commencent immédiatement à se chevaucher. Ici, j'ai mis les deux facteurs d'échelle X et Y à +10% pour les lignes et les colonnes (en d'autres termes, j'ai mis 10 dans les quatre cases en haut à gauche de la fenêtre). J'ai utilisé une forme avec un contour et pas de remplissage pour clarifier un peu ce qui se passe. | Vous pouvez, bien sûr, agrandir ou diminuer l'échelle en utilisant cette boîte de dialogue, en fixant tout simplement des valeurs positives pour les champs Échelle X et Échelle Y. Si vous faites cela, vous verrez que les clones commencent immédiatement à se chevaucher. Ici, j'ai mis les deux facteurs d'échelle X et Y à +10 % pour les lignes et les colonnes (en d'autres termes, j'ai mis 10 dans les quatre cases en haut à gauche de la fenêtre). J'ai utilisé une forme avec un contour et pas de remplissage pour clarifier un peu ce qui se passe. |
| |
| ====== 4 ====== | ====== 4 ====== |
| Si vous ne voulez pas que vos clones mis à l'échelle se chevauchent comme cela, il vous suffit de leur donner un peu plus de marge de manœuvre en utilisant l'onglet Translation. C'est un point clé de la boîte de dialogue Clones en pavage : vous pouvez combiner les options de plusieurs onglets afin de créer l'arrangement que vous voulez - même si c'est vraiment facile de créer des arrangements qui deviennent rapidement hors de contrôle ! Si vos expériences vous mènent trop loin hors des sentiers battus, n'oubliez pas le bouton R-à-z. | Si vous ne voulez pas que vos clones mis à l'échelle se chevauchent comme cela, il vous suffit de leur donner un peu plus de marge de manœuvre en utilisant l'onglet Translation. C'est un point clé de la boîte de dialogue Clones en pavage : vous pouvez combiner les options de plusieurs onglets afin de créer l'arrangement que vous voulez - même si c'est vraiment facile de créer des arrangements qui deviennent rapidement hors de contrôle ! Si vos expériences vous mènent trop loin hors des sentiers battus, n'oubliez pas le bouton R-à-z. |
| |
| Passons sur l'onglet Rotation, je ne vais pas décrire chaque champ parce que vous devriez maintenant voir des choses communes à chaque onglet. Au lieu de cela, je vais présenter la capture d'écran ci-dessous, et vous demande de réfléchir à la façon dont ces valeurs de 9° pour chaque ligne et colonne se sont accumulées en une rotation du rectangle en bas à droite de 45°. | Passons sur l'onglet Rotation, je ne vais pas décrire chaque champ parce que vous devriez maintenant voir des choses communes à chaque onglet. Au lieu de cela, je vais vous montrer la capture d'écran ci-dessous en vous demandant de réfléchir à la façon dont ces valeurs de 9° pour chaque ligne et colonne se sont accumulées en une rotation du rectangle en bas à droite de 45°. |
| |
| ====== 5 ====== | ====== 5 ====== |
| Notice how the arrangement as a whole is starting to curve? We can take advantage of this to create circles and arcs, even though the first tab still claims we're performing a “simple translation”. By changing the parameters at the bottom of the dialog to just produce a single row of clones, with a center of rotation outside the parent object, you can create a circular array. Let's give it a try: set the “Rows, columns” fields to 1x12; adjust the center of rotation to drag it down below your object; set the rotation per column to 30°; finally either check the Per column “Exclude tile” box in the Shift tab, or set the Per column Shift X amount to -100%, in order to counteract the default behaviour of placing each column further along the X axis. Click the Create button and you should have a circular arrangement of clones.** | Notice how the arrangement as a whole is starting to curve? We can take advantage of this to create circles and arcs, even though the first tab still claims we're performing a “simple translation”. By changing the parameters at the bottom of the dialog to just produce a single row of clones, with a center of rotation outside the parent object, you can create a circular array. Let's give it a try: set the “Rows, columns” fields to 1x12; adjust the center of rotation to drag it down below your object; set the rotation per column to 30°; finally either check the Per column “Exclude tile” box in the Shift tab, or set the Per column Shift X amount to -100%, in order to counteract the default behaviour of placing each column further along the X axis. Click the Create button and you should have a circular arrangement of clones.** |
| |
| Au début, l'onglet Rotation semble assez simple et inoffensif. Il fait ce qu'il indique, à savoir tourner chaque clone en fonction de sa position en ligne et en colonne, et voilà. Mais il y a un paramètre vital nécessaire à la rotation, qui n'a même pas obtenu sa place dans ce dialogue : le centre de rotation. | Au début, l'onglet Rotation semble assez simple et inoffensif. Il fait ce qu'il indique, à savoir tourner chaque clone en fonction de sa position en ligne et en colonne, et voilà ! Mais il y a un paramètre vital nécessaire à la rotation, qui n'a même pas obtenu sa place dans ce dialogue : le centre de rotation. |
| Dans l'exemple précédent, j'ai utilisé le centre de rotation par défaut du parent, au milieu de la boite englobante. Mais vous pouvez le déplacer, comme décrit dans la partie 1 de cette série : il suffit de sélectionner un objet puis de cliquer une deuxième fois pour faire apparaître les poignées de rotation et d'inclinaison, puis de faire glisser la petite croix qui marque le centre de rotation à une autre position. Si vous voulez retourner à la position par défaut, juste MAJ-cliquez dessus. En déplaçant le centre de rotation en dehors de notre objet parent, les rotations précédentes deviennent un peu plus intéressantes. | Dans l'exemple précédent, j'ai utilisé le centre de rotation par défaut du parent, au milieu de la boite englobante. Mais vous pouvez le déplacer, comme décrit dans la partie 1 de cette série : il suffit de sélectionner un objet, puis de cliquer une deuxième fois pour faire apparaître les poignées de rotation et d'inclinaison et ensuite de faire glisser la petite croix qui marque le centre de rotation à une autre position. Si vous voulez retourner à la position par défaut, MAJ-cliquez simplement dessus. En déplaçant le centre de rotation en dehors de notre objet parent, les rotations précédentes deviennent un peu plus intéressantes. |
| Vous remarquez comment l'arrangement dans son ensemble commence à se courber ? Nous pouvons profiter de ceci pour créer des cercles et des arcs, même si le premier onglet revendique toujours que nous effectuons une « simple translation ». En changeant les paramètres au bas de la boîte de dialogue pour produire une seule ligne de clones, avec un centre de rotation en dehors de l'objet parent, vous pouvez créer un réseau circulaire. Essayons : définissez les champs « Lignes, colonnes » sur 1x12 ; ajustez le centre de rotation pour en le faisant glisser vers le bas en dessous de votre objet ; réglez la rotation par colonne à 30° ; enfin soit cochez la case « Exclure la taille du pavé » dans l'onglet Translation, soit réglez la Translation X par colonne à -100%, afin de contrer le comportement par défaut qui place chaque colonne plus loin le long de l'axe X. Cliquez sur le bouton Créer et vous devriez avoir un arrangement circulaire de clones. | Vous remarquez comment l'arrangement dans son ensemble commence à se courber ? Nous pouvons profiter de ceci pour créer des cercles et des arcs, même si le premier onglet dit toujours que nous effectuons une « simple translation ». En changeant les paramètres au bas de la boîte de dialogue pour produire une seule ligne de clones, avec un centre de rotation en dehors de l'objet parent, vous pouvez créer un réseau circulaire. Essayons : définissez les champs « Lignes, colonnes » sur 1x12 ; ajustez le centre de rotation en le faisant glisser vers le bas en dessous de votre objet ; réglez la rotation par colonne à 30° ; enfin soit cochez la case « Exclure la taille du pavé » dans l'onglet Translation, soit réglez la Translation X par colonne à -100 %, afin de contrer le comportement par défaut qui place chaque colonne plus loin le long de l'axe X. Cliquez sur le bouton Créer et vous devriez avoir un arrangement circulaire de clones. |
| |
| ====== 6 ====== | ====== 6 ====== |
| Finally for this instalment, the Blur and Opacity tab should be fairly easy to understand. Tweaking the values in here is the equivalent of setting the Blur and Opacity sliders in the Fill and Stroke dialog for each clone. It's worth noting that any transparency in an object can cause Inkscape and other SVG renderers to slow down a little, as they have to calculate the effect that the pixels behind the object will have on the overall image. Blur has an even more significant effect on rendering speed, with larger values requiring ever more intense calculations. It's easy to add too much blur via this dialog, especially when creating a lot of clones, so you should probably start with very small values and work your way up, rather than just going straight for multi-digit numbers.** | Finally for this instalment, the Blur and Opacity tab should be fairly easy to understand. Tweaking the values in here is the equivalent of setting the Blur and Opacity sliders in the Fill and Stroke dialog for each clone. It's worth noting that any transparency in an object can cause Inkscape and other SVG renderers to slow down a little, as they have to calculate the effect that the pixels behind the object will have on the overall image. Blur has an even more significant effect on rendering speed, with larger values requiring ever more intense calculations. It's easy to add too much blur via this dialog, especially when creating a lot of clones, so you should probably start with very small values and work your way up, rather than just going straight for multi-digit numbers.** |
| |
| En mettant également des valeurs dans les champs Échelle X et Échelle Y, il est possible de créer des spirales de cette façon. Malheureusement, l'utilisation de ces champs modifiera, bien sûr, la taille des clones - il me reste à trouver une méthode pour créer des spirales d'objets de taille identique à l'aide de cette boîte de dialogue. C'est là que les champs Base devraient vous permettre de créer des spirales logarithmiques qui croissent (ou décroissent) de manière exponentielle, mais tout ce qu'ils semblent faire chez moi est de tordre les clones à mesure qu'ils progressent autour de la spirale, donc j'ai tendance à les laisser à 0. N'hésitez pas à expérimenter de votre côté, cependant, pour voir si vous pouvez leur faire accomplir leur magie. | En mettant également des valeurs dans les champs Échelle X et Échelle Y, il est possible de créer des spirales de cette façon. Malheureusement, l'utilisation de ces champs modifiera, bien sûr, la taille des clones - il me reste à trouver une méthode pour créer des spirales d'objets de taille identique à l'aide de cette boîte de dialogue. C'est là que les champs Base devraient vous permettre de créer des spirales logarithmiques qui croissent (ou décroissent) de manière exponentielle, mais tout ce qu'ils semblent faire chez moi est de tordre les clones à mesure qu'ils progressent autour de la spirale, et j'ai donc tendance à les laisser à 0. Toutefois, n'hésitez pas à expérimenter de votre côté, pour voir si vous pouvez leur faire accomplir leur magie. |
| |
| Pour terminer cette séance, l'onglet Flou & Opacité devrait être assez facile à comprendre. Régler finement ses valeurs est équivalent à régler les curseurs Flou et Opacité dans la boîte de dialogue Remplissage et contour pour chaque clone. Il est intéressant de noter que la transparence dans un objet peut ralentir un peu Inkscape et d'autres moteurs de rendu SVG, car ils doivent calculer l'effet que les pixels derrière l'objet auront sur l'image globale. Le flou a un effet encore plus important sur la vitesse de rendu, des valeurs plus grandes nécessitant des calculs plus intenses. Il est facile d'ajouter trop de flou via cette boîte de dialogue, en particulier lors de la création d'un grand nombre de clones, vous devriez donc probablement commencer avec de très petites valeurs et augmenter peu à peu, plutôt que d'utiliser directement des nombres à plusieurs chiffres. | Pour terminer cette séance, l'onglet Flou & Opacité devrait être assez facile à comprendre. Régler finement ses valeurs est équivalent à régler les curseurs Flou et Opacité dans la boîte de dialogue Remplissage et contour pour chaque clone. Il est intéressant de noter que la transparence dans un objet peut ralentir un peu Inkscape et d'autres moteurs de rendu SVG, car ils doivent calculer l'effet que les pixels derrière l'objet auront sur l'image globale. Le flou a un effet encore plus important sur la vitesse de rendu, des valeurs plus grandes nécessitant des calculs plus intenses. Il est facile d'ajouter trop de flou via cette boîte de dialogue, en particulier lors de la création d'un grand nombre de clones, vous devriez donc probablement commencer avec de très petites valeurs et les augmenter peu à peu, plutôt que d'utiliser directement des nombres à plusieurs chiffres. |
| |
| ====== 7 ====== | ====== 7 ====== |
| Next time we'll continue our investigation of the Tiled Clones dialog by looking at the last two tabs: Colour and Trace.** | Next time we'll continue our investigation of the Tiled Clones dialog by looking at the last two tabs: Colour and Trace.** |
| |
| Soyez conscient que l'ajout de flou à des clones de cette manière créera effectivement un nouveau filtre Flou gaussien pour chaque clone. Les filtres sont un sujet pour un autre article, mais il suffit de dire qu'il est facile de faire gonfler votre fichier avec de nombreux filtres redondants, surtout quand vous expérimentez avec différentes valeurs dans cette boîte de dialogue. En utilisant Fichier > Nettoyer les Defs (rebaptisé Fichier > Nettoyer le Document en 0.91) peut souvent retirer tous les filtres obsolètes, mais ça ne fonctionne pas toujours à 100%. | Soyez conscient que l'ajout de flou à des clones de cette manière créera en fait un nouveau filtre Flou gaussien pour chaque clone. Les filtres sont un sujet pour un autre article, mais il suffit de dire qu'il est facile de faire gonfler votre fichier avec de nombreux filtres redondants, surtout quand vous expérimentez différentes valeurs dans cette boîte de dialogue. En utilisant Fichier > Nettoyer les Defs (rebaptisé Fichier > Nettoyer le Document en 0.91) vous pouvez souvent retirer tous les filtres obsolètes, mais ça ne fonctionne pas toujours à 100 %. |
| |
| Il n'y a pas de case à cocher « cumulatif » dans cet onglet, car ces valeurs s'ajoutent toujours : si vous mettez 5.0 dans le champ Opacité par ligne, la première ligne sera complètement opaque, la deuxième ligne aura 5% de transparence, la troisième aura 10%, et ainsi de suite. Appliquer un petit flou et fondu à notre spirale précédente donne ce résultat. | Il n'y a pas de case à cocher « Cumulatif » dans cet onglet, car ces valeurs s'ajoutent toujours : si vous mettez 5.0 dans le champ Opacité par ligne, la première ligne sera complètement opaque, la deuxième ligne aura 5 % de transparence, la troisième aura 10 %, et ainsi de suite. Appliquer un petit flou et fondu à notre spirale précédente donne ce résultat. |
| |
| La prochaine fois, nous allons continuer notre enquête sur la boîte de dialogue Clones en pavage en regardant les deux derniers onglets : Couleur et Calquer. | La prochaine fois, nous continuerons notre enquête sur la boîte de dialogue Clones en pavage en regardant les deux derniers onglets : Couleur et Calque. |
| |
