Formations web et création graphique - Une banière Web 2.0

Fermer



Connexion

Une banière Web 2.0

Reflets, ombres portées, relief etc… Voici comment faire rapidement une banière Web 2.0.

Créez un nouveau document (ex :955 x150 px)

Commencez par tracer une forme de type rectangle à coins arrondis.
Pensez à activer la première icône de la barre d'options (calque de forme).

alt

alt

Changez la couleur du calque de forme pour du blanc. (double clic sur la pastille dans le panneau des calques).

Au dessus de ce calque de forme, créez un Calque de réglage Dégradé.

Choisissez les couleurs que vous voulez.

alt

Pour limiter ce dégradé à la forme, appuyez sur la touche Alt et cliquez juste à la lisière des deux calques dans le panneau (une icône bizarre avec deux ronds apparaît alors).

Le calque de dessus va s'indenter vers la droite dans le panneau, une flèche vers le bas va apparaître.
Et surtout c'est le calque de dessous qui va servir de masque d'écrétage.

alt

Ajoutez ensuite quelques effets au calque de forme : ombre portée, biseautage estampage (ce qui donnera le relief) et contour.

alt

Avec cette méthode vous pouvez à tout moment changer les valeurs du dégradé indépendement du reste. Ce que j'ai fait pour la suite. en choisissant un effet plutôt plastique noir.

alt

Saisissez un texte de votre choix. et refaites le coup des effets : ici une ombre interne, pour donner un effet de creux.

alt

Pour ajouter du peps, on va créer une étoile dans les tons orangés.

Sélectionnez l'outill Polygone, et réglez les paramètres suivants :

  • Étoile est cochée
  • 20 côtés
  • Côtés indentés de 15%

alt

Tracez l'étoile.

alt

Comme pour le cartouche, ensuite :

  • Appliquez des effets de relief
  • Créez un calque Dégradé
  • Écrétez-le avec la forme de l'étoile

alt

Pour finir vous allez ajouter un effet de brillance sur l'étoile.

Avec l'outil Plume (claque de forme activé) dessinez une vague.
Peut importe si elle déborde.

alt

Mais là Achtung! il y a une astuce : il faut que le noir soit impérativement 100% noir (pas de cyan, de magenta ni jaune). Noir c'est noir, sinon ça ne marchera pas.

Choisissez ensuite simplement le mode Superposition (vous pouvez atténuer avec l'opacité au besoin).
Bien entendu ce reflet est également écrété par l'étoile.

alt

Exportez ensuite votre bannière pour Web. Le plus beau est encore le PNG24.

alt

Gardez une version de votre fichier PSD pour le réutiliser avec d'autres couleurs, d'autres textes, jusqu'à ce qu'on se dise : "Quand même tu te rappeles les années 2008, ce que c'était moche ce Web 2!!"

Bises.