Accueil Tutoriels Glossaire Galeries KitGraphique Blog On the Web
Moteur de recherche
Sur le mot-clé :
Limiter la recherche aux :
Trié par :
Rechercher les tutoriaux
Partenaires


Flux RSS

5 tutos aléatoires
Last Upload
Voir les galeries
  WonkaStudio : Communauté graphique - Leçon d'apprentissage

Créer un encart Dark Glossy pour son site internet

mercredi 22 août 2007 par Wonka

Tag associé à ce tutorial

Galerie interne

+ Ajouter une image à la galerie interne

Voici une méthode simple pour créer un petit bloc de contenus designs pour son site internet. Cette méthode rend parfaitement pour un site à dominance sombre mais s’adaptera également aux pages plus claires.

Photoshop - 524.3 ko
Tutorial 203 - Fichier source Photoshop
clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document, et j’utilise les formes personnalisées pour créer un rectangle arrondi (radius : 10 pixels). Je nomme le calque de mon carré : carré noir.

ETAPE 2

Je récupère la sélection du calque carré noir en faisant un clic sur le calque avec la touche Ctrl enfoncée. Sur un nouveau calque (que je nomme lueur) : je sélectionne un pinceau diffus très large (genre 200 pixels) et je crée une lueur gris-claire sur le bas de mon carré noir. Je peux m’y reprendre à plusieurs fois.

ETAPE 3

Nous allons créer un reflet, pour cela :

Je crée un nouveau calque que je nomme simplement reflet. Puis je récupère la sélection de mon carré noir, je vais maintenant le contracter de 2 pixels (sélection > modifier > contracter).

Je remplis de blanc cette sélection grâce au pot de peinture. Et avec un rond de selection, je supprime les pixels en bas pour arriver à un résultat comme ci-dessous.

ETAPE 4

J’utilise un masque de fusion sur le calque reflet pour le camoufler légèrement. Je peux également diminuer son opacité.

ETAPE 5

Je prends l’outil texte et j’édite le nom de mon site et son Url, j’applique à chacun une ombre portée et une incrustation de dégradés. Je place ces deux calques dans un dossier que j’appelle titre.

ETAPE 6

Il ne me reste plus qu’à inclure mon logo dans la partie supérieure de l’encart.

Je finis par ajouter une bordure ainsi qu’une ombre portée à mon carré noir.

Voila c’est terminé ;) Joli non ?

Laisser un commentaire sur ce tutorial

   10 messages dans le forum

Connexion Membre

Connexion
Kit Graphique