Tutorial du site http://www.marblemad.com MENU VERTICAL


Etape 1

Créer un nouveau document de la taille de votre futur site internet. Généralement, on part sur une base de 800x600 pixels auquel on substitura les bords du navigateur internet en plein écran soit environ 780x441 en incluant la barre google.
 
Créer un nouveau calque .
 
Le Remplir en blanc.



Etape 2

Créer un nouveau calque .
 
Avec l'outil Ellipse de sélection , sélectionner un cercle sur le coté bas droit du document comme indiqué dans l'image si-dessus. Pour sélectionner un cercle parfait, n'oublier pas de laisser enfoncé la touche Shift pendant la sélection.
 
Remplir la sélection en noir.



Etape 3

pour dupliquer le cercle afin de créer un rectangle aux bords arrondis, appuyer sur le touche Shift , Ctrl et alt du clavier puis déplacer la sélection dans le centre du document avec la souris, bouton gauche enfoncé.



Etape 4

Avec l'outil Rectangle de sélection , sélectionner le rectangle entre les 2 cercles comme dans l'image si-dessus puis le Remplir de la même couleur que les cercles.



Etape 5

Toujours avec l'outil Rectangle de sélection , sélectionner le rectangle au dessus des 2 cercles comme dans l'image si-dessus puis le Remplir de la même couleur que le reste.



Etape 6

Dans la fenêtre de calques, Changer l’opacité du calque a 30%



Etape 7

Créer un nouveau calque .
 
Avec l'outil Ellipse de sélection , sélectionner un cercle sur le coté bas gauche du document comme indiqué dans l'image si-dessus. Pour sélectionner un cercle parfait, n'oublier pas de laisser enfoncé la touche Shift pendant la sélection.
 
Remplir la sélection en noir.



Etape 8

pour dupliquer le cercle afin de créer un rectangle aux bords arrondis, appuyer sur le touche Shift , Ctrl et alt du clavier puis déplacer la sélection avec la souris, bouton gauche enfoncé.



Etape 9

Avec l'outil Rectangle de sélection , sélectionner le rectangle entre les 2 cercles comme dans l'image si-dessus puis le Remplir de la même couleur que les cercles.



Etape 10

Dans la fenêtre de calques, cliquer sur le calque contenant le texte avec la touche Ctrl du clavier enfoncé pour sélectionner la forme.
 
Pour dupliquer le sélection, appuyer sur le touche Shift , Ctrl et alt du clavier puis déplacer la sélection avec la souris, bouton gauche enfoncé.



Etape 11

Avec l'outil Rectangle de sélection , sélectionner les rectangles a gauche et a droite de la forme comme dans l'image si-dessus puis le Remplir de la même couleur.



Etape 12

Dans la fenêtre de calques, cliquer sur le calque contenant le texte avec la touche Ctrl du clavier enfoncé pour sélectionner la forme.
 
Sélectionner comme couleur de premier plan la couleur de valeur RVB : 72,118,190 et comme [couleur d’arrière-plan] la couleur de valeur RVB : 47,77,155.
 
Avec l’outil Dégradé , créer un dégradé horizontal des deux couleurs précédemment choisies comme dans l’exemple ci-contre.



Etape 13

Trouver une image pour le fond et ajoutez la à votre document en la glissant d’un document a l’autre avec la souris.
 
Une fois le nouveau calque contenant votre fond ajouté, dans la fenêtre de calque, cliquer sur le calque contenant la forme dégradée avec la touche Ctrl du clavier enfoncé pour créer une sélection.
 
Cliquer ensuite sur le calque contenant votre fond et cliquer ensuite sur l’icône Ajouter un masque de fusion en bas de la fenêtre de calque pour créer un masque sur votre fond.
 
Passer le calque soit en mode incrustation ou superposition ou Produit suivant le rendu avec le fond obtenu.

 
Essayer également de changer l'opacité du calque.



Etape 14

Ajouter ensuite l'objet détouré de votre choix par dessus le menu en lui ajoutant un Style de calque :
Ombre portée
Mode de fusion : Produit en noir
Opacité : 75%
Angle : 135°
Distance : 3px
Grossi : 0%
Taille : 3px
Contour : Linéaire
Bruit : 0%



Etape 15

Il ne reste plus qu'a ajouter les textes de vos rubriques dans la zone blanche au centre du menu.



Etape 16

Créer un nouveau calque .
 
Avec l'outil Ellipse de sélection , sélectionner un petit cercle avant le texte de la 1ere rubrique et Remplir la sélection avec la couleur de premier plan .
 
Dupliquer le cercle devant chaque texte de rubrique.



Etape 17

Créer un nouveau calque .
 
Avec l'outil Rectangle de sélection , créer une sélection en forme de ligne entre la premiere et la deuxieme ligne de texte.
 
[Remplir] la selection en noir.
 
Dans la fenetre de calque, passer l'opacité du calque a 50%.



Etape 18

Ne reste plus qu'ajouter votre logo au dessus des textes de rubriques.



Etape 19

Vous pouvez également ajouter quelques icones sur la partie grise de l'interface.


Copyright Jérome Boulinguez 1995/2007
Tous les éléments de ce site sont la propriété de leurs auteurs respectifs.
Toutes reproductions, distributions, commercialisations, copies sous quelques formes que ce soit est strictement interdit sous peine de poursuites.