Catégorie : Graphisme     Tags : ,      0 Commentaire

    Retrouvez cet article dans : Linux Magazine HS 22

    NIVEAU : DEBUTANT

    Donner du relief à une page Web est un jeu d'enfant. Il suffit de placer judicieusement des ombres. Mais il existe plusieurs manières de le faire

    /img-articles/lmhs/22/art-gimp-14/defonce8.jpg

    1. L'image de base sera le calque de texte centré dans l'image. J'explique par ailleurs dans le présent magazine comment bien placer un calque texte de la sorte. Prévoyez suffisement de marge pour agrémenter la réalisation par la suite.

    /img-articles/lmhs/22/art-gimp-14/defonce1.jpg

    2. Récupérez la sélection du texte avec "Alpha vers sélection" puis ajoutez un calque noir. En enfonçant la touche [ALT], cliquez et glissez la sélection vers le bas. Enfin, coupez cette dernière avec [CTRL]+[X]. Utilisez maintenant Filtres/Flou/Flou gaussien sur le calque. Cachez le calque de texte.

    /img-articles/lmhs/22/art-gimp-14/defonce2.jpg

     

    3. Récupérez encore une fois la sélection depuis le calque de texte et cliquez droit sur le calque flou dans la liste des calques. Choisissez "Ajouter un masque de calque" puis "Sélection".

    /img-articles/lmhs/22/art-gimp-14/defonce3.jpg

    4. Ajoutez un calque en fond et coulez éventuellement une couleur sur ce dernier. Choisissez une teinte pastelle. Il ne faut pas oublier qu'il s'agit de donner une impression de découpe ou de défonce et cela sous-entend une matière comme du platre, du béton ou du papier.

    /img-articles/lmhs/22/art-gimp-14/defonce4.jpg

    5. Nous pouvons colorer la partie inférieure de la découpe. Ajoutez un calque de couleur pastelle quelconque entre le calque de fond et celui de l'ombre. Bien entendu, cela colore entièrement l'image (comme un nouveau fond). Activez le masque du calque d'ombre et copiez-le avec [CTRL]+[A] et [CTRL]+[C]. Revenez sur le nouveau calque et ajoutez un masque comme tout à l'heure. Coller ensuite avec [CTRL]+[V] et ancrez la sélection flottante.

    /img-articles/lmhs/22/art-gimp-14/defonce5.jpg

    6. Vous pouvez également ajouter une bordure. Ajoutez un calque de couleur quelconque le plus en haut de la pile de calque. Récupérez la sélection depuis le calque de texte. Agrandissez la sélection légèrement avec Sélection/Agrandir et ajoutez un masque sur le nouveau calque en cochant "Sélection". Récupérez encore une fois la sélection du texte et réduisez-la d'un pixel. Activez le masque de calque et remplissez de noir.

    /img-articles/lmhs/22/art-gimp-14/defonce6.jpg

    7. Il vous suffit maintenant de remplir les calques avec une couleur pour changer et adapter le titre comme il vous plaira. Vous pouvez, bien sûr utiliser des dégradés mais le résultat sera plus délicat à intégrer dans une page Web.

    /img-articles/lmhs/22/art-gimp-14/defonce7.jpg

    8. Les textures donnent d'excellent résultat. En particulier lorqu'on ajoute un calque en tout premier plan avec un dégradé vertical du blanc au noir en mode "Superposer".

    /img-articles/lmhs/22/art-gimp-14/defonce8.jpg

    9. La forme de départ y est pour beaucoup dans le résultat final. Il est possible de s'amuser quelque peu avec le texte et, pourquoi pas, le placer dans un cadre et l'inverser. En suivant toutes les étapes on arrive à quelque chose de différent mais dans le même esprit.

    /img-articles/lmhs/22/art-gimp-14/defonce9.jpg

    10. On peut également jouer sur la bordure en la rendant floue de manière à obtenir un léger effet mettant davantage en valeur le texte lui même.

    /img-articles/lmhs/22/art-gimp-14/defonce10.jpg

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

    Laissez une réponse

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