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 Flottant

Encore un tutorial webdesign !! cette fois ci, le webdesign posséde une sorte de menu flottant en haut a gauche de la page.

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 gris bleu moyen (RVB:88,88,88).


Etape 2

Créer un nouveau calque .
 
Sélectionner un rectagle avec l'outil Rectangle de sélection d'une largeur de 760 pixels en laissant quelques pixels en haut et en bas du document comme dans l'exemple ci-dessus.
 
Remplir la sélection en blanc.


Etape 3

Créer un nouveau calque .
 
Dilater la sélection de 3 pixels.
 
Sélectionner comme couleur de premier plan la couleur RVB : 26,152,200.
 
Remplir la sélection avec la couleur de premier plan .


Etape 4

Avec l'outil Rectangle de sélection , sélectionner un rectangle sur le haut du rectangle blanc.
 
Effacer la sélection.


Etape 5

Appliquer ensuite le Style de calque :
Ombre interne :
Mode de fusion : Produit en noir
Opacité : 75%, Angle : 135°, Distance : 0px, Maigri : 0%, Taille : 5px, Contour : Linéaire, Bruit : 0%


Etape 6

Créer un nouveau calque .
 
Avec l'outil Rectangle de sélection , sélectionner un rectangle en bas de la partie blanche du haut du site comme dans l'exemple ci-dessus.
 
Choisir comme couleur de premier plan la couleur RVB : 236,220,61.
 
Remplir la selection avec la couleur de premier plan .


Etape 7

Créer un nouveau calque .
 
Avec l'outil Rectangle de sélection , sélectionner un rectangle en haut a gauche du site.
 
Remplir la selection avec en blanc.
 
Appliquer ensuite le Style de calque :
Ombre portée
Mode de fusion : Produit en noir
Opacité : 75%, Angle : 135°, Distance : 0px, Grossi : 0%, Taille : 8px, Contour : Linéaire, Bruit : 0%


Etape 8

Créer un nouveau calque .
 
Dilater la sélection de 3 pixels.
 
Sélectionner comme couleur de premier plan la couleur RVB : 121,121,121.
 
Remplir la sélection avec la couleur de premier plan .


Etape 9

Avec l'outil Rectangle de sélection , sélectionner un rectangle sur le haut du rectangle blanc comme dans l'exemple ci-dessous.
 
Effacer la sélection.


Etape 10

Avec l'outil Rectangle de sélection , sélectionner une ligne pour séparer les boutons du menu flotant comme dans l'exemple ci-dessus.
 
Effacer la sélection.
 
Répéter autant de fois qu'il vous faut de boutons.


Etape 11

Créer un nouveau calque .
 
Avec l'outil Rectangle de sélection , sélectionner le rectangle que forme de 1er bouton du menu flotant comme dans l'exemple ci-dessous.
 
Avec l'outil Dégradé , appliquer un dégradé vertical du blanc (en haut) au noir (en bas).
 
Dans la fenetre de calques, passer l'opacité du calque a 20%.


Etape 12

Avec l'outil Rectangle de sélection , sélectionner les 3 pixels du haut du bouton sur toute la largeur.
 
Remplir la sélection en noir.


Etape 13

En enfoncant les touches Ctrl , alt et Shift du clavier et grace à la souris, dupliquer le dégradé sur tous les boutons du menu flotant.


Etape 14

Il ne vous reste plus qu'a insérer votre logo dans la partie haute du menu flotant et a ajouter le nom des rubriques dans les boutons.

Fichier(s) associé(s) au tutorial
menuflottant (31 Ko) télécharger
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 .