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
cordage
9 étapes
flexible alien
10 étapes
anneau segmente
11 étapes
Haut Parleur
12 étapes
Engrenage
6 étapes
Tube Arrondi
9 étapes
écrou
13 étapes
écran LCD
13 étapes
grip et strie
7 étapes
boutons incrustés
12 étapes
walkman(2)
18 étapes
walkman(1)
17 étapes
imac btn
12 étapes
bouton arrondi
10 étapes
Bouton 3D
7 étapes
Webdesigns
Typographie
Textures
Effets
Retouches
Pixel-art
Divers
HTML/DHTML/Javascript
Annonces Google

walkman(2)

voici la suite temps attendu du tutorial de création d'une interface style walkman sony.

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

Reprenons donc de la ou nous nous étions arrété dans le tutorial "walkman(1)".
Créer un nouveau calque et tracé une ligne blanche lissé de 1 pixel en suivant le haut des zones intérieurs avec l'outil Trait .


Etape 2

Sélectionner la ligne avec l'outil Rectangle de sélection . Dupliquer la lignes 5 fois en la décalant de 5 pixels vers le bas :
Utiliser pour cela les touches clavier :
Ctrl + alt + Shift + fléche basse 1 fois
puis fléche basse 4 fois.
Répéter l'opération 5 fois pour obtenir 6 lignes.


Etape 3

Deplacer les lignes de 6 a 10 pixels vers le bas.
Dupliquer le calque.
Appliquer l'inversion de couleur de calque : Image > Réglages > Négatif .
Déplacer le calque de 1 pixel vers le haut avec l'outil déplacement et presser 1 fois la touche fléche haute du clavier.
Lier les 2 calques contenant les traits puis Fusionner les calques liés .


Etape 4

sélectionner la forme gris clair de l'exemple : Ctrl + clique sur le calque contenant la forme.
Contracter la sélection de 3 pixel.
Avec l'outil Rectangle de sélection et la touche alt du clavier pour passer en mode "ajouter a la sélection", ajouter une selection rectangulaire pour ne pas effacer la partie droite des traits comme dans l'exemple ci-contre.
Intervertir la sélection puis Effacer .


Etape 5

sélectionner a nouveau la forme gris clair de la même façon que dans l'étape précedente.
Intervertir la sélection puis Effacer .


Etape 6

Passer le calque en mode incrustation , opacité a 30%.


Etape 7

Pour créer un écran LCD,
créer un nouveau calque .
Choisir la couleur de l'écran comme couleur de premier plan .
Séléctionner la forme centale intérieure (gris foncé dans l'exemple) : Ctrl + clique sur le calque.
Contracter de 5 pixel
et Remplir la sélection


Etape 8

Sélectionner ensuite avec l'outil Rectangle de sélection la partie a effacer et Effacer la.
Appliquer le Style de calque :
- Biseautage et estampage :
style : Biseau externe vers le bas
profondeur : 100%, taille : 2px, flou : 0px
Tons clairs : couleur blanche, mode superposition a 75%
Ombrage : couleur blanche, mode superposition a 30%


Etape 9

puis le Style de calque :
- Ombre interne :
Mode : Produit , Opacité : 100%, Distance : 0px, Maigrir : 0%, Taille : 3px.
Créer un nouveau calque .
Sélectionner la forme de l'écran : Ctrl + clique sur le calque contenant l'écran LCD.
Appliquer un Contour de 1 pixel noir.


Etape 10

Maintenant au tour des boutons.
Selectionner un cercle de la largueur du bouton avec l'outil Ellipse de sélection .
Le Remplir de blanc


Etape 11

Sélectionner votre cercle avec l'outil Rectangle de sélection .
Dupliquer le cercle vers le bas jusqu'a la partie basse de la zone de bouton de votre interface avec les touches Ctrl + alt + fléche basse du clavier


Etape 12

Sélectionner avec l'outil [rectangle de selection] les parties haut/gauche et bas/droit du bouton pour les Remplir de blanc.


Etape 13

Appliquer un Flou gaussien de 2 pixels.


Etape 14

Puis le Filtre > Renforcement > Accentuation
Gain : 500%
Rayon : 1
Seuil : 0


Etape 15

Faire une rotation du bouton pour le rendre parallele a la partie droite de la zone gris-foncé dans le menu Edition > Transformation > Rotation ,
et si besoin, appliquer une Homothétie pour reduire légérement la taille du bouton.


Etape 16

Changer la couleur du bouton
Appliquer les Style de calque
- Biseautage et estampage :
style : Biseau interne vers le haut
profondeur : 300%, taille : 3px, flou : 0px
Tons clairs : couleur blanche, mode superposition a 75%
Ombrage : couleur blanche, mode superposition a 30%
- Ombre portée :
Opacité : 100%, Distance : 0px, Grossir : 0%, Taille : 2px


Etape 17

Dupliquer le calque et déplacer le bouton autant de fois que vous le voulez.


Etape 18

Il ne vous reste qu'a ajouter les textes ou les pictogrammes de votre choix.

Fichier(s) associé(s) au tutorial
walkman(suite) (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 .