Le web 2.0 est une tendance très développée dans le design, elle permet de créer des effets et des styles très épurés, simples et souvent glossy pour les applications web qui devenaient à mon sens trop institutionnelles !

Ces techniques de création se développent sans cesse, certains ont pus mettre en avant des méthodes pour créer ces effets web2.0 de façon simple et efficace. Sous photoshop cela passe essentiellement par l’utilisation de styles de calques.

Et je suis tombé sur cette bibliothèque de style web2.0 pour moi sans doute la plus complète et la plus propre de toutes ! Elle permet entre autre de créer des boutons web2.0 en 10 secondes chrono !

Bibliothèque de style web2.0

Cette bibliothèque de style a été trouvé sur le site : http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

Installation de la bibliothèque :

Je télécharge le fichier zip, et je dezippe l’archive sur mon disque dur, j’identifie ensuite ce fichier et double clique dessus (photoshop devra être ouvert). La fenêtre de photoshop s’ouvre alors et enregistre directement les styles de calques par default dans sa propre liste.

Je peux directement tester les styles : pour cela je crée un nouveau document sur lequel je trace une forme (un rectangle arrondi pour notre exemple).

Ensuite dans le menu calque je sélectionne > style de calque > option de fusion, ensuite dans le menu de gauche (dans la fenêtre des styles de calques) je clique sur Styles. Si mon fichier à bien été pris en compte je devrais retrouver tous mes styles web 2.0, il me suffit donc d’en choisir un parmis tout ceux disponible !

Voici quelques exemples de styles de bouton web 2.0 :