[Tuto] Bannière avec fondus

Bonjour !

Je souhaiterais énormément me mettre à créer des bannières avec fondus, exactement comme il était coutume de faire ici, auparavant (quand MC existait encore quoi).  Sauf que je n'y connais rien, et qu'en plus, je sais que c'est très complexe à faire...
Quelqu'un se porterait-il volontaire pour m'expliquer en détail, étape par étape comment il faut s'y prendre ?  Je n'ai que Photoshop CS4 Portable.

Merci d'avance !  :)
(ça m'aiderait énormément)

Salut,

En fait c'est assez simple à la base, il faut utiliser un masque de fusion. Tu peux voir ce tutoriel très simple. Quand tu crées le dégradé dans le masque, tu peux l'orienter comme tu le souhaites en fonction de ce que tu veux laisser apparaitre ou non.

Avec cette technique, tu peux facilement faire des bannières simples, j'ai fait ces bannières à 5 illustrations comme ça :
http://imgur.com/a/2uaGj

Nickel, merci Pleykorn !

Je parviens à réaliser le dégradé, après je ne sais pas encore à jouer sur l'opacité, le fondu lui-même et d'autres choses.
Tu peux me dire comment il faut se démerder pour faire un fondu sur plusieurs images à l'horizontale stp ?  ^^

Bon j'ai réussi quelque chose, c'est assez chaotique, puisque les images n'ont rien en commun, c'était surtout pour essayer !

Du coup je pense que tu as trouvé, en fait il faut créer ton dégradé de façon à ce que les autres coupures entre images ne soient pas masquées par ton dégradé.

Donc il faut choisir un sens dans lequel tu construit ta bannière et faire les dégradé les uns après les autres en les construisant autour de la liaison entre les images et non sur l'ensemble du document. Pour une des bannières en exemple, je suis parti des 5 illustrations mises bout à bout mais avec un bon recouvrement (un solide 20% de chaque illustration est masquée par celle qui est à côté) :



J'ai choisi de travailler de la droite vers la gauche, je mets les calques dans l'ordre, le plus à droite tout en bas, le plus à gauche tout en haut. Je mets le premier masque sur la première frontière en sélectionnant l'avant-dernier calque et en utilisant le bouton pour ajouter un masque de fusion :



Je fais le premier dégradé avec l'outil de dégradé sur le masque de fusion. Pour le placer correctement, je démarre dans l'image qui recouvre (qui correspond au calque sur lequel j'ai mis le masque) et je trace la ligne définissant le dégradé en allant jusqu'à la frontière entre les deux illustrations :



Et ça me donne une transition à peu près fluide entre les deux :



Et je fais ensuite les autres frontières de la même manière, dans l'ordre des calques :





Etc..., jusqu'à avoir la bannière complète :



Le fait que tes images se recouvrent (au moins partiellement) est ce qui permet d'avoir le fondu. Si après avoir mis le dégradé, il reste une frontière c'est qu'a priori tu as commencé la ligne de définition du dégradé à un endroit où les images ne se recouvraient pas.

Je ne suis expert ni en graphisme ni en photoshop donc il existe peut-être des méthodes plus simples/rapides/esthétiques pour faire ça mais bon je dois faire deux bannières simples par an à tout casser donc pour moi cette méthode est amplement suffisante. 

Salut.

C'est ce que Pleykorn a expliqué. Pour que les dégradés soient moins abrupts, il faut faire attention aux choix des couleurs dans un premier temps (une étape intermédiaire serait d'appliquer des calques de couleur en incrustations, avec opacités variables, si on veux vraiment telle ou telle image l'une à côté de l'autre sans qu'elles aient des nuances de couleurs "proches". Mais bon...). Et ensuite, à la largeur du dégradé (C'est la longueur du "trait" gris qui apparait sur les images de Pleykorn.).

Pour d'autres questions, si vous pensez que je peux y répondre, n'hésitez pas à me contacter par MP.

Merci bien les gars pour votre aide !

Du coup, j'ai suivi tes instructions Pleykorn, et j'ai pu en faire une nouvelle, en prêtant davantage attention à la superposition des couleurs, afin que les dégradés ne soient pas trop abrupts, malgré quelques ratés encore par endroits :



Par contre Pleykorn, je suis systématiquement obligé de jouer sur l'option « Contour du masque », pour régler 2-3 choses.  Tu passes par cette étape toi aussi ?  Ou bien c'est moi qui ai foiré quelque part ?  

Aussi j'ai une question.  Comment procéder si, par exemple, je souhaite que la patte de la Nyxathide passe par-dessus l'autre image, tout en conservant le dégradé sur le reste de la portion verticale ?

Le 14/07/2016 à 17:58, Karrthus avait écrit ...
Merci bien les gars pour votre aide !

Du coup, j'ai suivi tes instructions Pleykorn, et j'ai pu en faire une nouvelle, en prêtant davantage attention à la superposition des couleurs, afin que les dégradés ne soient pas trop abrupts, malgré quelques ratés encore par endroits :



Par contre Pleykorn, je suis systématiquement obligé de jouer sur l'option « Contour du masque », pour régler 2-3 choses.  Tu passes par cette étape toi aussi ?  Ou bien c'est moi qui ai foiré quelque part ?  

Aussi j'ai une question.  Comment procéder si, par exemple, je souhaite que la patte de la Nyxathide passe par-dessus l'autre image, tout en conservant le dégradé sur le reste de la portion verticale ?

Tu pourrais par exemple dupliquer la partie la patte (pas besoin que ce soit très propre), et appliquer un masque en dégradé radial, non ?

Dégradé radial, ça me dit pas grand chose par contre...  Je maîtrise pas tout à fait Toshop, donc ya encore plein de termes et de procédés qui m'échappent...

Le 14/07/2016 à 17:58, Karrthus avait écrit ...
Par contre Pleykorn, je suis systématiquement obligé de jouer sur l'option « Contour du masque », pour régler 2-3 choses.  Tu passes par cette étape toi aussi ?  Ou bien c'est moi qui ai foiré quelque part ? 

Alors là, je t'avoue que je ne sais même pas ce que c'est, je sais utiliser photoshop pour remplir une funcard, mais au-delà de ça, je n'y connais pas grand chose. 

Pas d'soucis  :)

Tu peux régler la partie dont l'opacité diminue en faisant un clic plus ou moins large pour le dégradé, ca t'évite d'avoir systématiquement le même dégradé

Hello, désolé pour le déterrage.

J'aimerais juste savoir.  Vous voyez ce que tient l'Ange de filigrane ?  J'aimerais faire en sorte que cet objet reste net et parfaitement détouré en débordant sur l'image de droite (ma bannière a été faite de gauche à droite), ya moyen de faire ainsi ?  Comme sur les wallpaper avec des images en fondu sur les anciens fat pack.