Créer un bloc de contenus pour votre site internet

Je vais créer dans un premier temps une barre de menu bleue, puis dans un second temps nous allons la continuer pour créer un bloc complet de contenus.

Photoshop - 297.2 ko
Fichier PSD tutorial 92
clic pour télécharger le fichier PSD utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document et je le remplis d’une couleur au choix, ensuite avec l’outil forme je crée un rectangle.

ETAPE 2

J’ajoute un style de calque sur ce rectangle.

JPG - 92.9 ko

ETAPE 3

Je vais ajouter un reflet sur mon rectangle, pour cela je crée un nouveau calque et grâce à la sélection je crée un rectangle rempli de blanc, puis je récupère la sélection de mon rectangle (CTRL plus Clic sur le calque). Je contracte cette sélection de 2 pixels (sélection > modifier > contracter) puis j’inverse la sélection (sélection > inverser) et je supprime les pixels inutiles.

ETAPE 4

Je vais maintenant créer un nouveau calque et je le remplis avec l’outil pot de peinture fonction motif. Vous trouverez toutes les explications pour faire ce motif sur cette page : http://www.wks.fr/Creer-un-fond-style-manga-avec.html

Je modifie ensuite l’opacité du fond de mon nouveau calque à 50 %.

ETAPE 5

Sur le même calque j’ajoute une bordure blanche de 1 pixel ainsi qu’une ombre portée noire : opacité 50%, distance : 4, taille : 0.

ETAPE 6

J’ajoute ensuite un rectangle blanc au dessous de tous les calques pour contenir le prochain contenu.

ETAPE 7

J’ajoute mon contenu et le tour et joué ;)

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 2 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.

  • 20 juin 2007 00:56

    Super tout ca !!!!!!! Bien jouez Wonka Tien un lien ou l’on peu voir quelque réalisation grace à toi http://css.bc2x.com

    Répondre
    • 20 juin 2007 10:18, par Wonka

      Très sympa ton site ;) J’ai remarqué effectivement les deux ou trois tutoriaux que tu as utilisé ;) Bonne chance pour la suite et bonne continuation !

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.