Comment créer sa propre bannière pour son site Internet ?

(1 votes | note actuelle : 4) Cliquez pour voter

par fleur.de.mars

Faisant office d'enseigne numérique, une bannière constitue en quelque sorte la signature visuelle de votre site Internet. On la trouve généralement au début de la page d'accueil, mais aussi et surtout elle fait office de publicité cliquable sur les autres sites Internet. On peut placer une bannière sur son blog pour lui donner un aspect plus "professionnel" et vivant. En général une bannière se constitue d'un visuel accompagné du titre du site Internet.

Une bannière est traditionnellement rectangulaire, et la norme veut que les dimensions soient de 60 pixels de haut pour 468 de large. Ouvrez un nouveau document dans Photoshop en entrant ces dimensions.
Choisissez une photo ou un visuel représentatif du thème de votre site Internet. Ouvrez-la dans Photoshop et faites un glisser-déposer dans votre document. Ajustez les dimensions et le cadrage à l'aide de l'outil déplacement.
Sélectionnez l'outil texte et écrivez le titre de votre site en choisissant une police d'écriture en accord avec votre visuel, et lisible. Par souci de lisibilité, choisissez une couleur en contraste avec votre visuel.
Pour donner un effet de relief à votre texte, faites un clic droit sur le calque de texte dans la palette des calques et dupliquez-le. Changez la couleur du texte du calque que vous venez de copier, et à l'aide de l'outil déplacement, décalez-le très légèrement.
Il existe une multitude de filtres dans Photoshop vous permettant divers effets spéciaux. Pour l'illustration de cet article, un flou directionnel a été appliqué sur la moitié du rectangle pour donner du mouvement. A vous de tester et choisir le filtre qui correspond à votre bannière !

Lorsque votre bannière est terminée, enregistrez-la pour le web en JPG optimisé.
Certains sites proposent des échanges de bannières par thématique... A essayer si le coeur vous en dit !