Bienvenue sur le blog Webdesign d'anonymation !
Graphisme, ergonomie, communication, design, etc..

Effet web 2.0 : Ajoutez un contour subtil

montage

J’ai décidé de me lancer dans une série de billets sur les techniques permettant d’obtenir certains effets web 2.0 qui agrémenteront vos créations.

Voici donc le deuxième avec un effet que j’affectionne particulièrement.

Préparation

Admettons que je souhaite ajouter une “top bar” dans mon design pour y placer certains liens/boutons importants.

A l’aide de l’outil forme (raccourci U), je fais dépasser légèrement cette dernière sur les cotés et en haut.

Afin d’y apporter une touche design web 2.0, je vais appliquer 3 effets.

1 – D’abord un dégradé très fin.

2 – Ensuite une ombre portée légère.

3 – Et enfin un contour dégradé

Pour ce contour dégradé, j’utilise deux particularités : l’opacité des curseurs et un style “Réfléchi”

Sans les effets

Cliquez sur la première image et naviguez entre les deux images dans le slideshow pour bien comparer ;)

Avec les effets

Maintenant à vous de jouer en déclinant et en customisant cet effet sur votre footer par exemple !

Autre article : Effet web 2.0 : Eclairez vos backgrounds

1 commentaire :

  1. Finalement, le blog n’est plus tenu à jour ? :/