Voici un petit tutorial très simple pour créer un tableau tout joli pour son site internet.

Fichier PSD : tutorial 212

clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial

ETAPE 1 Je crée un nouveau document, sur fond blanc, je crée un rectangle avec l’outil sélection et je vais dans le menu édition et contour.

Je crée un contour de 1 pixel avec la couleur : #a6a09d.

ETAPE 2

Je crée un nouveau calque et je crée toujours avec la sélection un rectangle contenu dans mon contour. Je le remplis de noir puis j’ajoute un style de calque : calque > style de calque > incrustation de dégradé.

Avec l’outil déplacement je descends mon calque de 1 pixel pour créer une ligne blanche en haut (voir l’image ci-dessous).

Pour voir la configuration de mon dégradé, je vous invite à télécharger le fichier source présent en téléchargement en haut de cette page.

ETAPE 3

Je crée un nouveau calque et je remplis une autre bande de gris.

ETAPE 4

Je supprime le contour à droite, à gauche ainsi qu’en bas.

ETAPE 5

Je crée un nouveau calque et je vais créer des séparations, elles sont composées d’une ligne grise et juste à côté d’une ligne blanche. Etudiez bien le placement des pixels en zoomant l’image ci-dessous.

ETAPE 6

Je descends ma composition et je crée un nouveau calque. Avec la sélection je crée une bande en haut de mon image que je remplis de noir. J’applique ensuite un style de calque : calque > style de calque > incrustation de dégradé.

Pour voir la configuration de mon dégradé je vous invite à télécharger le fichier source présent en téléchargement en haut de cette page.

ETAPE 7

Je crée un nouveau calque et j’ajoute une ligne en haut, Composée de trois lignes de 1 pixel de hauteur chacune : Une ligne grise, une gris-claire et enfin une blanche.

ETAPE 8

Une fois rempli, notre joli tableau peut ressembler à ceci … Pas mal non ?