 |
Créer un logo glossy web 2.0 pour son site internet
mardi 6 novembre 2007
par Wonka
  
|
|
Tag associé à ce tutorial |
||
Galerie interne
| ||
|
Voici un tutorial pour créer un logo glossy très web 2.0. J’utilise des couleurs que l’on retrouve tout particulièrement dans ce genre de sites. Les étapes ne sont pas bien compliquées mais nécessites cependant des bases et une maitrise de certains outils (comme le masque de fusion).
ETAPE 1 Je crée un nouveau document (CTRL + n), puis avec l’outil texte je crée mon titre. Je joue avec les configurations des caractères pour créer une sorte d’escalier avec mes lettres.
ETAPE 2 Je pixélise mon texte (je nomme le calque texte), puis j’applique trois styles de calques : une ombre portée, une incrustation de dégradés et enfin une bordure. Vous pourrez retrouver la configuration des styles du fichier PSD disponible en haut de cette page.
ETAPE 3 Je crée un nouveau calque (que je nomme reflet) par-dessus les autres, puis je crée une ellipse de sélection très large, je la remplis de blanc. Je récupère la sélection de mon texte, j’intervertis cette sélection puis sur le calque reflet j’appuie sur suppr. pour supprimer les pixels en dehors du texte.
ETAPE 4 Je crée trois nouveaux calques (barre 1, barre 2 et barre 3) sur lesquels je crée des barres de plus en plus grandes. Pour le style il suffit de récupérer le style sur le calque texte (clic droit sur le calque texte puis copier le style de calque > clic droit sur le calque barre 1 > coller le style de calque). Je change cependant les dégradés par du orange du vert (je laisse une barre bleue).
ETAPE 5 Sur chaque barre je crée un reflet comme pour le texte.
ETAPE 6 J’applique mon titre ; mon logo est enfin créé ! Jolie non ?
Voici une petite variante :
| ||
|
| ||
|
||
