Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

Dégradé entre deux images

Ou comment commencer à entrevoir un p’tit bout de savoir comment ça marche les masques. Une fois compris vous ne vous en passerez plus !


  • Choisissez vos deux images. Pour évitez de compliquer la tâche j’ai volontairement choisi deux images avec un fond uni et quasiment de la même couleur.

  • Creez un Nouveau Document un peu plus grand que la taille des photos.
  • Avec l’outil Déplacement, glissez une à une vos images dans ce nouveau document.
  • Placez une photo complètement à gauche et l’autre completement à droite.

  • Sur la palette des calques, sélectionnez le calque le plus au-dessus en cliquant dessus.
  • Puis, cliquez sur l’icone « Ajouter un masque vectoriel » que vous voyez tous les jours mais que vous n’avez jamais comprise.
  • A ce moment précis, à côté de l’aperçu du calque se place un autre aperçu tout blanc et les couleurs de votre palette deviennent noir et blanche.

  • Verifiez que votre masque de fusion est sélectionné c’est-à-dire entouré par une légère bordure.
  • Saisissez-vous de l’outil dégradé et créer un dégradé invisible en partant de la gauche vers la droite qui fera le dégradé entre vos deux images.
  • Recommencez autant de fois que nécessaire, ce n’est pas évident tout de suite !

Alors, tout ça c’est bien mais cela manque d’explication !

En réalité, un masque de fusion est invisible mais il est monochrome c’est-à-dire blanc, noir et tout les gris. Le blanc rend l’image sur lequel il est appliqué visible et le noir invisible. Ainsi dans ce tutorial, le dégradé fait disparaître progressivement l’image.

Pour manier plus facilement le dégradé sur les masques de fusion, dîtes-vous ceci : le point de départ sera le début du dégradé donc du visible et la fin l’invisible. Plus le dégradé est court, plus la difference entre les deux images sera évidente.


Ce que nos lecteurs en disent :

  1. pasta

    C’est sympa comme technique mais c’est pas super facile au niveau du dégradé …

  2. looping

    Bravo, je suis contente d’avoir trouvé ce tuto. J’en avais essayé autre qui était beaucoup plus difficile pour en arriver au même résultat. pour le petit plus, au lieu de le mettre en mode normal, je l’ai mis en fondu. C’est super ! Merci !

  3. alaka

    pkoi que l image 2 devient en gros plan l orsqu on l;à glissez une à une nos images dans ce nouveau document.
    ??

  4. Last Achille

    Cela dépends des résolutions et tailles de tes images!… pour les avoir aux mêmes dimensions, pour ça sur le menu "image>taille de l’image". mets les mêmes paramettres pour tes images… ensuite tu les importes…

  5. Jahrod

    Sérieux, nickel ce tuto !
    Apres avoir suivi a la lettre tes indications, j’ai parfaitement réussi a obtenir l’effet voulu, et pourtant, je ne crois vraiment pas etre un expert dans ‘toshop.
    Encore merci ^^

  6. Magic J

    Shemu…après le bouquin de Martin Kelby, je vais faire la promo de ton site. C’est clairement expliqué, ça fonctionne (c’est pas toujours le cas sur les sites de tutaux).

    bref, à marktapagiser

    Magic J
    http://www.magicflight.net

  7. jeromeb

    Merci !
    J’ai enfin compris ce que c’est qu’un masque !
    C’est maintenant clair pour moi. De nouveaux horizons s’ouvrent enfin !

  8. Jean-Laurent

    Je suppose que cela n’est possible que pour deux images ayant quasi le même fond , non ?

  9. Mystick

    Il me semble que c’est réalisable avec des fonds différents mais la fusion n’est pas aussi facile :)

  10. Dainichi

    Bonsoir,
    Je ne dois pas être doué.
    Une fois que j’ai mis mes deux image dans un même cadre et que je veux faire le dégradé, j’ai une image qui disparait presqu’entièrement pour laissé un espace rempli de carrés noirs et blanc …

  11. Pretty-Kristen

    saluut ! vs pouvez me dire où se trouve exactement "Ajouter un masque vectoriel" pcq j’arrive pas à le trouver ! lol

  12. paulux

    salut moi je comprend pas je fais tout bien mais je dégardé marche pas quelqu’un peu m’aider sur msn ? paulux54@hotmail.fr merci

  13. paulux

    sérieux je fais tous bien pis le dégradé fais rien apparaitre ( ou c’est moi qui ne sais pas faire de dégradé invisible ? ) aider moi s’il vous plais paulux54@hotmail.fr

  14. tifangel

    Comment peut-tu faire un dégradé avec Photoshop 5.0??
    je n’ai pas l’icon "masque vectoriel"
    est-ce que tu peux m’aider

  15. b!g

    "Comment peut-tu faire un dégradé avec Photoshop 5.0??
    je n’ai pas l’icon "masque vectoriel"
    est-ce que tu peux m’aider"

    Oué c impossible de trouver degradée avec P.Shop 5.0 (ou il est bien planquer)
    dites moi si il existe et ou on le trouve sur 5.0 !!!!

  16. b!g

    g trouver pour "masque vectoriel" sous P.Shop 5.0 !!!!
    Il faut juste regarder dans la barre d’outil a droite avec tout les bouton et il y a ce bouton : l’outil dégradé comme dans le haut voila

  17. namos

    il est aussi possible d’arriver a ce resultat avec un pinceau noir a bord humide a la place de l’outil dégrader mais attention régler bien l’opacité et le flux du pinceau avant de commencer
    l’interet du pinceaux est qu il permet plus de liberte quand a la realisation de votre fondue entre image
    et faite attention d’avoir bien cliqué sur le masque de fusion ds les calques et pas sur la vignette de votre image.

Les commentaires sont clos.