Retrouvez cet article dans : Linux Magazine HS 22
NIVEAU : DEBUTANT
Composer des formes géométrique en utilisant les sélections, le masque rapide et la canaux peut parfois s'avérer être un véritable calvert. En utilisant judicieusement les fonctionnalités de The Gimp on trouve des techniques pour se simplifier la vie.
1. Le but ici n'est pas de créer un bouton à proprement parler mais de vous montrez une technique facilitant la composition d'un fond ou d'une décoration pour celui-ci. Notre base de travail est un carré blanc. Peu importe sa taille du moment qu'il peut facilement être divisible en deux. Plaçons des guides à cet effet.
2. A l'aide de l'outil de sélection rectangulaire, faites une première sélection du centre de l'image vers le coin supérieur gauche. Nous remplissons cette sélection de la couleur de premier plan ([CTRL]+[,]) par défaut (noir). Faites ensuite de même avec une sélection du le centre vers le coin inférieur droit.
3. Dans la fenêtre ou liste des calques, utilisez le bouton permettant de dupliquer le calque (les deux petites feuilles). Activez le calque le plus en haut (la copie) et, toujours dans cette fenêtre, choisissez un mode de calque «Différence». L'image devient entièrement noire. c'est parfaitement normal puisque le mode fait une opération de différence entre les deux calques.
4. En aveugle donc, sélectionnez l'ensemble de l'image avec [CTRL]+[A] et utilisez l'outil de transformation par rotation ([MAJ]+[R]).
5. Spécifiez un angle de rotation de 45° en saissant directement la valeur. Le centre de rotation est, par défaut le centre de l'image. Comme nous avons une image carré cela convient parfaitement.
6. Appliquez l'effet. Ancrez la sélection flottante qui apparaît comme un nouveau calque dans la liste en cliquant sur l'icône représentant une ancre dans cette même fenêtre.
7. Toujours dans la fenêtre des calques, cliquez avec le bouton droit de la souris et choisissez «Fusionner vers le bas». Cette opération a pour effet de créer un seul et unique calque avec celui actuellement actif et celui lui étant immédiatement inférieur. Dupliquez à nouveau ce calque, passez la copie en mode «Différence» et répétez l'opération de rotation. Spécifiez cette fois un angle moitier moindre, soit 22,5°, appliquez et ancrez.
8. Recommencez les opérations de fusion, duplication, changement de mode, rotation, ancrage. Cette fois la valeur de rotation est encore divisée par deux, 11.25°.
9. Une dernière fois pour la route... avec un angle de 5.62°. Fusionnez une dernière fois pour n'obtenir qu'un seul calque.
10. Utilisez ensuite . Les valeurs par défaut spécifiant un angle de rotation de 90° et un rayon de 1 sont parfaites.
11. Une fois le filtre appliqué (ce qui peut prendre un peu de temps selon votre configuration matérielle), on obtient un effet de spiral tout à fait agréable.
12. Il est possible de poussez davantage de filtre en spécifiant une valeur de rotation bien supérieure comme 270° par exemple.
13. La valeur «Rayon» du filtre est comprise en 0 et 2. Celle-ci représente le rayon à partir du centre de l'image sur lequel le filtre s'applique. 1 représente l'image entière (à part les coins qui ne sont pas couvert par le rayon), 2, deux fois la taille de l'image et en dessous de 1 une partie seulement de cette dernière. On voit ici un effet avec une rotation de 180° et un rayon de 0,25.
14. Conservons ces règlages pour pousser plus loin. La composition est déjà intéressante telle quelle mais il est possible de faire mieux (selon les besoins bien entendu). Dupliquez à nouveau le calque et passez la copie en mode «Différence». Cette fois, utilisez l'outil de symétrie (retournement horizontal ou vertical) sur la copie. N'est-ce pas magnifique ? C'est le rayon inférieur à 1 avec le filtre précédent qui nous permet d'optenir une bordure de rosace telle que celle-ci. Faites quelques essais par vous même.
15. Faites une sélection circulaire partant du centre de l'image. Pour cela, cliquez au centre, maintenez appuyé le bouton de la souris et en foncer les touches [MAJ] (pour une sélection en cercle parfait) et [CTRL] (pour une sélection s'étendant depuis le centre). Inversez la sélection avec [CTRL]+[I] et remplissez de la couleur de premier plan (le noir) avec [CTRL]+[,].
16. Ajouter de la couleur est très facile pour peu que l'on utilise les masques de calques. Choisissez une couleur de premier plan qui vous plait et ajoutez un nouveau calque en spécifiant d'utiliser la couleur de premier plan en question. Activez ensuite le calque avec la rosace, sélectionnez tout avec [CTRL]+[A] et copiez avec [CTRL]+[C]. Activez ensuite le calque de couleur et cliquez avec le bouton droit de la souris sur ce dernier dans la liste des calque. Dans le menu, choisissez «Ajouter un masque de calque» et validez. Assurez-vous que le masque est actif (et non le calque) puis coller avec [CTRL]+[V]. Enfin, ancrez la sélection flottante.
17. Ajoutez encore un calque de couleur différente sous le précédent et recommencez l'opération de copier/coller dans un masque pour ce nouveau calque. Enfin, activez le masque en question et utilisez le menu pour obtenir un effet inverse du précédent. Et voilà votre rosace en couleur.
18. La forme de départ y est pour beaucoup dans le rendu final. Créez une nouvelle image et utilisez le menu en spécifiant une taille de carreau étant un diviseur de la tail de l'image (ici 32 pour une image de 512 de coté).
19. En procédent à deux «passes» de rotation/fusion de 45° puis 22.5° et en éliminant la bordure comme précédement, on obtient quelque chose de fort intéressant. Surtout en couleur.
20. On pourra utiliser ce type de fond avec les boutons présentés dans le reste de ce hors série, qu'il s'agisse de bouton simple comme celui-ci...
21. ...ou encore de création plus complexes comme le bouton lumineux métalique.
