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

écran LCD

Sur la base du tutorial "boutons incrustés", décortiquont maintenant ensemble la réalisation d'un petit écran digital comme sur les baladeurs mp3 et autres gadgets hi-tech.

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

Partont d'une base réalisée a partir du tutorial "boutons inscrustés".


Etape 2

1er chose a faire, créer un rectangle noir aux angles arrondis.
pour cela, sélectionnez l'outil Ellipse de sélection et sélection un cercle qui sera l'angle haut gauche de notre rectangle puis le remplir en noir dans le menu Edition > Remplir avec Noir .
 
Dupliquer le cercle horizontalement : enfoncer les touches Shift , Ctrl , alt du clavier et déplacer la sélection a l'aide de la souris bouton gauche enfoncé (il faut avoir pas mal de doigts pour cette manipulation mais c'est beaucoup moins compliqué qu'il y en a l'air).


Etape 3

Sélectionnez ensuite avec l'outil Rectangle de sélection un rectangle reliant les 2 cercles puis remplir cette sélection en noir dans le menu Edition > Remplir avec noir.


Etape 4

Sélectionnez tout le calque dans le menu Sélection > Tout sélectionner .
Dupliquez verticalement la selection pour créer le bas du rectangle comme dans l'étape 2, c'est a dire, enfoncer les touches Shift , Ctrl , alt du clavier et déplacer la sélection a l'aide de la souris bouton gauche enfoncé.
Sélectionnez avec l'outil Rectangle de sélection un rectangle reliant l'élément haut et bas et remplir encore de noir dans le menu Edition > Remplir avec Noir .


Etape 5

Une fois le rectangle noir aux angles arrondis créer,
appliquer, dans le menu calques , le Style de calque :
- Biseautage et estampage :
style : Biseau externe
technique : lisser, profondeur : 100%, direction : bas , taille : 3px, flou : 3px
angle : 135°, elévation : 28°
Tons clairs : superposition blanche a 75%
Ombrage : Produit gris bleuté foncé a 75%.


Etape 6

Pour créer un effet de relief avec un trait gris a 1 pixel du bord sur le haut du rectangle noir, selectionner le rectangle en cliquant sur le calque contenant celui-ci en appuyant sur la touche Ctrl du clavier.
Créer ensuite un nouveau calque .
Contracter la selection de 1 pixel dans le menu Sélection > Modifier > Contracter .
Remplir la sélection en gris foncé : selectionner la couleur gris foncé en couleur de premier plan puis allez dans le menu Edition > Remplir avec couleur de premier plan .


Etape 7

Appuyer sur la touche fléche basse du clavier pour décaler la sélection de 1 pixel vers le bas . Effacer la sélection dans le menu Edition > Effacer .


Etape 8

Créer sur un nouveau calque et de la même façon que pour le retangle noir (étape 2 a 4), créer un rectangle de couleur (en bleu dans l'exemple ci-conte) a l'intérieur du rectangle noir.


Etape 9

Appliquez les [style de Calques] :
- Ombre interne :
mode de fusion : Produit couleur noir, opacité : 50%, angle : 135°, distance : 0px, maigrir : 0%, taille : 4px.
- Biseautage et estampage :
style : Biseau externe
technique : lisser, profondeur : 100%, direction : Haut , taille : 2px, flou : 0px
angle : 135°, elévation : 28°
Tons clairs : superposition blanche a 75%
Ombrage : superposition blanche a 40%.


Etape 10

Créer un nouveau calque .
Selectionner le rectangle bleu en cliquant sur le calque le contenant dans la fenetre de calque tout en appuyant sur la touche Ctrl du clavier.
Contracter la selection de 1 pixel dans le menu Sélection > Modifier > Contracter .
Remplir cette selection en Blanc dans le menu Edition > Remplir avec Blanc .


Etape 11

Selectionnez ensuite avec l'outil Ellipse de sélection le haut du rectangle bleu comme sur l'exemple ci-contre.
Inversez la sélection dans le menu Sélection > Intervertir .
Créer un contour progressif de la selection dans le menu Sélection > Contour progressif .
Rayon : 5 pixels (a régler suivant la taille de l'écran a créer)
Puis supprimer le sélection dans le menu Edition > Effacer pour ne garder qu'un dégradé légérement arrondi sur la partie haute du rectangle bleu.


Etape 12

Changer l'opacité du calque a votre gout pour régler l'intensité du reflet blanc dans l'écran (Iopacité : 50% dans l'exemple ci-contre).


Etape 13

Il ne vous reste plus qu'a remplir votre écran LCD avec les textes que vous voulez et pourquoi pas ajouter quelques details comme des petites leds rouges sur le côté de l'écran.

Fichier(s) associé(s) au tutorial
ecran LCD (28 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 .