Catégorie : Graphisme     Tags : ,      1 Commentaire

    Retrouvez cet article dans : Linux Magazine HS 22

    NIVEAU : AVANCE

    Donner une impression de technologie brute n'est pas très difficile. Il s'agit tout au plus d'un subtile mélange de couleurs sombres, d'ombres, de métal brossé et de plastique.

    /img-articles/lmhs/22/art-gimp-11/tittech27.jpg

    /img-articles/lmhs/22/art-gimp-11/tittech1.jpg

    1. Comme tous les titres, notre image de départ se compose d'un calque de texte avec suffisement de marge pour permettre le tracé d'un cercle partant du centre de l'image.

    /img-articles/lmhs/22/art-gimp-11/tittech2.jpg

    2. Commencez par récupérer la sélection depuis l'Alpha sur le calque de texte. Ajoutez ensuite un calque blanc et remplissez de noir. Enfin, annulez la sélection et appliquez un flou gaussien assez léger (ici 15 pixels de rayon).

    /img-articles/lmhs/22/art-gimp-11/tittech3.jpg

    3. Réglez la couleur de premier plan sur un gris 50% et ajoutez un nouveau calque remplis de cette couleur. Assurez-vous que ce calque soit actif et utilisez Filtres/Carte/Repoussage d'après une carte. Dans les paramètres du filtre optez pour un type sinusoidale et une élévation moyenne. Enfin, n'oubliez pas de cocher "inverser le reflief" et choisir la bonne carte. Notre carte étant en noir sur fond blanc c'est indispensable.

    /img-articles/lmhs/22/art-gimp-11/tittech4.jpg

    4. Essayez d'obtenir quelque chose comme ceci. Tout en rondeur mais avec un relief assez abrupte.

    /img-articles/lmhs/22/art-gimp-11/tittech5.jpg

    5. Eliminons l'exédent d'image. Récupérez la sélection du calque de texte et Agrandissez-la d'une dizaine de pixels. Juste un peu moins que le rayon du flou précédent (ici j'agrandis de 12). Ajoutez ensuite un masque de calque en utilisant cette sélection. Cachez le calque ayant servi de carte pour le filtre précédent et ajoutez un fond blanc.

    /img-articles/lmhs/22/art-gimp-11/tittech6.jpg

    6. Ajoutez un calque blanc sous le calque de texte. Définissez des couleurs de premier et d'arrière plan respectivement en blanc et gris 50%. Utlisez ensuite l'outil de remplissage par dégradé avec ces couleurs sur le calque. Un dégradé bilinéaire est un bon choix. Placez éventuellement des guides et affichez le calque de texte pour faciliter la manipulation.

    /img-articles/lmhs/22/art-gimp-11/tittech7.jpg

    7. Utilisez ensuite Filtres/Bruit/Dispersion TSV. Le bruit généré influant la teinte la saturation et la valeur. Ici nous poussons la valeur à fond ainsi que la conservation.

    /img-articles/lmhs/22/art-gimp-11/tittech8.jpg

    8. Appliquez ensuite un flou cinétique avec un angle de 0° et une longueur moyenne (30). Ceci permettra de donner un aspect métal brossé au calque. Le mélange dégradé, bruit et flou cinétique donne généralement de très bon résultats quelque soit les réglages utilisés.

    /img-articles/lmhs/22/art-gimp-11/tittech9.jpg

    9. Récupérez ensuite la sélection sur le calque de texte et utilisez-là pour créer un masque sur le calque de dégradé.

    /img-articles/lmhs/22/art-gimp-11/tittech10.jpg

    10. Ajoutons une bordure interne. La sélection de texte étant toujours active, ajoutez un calque noir et réduisez cette sélection d'un seul pixel. Coupez ensuite cette sélection et appliquez un très léger flou gaussien de quelques pixels. Enfin, copiez/collez le masque de calque du dégradé en tant que masque sur le nouveau calque.

    /img-articles/lmhs/22/art-gimp-11/tittech11.jpg

    11. Revenez sur le calque avec le repoussage (bumpmap). Choisissez Calque/Couleurs/Courbes. Là, déformez la courbe des couleurs de cette manière. Nous changeons la répartition et la couleur des différents gris qui composent ce calque.

    /img-articles/lmhs/22/art-gimp-11/tittech12.jpg

    12. Nous obtenons un effet de chrome assez sympathique. En fonction de la déformation que vous donnez à la courbe vous pouvez plus ou moins accentuer l'effet et "polir" le métal.

    /img-articles/lmhs/22/art-gimp-11/tittech13.jpg

    13. Finissons-en avec le texte lui-même en ajoutant quelques salissures. Ajouter un calque blanc, bruitez le calque comme précédement avec une valeur inférieure, récupérez la sélection depuis le calque de texte et remplissez de blanc. Annulez la sélection et appliquez un flou cinétique à 270°. Copiez/collez le masque du calque de dégradé et passez le calque en mode "Diviser".

    /img-articles/lmhs/22/art-gimp-11/tittech14.jpg

    14. Ajoutez un calque blanc juste au dessus du fond et faites une sélection circulaire (touche [CTRL] et [MAJ] après le clic au centre de l'image). Remplissez de noir. Annulez la sélection et appliquez un léger flou gaussien. C'est notre carte pour un prochain repoussage.

    /img-articles/lmhs/22/art-gimp-11/tittech15.jpg

    15. Ajoutez un calque que vous remplissez avec le même dégradé que celui utilisé pour le texte. Bruitez le calque puis appliquez un flou sélectif avec les valeurs par défaut. Ceci permet de rendre flou qu'une partie des pixels du calque et de donner un "piqué" très intéressant. Utilisez ce calque pour appliquer le filtre de repoussage d'après une carte.

    /img-articles/lmhs/22/art-gimp-11/tittech16.jpg

    16. Faites une nouvelle sélection circulaire en partant du centre de l'image de manière à ce qu'elle affleure le bord du relief. Ajoutez ensuite un masque de calque en utilisant cette sélection. Réglez la couleur de premier plan sur une teinte de votre choix (relativement sombre de préférence) et ajoutez un nouveau calque juste au dessus du relief circulaire. Faites une sélection circulaire en partant du centre mais beaucoups moins importante que la précédente. Utilisez cette sélection pour créer un masque de calque.

    /img-articles/lmhs/22/art-gimp-11/tittech17.jpg

    17. Ajouter un calque transparent au dessus du précédent puis utilisez Filtres/Rendu/Motif/Grille. Pour obtenir uniquement des lignes horizontales, il suffit de spécifier une largeur verticale de 0 pixels. Changez également la couleur de tracer.

    /img-articles/lmhs/22/art-gimp-11/tittech18.jpg

    18. Appliquez le filtre suivi d'un léger flou gaussien. Copiez/collez le masque du calque avec le disque de couleur. Réglez l'opacité du calque sur quelques 15%. Dupliquez ce calque et remplissez la copie de noir. Dans la liste des calque cliquez droit et choisissez "Masque vers sélection". Réduisez cette dernier d'une dizaine de pixels, coupez la sélection et appliquez un flou gaussien de 20 pixels. Passez ce calque en mode "Multiplier".

    /img-articles/lmhs/22/art-gimp-11/tittech19.jpg

    19. Dupliquez le calque et remplissez de noir. Refaites les manipulations précédentes en réduisant la sélection de 40 pixels, la remplissant de blanc et en appliquant un flou bien plus imporant. Passez ce calque en mode "Superposer".

    /img-articles/lmhs/22/art-gimp-11/tittech20.jpg

    20. Dupliquez encore ce calque et utilisez Filtres/Rendu/Nuages/Brouillage uni. Passez ce calque en mode "Fusion de grain".

    /img-articles/lmhs/22/art-gimp-11/tittech21.jpg

    21. Voici le résultat obtenu en totalité...

    /img-articles/lmhs/22/art-gimp-11/tittech22.jpg

    22. ...et l'organisation des calques.

    /img-articles/lmhs/22/art-gimp-11/tittech23.jpg

    23. Il nous reste à ajouter les ombres. Nous avons ici deux objets superposés, le texte et le cercle. Commençons avec le texte. Ajoutez un calque transparent entre les calques des deux objets. Récupérez la sélection depuis le masquie du calque de texte en relief (juste au dessus du nouveau calque). Déplacez la sélection de 10 pixels vers le bas, remplissez de noir, annulez la sélection et appliquez un flou gaussien de 30 pixels de rayon. Copier ensuite le masque du cercle en relief (juste au dessus du fond blanc). Notre ombre ne porte que sur l'objet en cercle.

    /img-articles/lmhs/22/art-gimp-11/tittech24.jpg

    24. Ajoutons l'ombre du cercle. Pour cela, ajoutez un calque transparent juste au dessus du fond blanc. Récupéré la séléction depuis le masque du calque au dessus (le cercle en relief). Décalez cette sélection de 10 pixels vers le bas, remplissez de noir, annulez la sélection et appliquez un flou gaussien de 30 pixels à nouveau.

    /img-articles/lmhs/22/art-gimp-11/tittech24.jpg

    25. Ajoutez un calque transparent au dessus du précédent. Il nous manque l'ombre du texte portant sur le fond blanc. Récupérez la sélection depuis le masque du calque de texte en relief et déplacez là vers le base de 20 pixels pour arriver au niveau de l'ombre portée par le cercle. Replissez de noir, annulez la sélection et appliquez un flou gaussien de 60 pixels de rayon. En doublant la valeur du flou nous éloignons le texte par rapport au fond blanc et apportons de la cohérence dans les ombres.

    /img-articles/lmhs/22/art-gimp-11/tittech25.jpg

    26. La réalisation est terminée, vous pouvez à loisir changer la couleur du cercle interne en remplissant le calque adéquate.

    /img-articles/lmhs/22/art-gimp-11/tittech26.jpg

    27. Vous pouvez apportez de la couleur à n'importe quel élément en ajoutant des calques en mode "Couleur" et ainsi composer un titre plus en accord avec votre charte graphique.

    /img-articles/lmhs/22/art-gimp-11/tittech27.jpg

    Posté par Denis Bodor (Lefinnois) | Signature : Denis Bodor | Article paru dans

    Il y a actuellement un commentaire dans “Un titre très technologique (Gimp v2.2)”

    1. 1 Le 2 mars 2008, scls19fr[10] ecrivait:

      Merci pour ce tuto
      Le métal brossé fait très hi-tech façon Mac !
      Par contre ça serait sympa d’avoir en parallèle un petit exemple de script-fu qui permet de refaire à volonté ce genre d’image (en changeant le texte) !

      Ah aussi ! juste un petit détail… pourquoi ne pas indiquer le numéro de GLMF dans lequel l’article est paru !

      Merci encore pour l’initiative Unix Garden ! (ça ne m’empêche pas de continuer à acheter GLMF)

    Laissez une réponse

    Vous devez avoir ouvert une session pour écrire un commentaire.