32
Utilisation des styles de calques pour le web2.0
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 :
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 21 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
15 février 2008 01:22, par Mofo
C’est tout simplement pas possible, tu nous délivres un tuto ou conseil par jour en ce momment, quelle cadence !!!
Tu es le Sarkosy du Photoshop !!!!!
Mais là au moins ce n’est pas du bleuf et ça marche réellement
Wonka président ! wonka président !
T’as un truc pour le pouvoir d’achat !!!!!!!!!
Encore merci à toi.
Répondre-
-
15 février 2008 13:55, par Wonka
lol ca me dit rien d’être Sarkozy
Répondre
mais merci pour ce message !
-
-
-
15 février 2008 09:39, par Clémenment
Super info, merci pour le conseil, sa iras plus vite pour faire des boutons
Répondre -
15 février 2008 10:47, par toinousp
Super j’ai télécharger mais je me suis rendu compte que je l’avais déjà ... je sais pas comment je l’ai eu... un trou de mémoire en tout cas c’est très pratique !!!
Répondre -
16 février 2008 15:01, par Lipé
Merci beaucoup Wonka pour ces styles de calques, plus besoin de les faire . En 2 clics c’est fait.
Répondre-
12 mars 2008 20:49
MAis que dire WKS World Kaput Saounder Graphiste lol sa veut rien dire mais tu ceux que tu fais est génial tu est ma référence pour moi j’ai besoin d’un truc WKS^^. En plus génial ce tuto des boutons sympa fait en 30 seconde. franchement merci.
Répondre
-
-
13 mars 2008 18:46
Ca marche pas !!!
Et pourtant.. je trace par l’outil rectangle arrondi sur un arriere plan transparent.
Puis je vais à : Calque - Style de calque.. option de fusion, puis style et la je selectionne par exemple ciel en biseau (deja installé sous photoshop)
Je fais OK... et rien se passe.. mon bouton est toujours transparent.
Au secours
D’ou ca viens !!
Répondre-
13 mars 2008 18:53, par Wonka
Ton bouton est transparent ? je comprends pas ? cela veux dire que les styles ne s’applique pas ou est ce que tu ne vois tout simplement pas ton rectangle ?
Répondre
-
-
16 mai 2008 17:54, par Pollux
Bonjour J’apprécie énormément vos tutos... Et celui-ci encore plus puisqu’il n’y a qu’à télécharger !
Répondre
Mais bizarrement, après avoir dézippé lorsque je double-clique sur le fichier (photoshop ouvert) il ne s’ouvre aucune fenêtre dans photoshop...
Une explication ? Un moyen de les charger autrement ?
En tout cas merci pour ces fantastiques tutoriels...-
16 mai 2008 18:14, par Wonka
Aucune fenètre ne s’ouvrira ;) mais les styles sont bel et bien chargés ! tu les retrouveras dans tes styles par defaults de photoshop ! Fait un test applique un style sur un rectangle par exemple et regarde ta liste de style disponible
Répondre Miracle ils sont tous la !-
16 mai 2008 19:01, par Pollux
Bon ben en fait ils y sont pas... Mais c’est pas grave j’ai fait un rectangle sur un nouveau doc puis « charger les styles » et là je les ai tous... : WHAOOO ! Rien d’autre à dire
Répondre
-
-
-
-
2 septembre 2008 14:17, par Wonka
Tout comme la marmotte n’a rien à voir avec le chocolat, est pourtant ...
Répondre
-
-
3 décembre 2008 16:45, par Tutui35
Waouh ! tout simplement mille mercis !!! C’est vraiment super sympa de partagé toutes ces richesses avec nous !!! MERCI !
Répondre-
3 décembre 2008 17:28, par Wonka
Mais de rien il me semble normal de partager les informations lorsque celle ci sont étonnamment efficace.
Répondre
-
-
29 décembre 2010 14:38, par Taymiri
Merci pour le tutoriel Wonka
Wonka => Référence à Charlie et chocolaterie ? ^^"
Une question, plus intelligente ^^" : Il n’y a aucune licence pour utiliser ta librairie ?
Répondre -
14 août 2011 13:57, par peek
Merci beaucoup pour ce tutoriel simple et qui nous permet de réaliser des boutons de qualités en trés peu de temps.
Merci
Répondre
