[tutoriel] Bannière Threnody

A la demande d'Argoune, voici comment faire une bannière à ma manière de A à Z.

Pour information, j'utilise Photoshop CS2 et voici l'image de base :

Et voici la bannière une fois finie :


On commence tout simplement en ouvrant un nouveau fichier, 600x150px de fond blanc.
On ouvre un nouveau fichier de 300x140px qu'on remplit d'une quelconque couleur (ici j'ai choisi noir mais ça n'a aucune importance) qu'on copie et qu'on colle dans notre fichier principal ce qui nous fait un premier calque.
A ce calque, on applique des options de fusion (clic droit sur le calque > options de fusions) : un contour (catégorie "contour") intérieur d'1px (ici couleur parme pour aller avec l'image de base) et une ombre portée (catégorie ombre porté) angle de 90°.
Et on obtient ceci :

Pour note : pendant que l'on travaille sur l'image, il est utile de laisser le calque de fond blanc activé pour bien se rendre compte du rendu de l'image une fois finie. Par contre, une fois la bannière finie, il ne faut pas oublier de le masquer pour que le fond soit transparent et que la bannière puisse convenir à tout type de site sans faire un vilain carré blanc.

Par dessus, on colle l'image de base (après l'avoir redimensionnée : image > taille de l'image) et on passe le calque en masque d'écrêtage (bouton droit sur le calque > créer un masque d'écrêtage) et on le repositionne pour obtenir ça :

On gomme grossièrement avec un pinceau rond dureté 0 la bordure de l'image :

On crée un nouveau calque qu'on place sous le calque de l'image (toujours en masque d'écrêtage) et avec beaucoup de patience on recrée un fond qui s'accorde avec l'image :

Pour donner ça :

Pour info : Pour faire le fond, on utilise un pinceau rond dont on a modifié les réglages en appuyant sur F5 pour rendre le tracé moins linéaire :

Si cela pose problème, voilà le fond que j'ai réalisé, vous n'avez plus qu'à le copier/coller :

On rajoute quelques petits effets sur un autre calque pour que le fond fasse un peu moins vide. Icic il s'git de petits scintillements réalisés très simplement en ajoutant une lueur externe blanche à de petits points blanc (clic droit sur le calque > options de fusion > lueur externe) :

On s'attaque maintenant au fond, sous la bannière. pour cela, on crée un nouveau calque qu'on place sous tous les autres et on y dessine une forme (tracée à la tablette graphique, sinon avec un pinceau téléchargé) à laquelle on applique une ombre portée (clic droit sur le calque > options de fusion) (modifier les réglages jusqu'à un effet satisfaisant, généralement les meilleurs valeurs de tailles sont 2-0-2) :

Ensuite, on copie le calque de fond que l'on a recréé et on le colle en nouveau calque par dessus celui avec la forme noire. Et à nouveau, on le passe en masque d'écrêtage.

On fait la même chose pour l'autre côté en faisant basculer l'image (image > rotation de la zone de travail > symétrie horizontale) :

Et il ne reste plus que la typo à faire en y ajoutant quelques effets (options de fusion : ombre portée, biseautage et estompage, lueur interne, contour) :


Voilà Rien de bien compliqué mais j'espère avoir été claire