Vite fait : Découpez le Web (Gimp v2.2)
Signature : | Mis en ligne le : 04/03/2008
Catégorie(s) :
  • GNU/Linux Magazine HS
  • | Domaine :
    1 commentaire(s)
     

    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

    Donnez votre avis - 1 commentaire(s)
  • toots dit :

    Tuto assez interessant mais pas assez précis pour des débutants comme moi. En effet, il n’est pas précisé sur quel calque il faut travailler à chaque fois, n’y les valeurs de filtre comme le filtre gaussien… bref c’est pas forcément fait pour les débutants, vu le niveau d’explication.
    Merci tout de même pour ce tuto car ca met déjà sur la voie.

  • Vous souhaitez commenter cet article ?
    Brèves Flux RSS
    Édito : GNU/Linux Magazine 149
    Édito : GNU/Linux Magazine HS N°60
    Édito : Misc 61
    Édito : Linux Pratique 71
    Édito : Linux Essentiel N°25
    Communication RSS Com. RSS Presse
    Lancement de la plateforme de vente en ligne de PDF des Éditions Diamond ! Un...
    Misc N°61 – Communiqué de presse
    GNU/Linux Magazine N°149 – Communiqué de presse
    GNU/Linux Magazine HS N°60 – Communiqué de presse
    Linux Pratique N°71 – Communiqué de presse
    prochainement moteur de recherches des articles
     
    :
    :
    Jours heures minutes secondes
    En kiosque Flux RSS

    Le tout nouveau GNU/Linux Magazine est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...

    Le tout nouveau Misc est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...

    Le tout nouveau Linux Pratique est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...

    Le tout nouveau GNU/Linux Magazine HS est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...

    Le tout nouveau Linux Essentiel est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...

    Le tout nouveau Misc HS est disponible dès maintenant chez votre marchand de journaux et sur notre site marchand.

    Découvrez le sommaire de ce numéro et un aperçu de ce magazine...

    Lire la suite...