[Photoshop] utilisation de masque?

Discussion dans 'Web, design' créé par [wAly], 2 Janvier 2008.

Statut de la discussion:
Fermée.
  1. Offline
    [wAly] bibi j'en suis baba
    slt à tous,

    est ce que quelqu'un connaitrait un tuto qui montre comment faire cette effet?? j'aimerais le reproduire mais pas dans un bouton.

    [IMG]

    merci
    [wAly], 2 Janvier 2008
    #1
  2. Offline
    Ludovic_ Anime > Manga
    Je ne suis pas sur que ce soit les masques, je dirais qu'il y'a + un jeu d'opacités, de dégradés avec des courbes fait avec l'outils plume :)
    Mais je ne suis pas expert dans le domaine :eek:
    Ludovic_, 2 Janvier 2008
    #2
  3. Offline
    [wAly] bibi j'en suis baba
    j'en suis pas sur non plus :p mais si quelqu'un a un tuto qui pourait m'aider ca serait bien sympa de faire tourner.
    [wAly], 2 Janvier 2008
    #3
  4. Offline
    PiaFlalCoOl NiuAge
    Y'a surement des masques pour créer les dégradés des reflets blancs. Mais ca pourrait aussi etre fait avec de simples dégradés c'est vrai, sauf que ca rendrait moins bien vu que ca serait un dégradé vers une couleur unie.

    Enfin bon, ca sert a rien d'expliquer avec des mots :p si t'as pas de réponses demain, jte ferai le tuto.
    PiaFlalCoOl, 2 Janvier 2008
    #4
  5. Offline
    PiaFlalCoOl NiuAge
    Allez hop, j'ai un ptit moment, jte fais le tuto dans 15 min.
    PiaFlalCoOl, 4 Janvier 2008
    #5
  6. Offline
    Sicounet Putride vermine
    Thanks PiaF, cela m'intéresse aussi :)
    Sicounet, 4 Janvier 2008
    #6
  7. Offline
    PiaFlalCoOl NiuAge
    En fait c'est un peu long à faire un bon tuto :p.

    J'annonce direct : c'est loin d'être parfait, le but c'est de vous donner la technique et l'idée, j'ai pas passé de temps à reproduire au pixel près ;) Apres, dès que vous avez compris, vous pourrez modifier à loisir !

    J'ai pas mal détaillé (ptêtre trop parfois), mais si vous avez des probs, demandez ;)

    1- Ouvrez un nouveau document de la taille souhaitée, remplissez le fond d'une couleur unie de préférence blablabla :p.

    2- Tracez le fond de votre bouton, ici, de couleur noire. Pour cela, sélectionnez l'outil Rectangle arrondi.

    [IMG]

    3- Maintenant, on va s'atteler aux premiers reflets, ceux en haut et en bas du bouton.

    a - Dupliquez le fond noir du bouton (ctrl + J), remplissez le de blanc.

    b - Pixelisez ce nouveau calque si c'est une forme vectorielle, sinon oubliez cette étape :p.

    c- Maintenez la touche CTRL, et cliquez avec le bouton gauche sur le calque pour sélectionner son contour.

    d- Faites Sélection -> Modifier -> Contracter (2px ici).

    [IMG]

    Faites ctrl + shift + i pour inverser la sélection, et pressez SUPPR.

    Vous obtenez ca : [IMG]

    4- Voila la partie importante à mon sens, les masques de fusion ;)

    Cliquez sur le calque qui contient le rectangle blanc. (il doit déja etre sélectionné de toute facon).

    Ensuite, cliquez sur la petite icone que vous voyez sur l'image ci-dessous pour créer un nouveau masque de fusion.
    [IMG]

    Sélectionnez le masque :
    [IMG]

    Ensuite, sélectionnez l'outil Dégradé. Puisque vous avez sélectionné le masque de fusion, les couleurs dans la barre d'outil devraient être Noir et Blanc.
    Tracez un dégradé vertical en gardant en tete que le noir fera disparaitre le calque associé au masque, le blanc le laissera totalement visible, et les niveaux de gris le rendront plus ou moins visible.

    A vous de doser le dégradé pour créer votre reflet plus ou moins blanc, plus ou moins long etc... mais ca doit donner quelque chose comme ca :
    [IMG]

    Pour créer le reflet du bas, il vous suffit de dupliquer le premier, resélectionner le masque de fusion du nouveau calque, et de refaire le dégradé inverse.

    Ca donne ca :
    [IMG]

    5- Maintenant, les "vagues".
    Créez un nouveau calque en dessous des 2 reflets. Sélectionnez l'outil plume., et tracez votre vague. Vous pouvez "débordé", aucune importance.
    [IMG]

    Pixelisez ensuite le calque, faites CTRL + clic sur le calque qui contient le fond noir du bouton (dans la fenêtre "calque") pour sélectionner son contour (tout en gardant sélectionné le calque avec la vague), ensuite ctrl + shift + i pour inverser la sélection, et SUPPR pour ne garder que la partie de la vague à l'intérieur du bouton.

    [IMG]

    Ensuite, la technique sera toujours la meme.

    Faites comme précédemment pour les reglets : créer un masque de fusion, sélectionnez-le, et appliquez un dégradé (pas forcemment vertical, faites des tests) pour atténuer votre vague et obtenir l'effet du bouton d'exemple.

    [IMG]

    Il vous suffit de faire plusieurs vagues dans le meme style ou d'en dupliquer certaines !

    6- [IMG]

    Ouf ! c'est fini, le résultat est pas exactement le meme vu que j'ai fait le bouton en 3 minutes, mais je pense que ca vous a donné les idées pour le réaliser !

    ++
    PiaFlalCoOl, 4 Janvier 2008
    #7
  8. Offline
    Fx07s ex membre
    sympa le tuto rapide, merci a toi
    Fx07s, 4 Janvier 2008
    #8
  9. Offline
    PiaFlalCoOl NiuAge
    Np ;) j'espère que ca pourra servir à ceux qui ont demandés en premier lieu :p.
    PiaFlalCoOl, 5 Janvier 2008
    #9
  10. Offline
    KAMI spim spam spoum
    Magnifique tuto !

    c½ur c½ur :-D
    KAMI, 5 Janvier 2008
    #10
Statut de la discussion:
Fermée.