 |
Créer une barre de notation pour son site internet
vendredi 20 juin 2008
par Wonka
  
|
|
Tag associé à ce tutorial |
||
Galerie interne
| ||
|
On voit souvent sur les sites des barres de rating pour noter un article ou une image, si celle-ci n’est pas 100% CSS, le webmaster utilise Photoshop pour la créer. Voici une méthode simple pour créer une de ces barres
ETAPE 1 J’ouvre Photoshop (évidemment) et je crée un nouveau document. Avec l’outil sélection je crée une barre en deux parties : chaque partie sur un nouveau calque et sur chacune des formes je place des styles de calques : contour + incrustation de dégradé.
ETAPE 2 Je crée un nouveau calque et j’ajoute des bordures tous les X pixels. Marron pour la partie marron et grise pour la partie grise.
ETAPE 3 Je crée un nouveau calque, je récupère la sélection de mes rectangles et sur un nouveau calque je remplis de blanc. Je coupe la moitié en bas et déplace ma forme blanche de 2 pixels vers le bas (pour laisser une bordure en haut). Avec un masque de fusion (calque > masque de fusion > tout faire apparaître) je cacher légèrement le bas.
ETAPE 4 Et maintenant je vais créer une ombre portée : Je crée un nouveau calque que je place par-dessous tous les autres. Je récupère la sélection des rectangles et je remplis ce nouveau calque de blanc : j’ajoute simplement un style de calque ombre portée.
ETAPE 5 Voici ma barre en plusieurs tailles.
ETAPE 6 Et voici ma barre pour chaque été de notation.
Pas mal non ? A vous de jouer maintenant ! | ||
|
| ||
|
||
