Ce traducteur automatique vous permet d'obtenir une traduction en direct des outils, menus, commandes et fonctions photoshop en français depuis un tutorial en anglais.
ce tutorial webdesign vous propose de réaliser un bandeau haut de site dont le menu de navigation principal est vertical.
Identification Abonné :
Français :
Anglais :
Shortcut PC :
Shortcut Mac :
Menu :
francais english
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.
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.
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%
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.
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.
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.
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.
Fichier(s) associé(s) au tutorial
Aucun fichier(s) associé(s) a ce tutorial
Commentaires des visiteurs
Ajouter un commentaire
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.