apprendre rapidement a utiliser adobe photoshop par la pratique. devenez web-designer ! tutorial photoshop, exercice, formation, webdesign, skins, textures, infographie, pixel.


 ACCUEIL   PORTFOLIO   LOGICIELS   TUTORIELS   DOSSIERS 

Traducteur Photoshop

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.
url :
traduire
voir un exemple : original - traduit

Interfaces
Webdesigns
Bandeau Noir
26 étapes
Bandeau a Icones
20 étapes
menu vertical
19 étapes
Menu Flottant
14 étapes
Bandeau Photo
18 étapes
un site de A a Z (2)
15 étapes
un site de A a Z (1)
19 étapes
bandeau blanc
11 étapes
site a onglets
16 étapes
counter clan
21 étapes
Typographie
Textures
Effets
Retouches
Pixel-art
Divers
HTML/DHTML/Javascript
Annonces Google

menu vertical

ce tutorial webdesign vous propose de réaliser un bandeau haut de site dont le menu de navigation principal est vertical.

Identification Abonné :

Votre Email :
Votre Mot de Passe :
Se souvenir de moi
login

Français :
Anglais :
Shortcut PC :
Shortcut Mac :
Menu :
francais
english



Afficher les commandes photoshop en français

Afficher les commandes photoshop en anglais

Afficher la version imprimable du tutorial


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.

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.


point de croix .  broderie .  cross stitch .  broderie prenom .  broderie portrait .  pochoir .  pochoir personalisé .  stickers .  scrapbooking .  pochoirs à imprimer .  loisir créatif .  templates .  lifting .  cadeaux personnalisés .  pop art .  warhol .  warhol .  pop art .  affiches .  journal de naissance .  prénom .  étiquettes personnalisées .  parchemin personnalisé .  parchemin .  pagerank .  calendrier .  avatar .  faire-part .  collections .  mariage .  telephone portable .  tableau prénom .  fausse couverture people .  fausse couverture de magazine .  fausse couverture de journal .  calligraphie prenom .  t-shirt personnalisé .  géo-localisation .  fausse affiche .  affiche humour .  marque-pages .  plaque de rue .  roman photo .  cadre photo .  faux papiers .  dés photos .  pêle mêle .  pancarte de porte .  pour les nuls .  carte de membre .  scrapbooking .  acrostiche .  graffiti .  invitation a imprimer .  tapis de souris personnalise .  mug personnalisé .  mug photo .  grille point de croix gratuite .