Tutoriel: entête avec effet d’ombre limité

Le titre n’est peut être pas très explicite… ce petit tutoriel va vous expliquer en trois étapes comment créer une image similaire à celle utilise comme fond pour le header du site absolutad.com (regardez directement le site pour mieux comprendre le résultat final désiré):

exemple

Alors je le lance, en vous prévenant que je ne suis pas graphiste et que je pourrais utiliser des techniques ou des termes de manière incorrecte ;)

La première étape consiste à créer un rectangle en utilisant comme couleur un gradient vertical partant d’un gris foncé au blanc:

rectangle avec gradient

La deuxième étape consiste à appliquer un filtre de type gaussian blur au rectangle:

rectangle avec filtre gaussian

Pour terminer on lui colle dessus un autre rectangle blanc sans bordure. Notons que sa taille doit être différente de celle de l’ombre: plus longue verticalement, plus petite horizontalement.

résultat final
none

2 Responses to “Tutoriel: entête avec effet d’ombre limité”

  1. Sébastien Says:

    Merci pour ce petit tutoriel. Moi non plus je ne suis pas graphiste (loin de là ), donc ça va beaucoup me servir !

Leave a Reply