|
|
|
L'effet LCD est certainement le plus utilisé lorsque l'on souhaite une création axée vers le moderne. De plus, elle est largement utilisée dans tout type de travail graphique, des interfaces de sites à celles de logiciels.. Recréer cet effet est plus difficile qu'il n'y parait et assez long à maitriser complètement.. Le but de ce tutoriel est de vous montrer ma méthode pour recréer un effet le plus réaliste possible en utilisant un écran LCD, sans que ce soit vraiment trop difficile.
Suivez le guide.
NB:
Etant donné que ce tutoriel est surtout axé pour les utilisateurs expérimentés de Photoshop, je ne détaillerais pas les outils. En cas de besoin, jetez un coup d'oeil à l'aide du logiciel.
 |
Étape 1: Creez un nouveau document et remplissez le de ce que vous voulez: texture, dégradé, couleur. Ici mon document est de 200*85px et rempli avec un dégradé vertical gris clair/blanc. Il va fournir la base du travail. |
 |
Étape 2: Creez un nouveau calque et renommez le "LCD".
Creez sur ce calque un rectangle aux bords arrondis (avec Outil rectangle arrondi ou une autre méthode) et remplissez avec ce ton de vert (#60A987). |
 |
Étape 3: Les écrans LCD sont un mélange de cristaux liquides. Nous allons recreer cet effet : Filtre > Bruit > Ajout de bruit... Mettez le Facteur à 2, répartition en Gaussienne, et cochez
monochromatique. |
 |
Étape 4: Toujours sur ce calque, faites :
Calque > Style de calque > Contour et mettez les valeurs comme celle ci, ce qui va permettre de créer un petit bord noir. Mettez la taille à votre convenance, aidez vous de la prévisualisation pour savoir ce que vous voulez. |
 |
Étape 5: Toujours dans les options du calques, on va passer à l'ombre portée.
Bien entendu, si votre arrière plan est noir ou dans une couleur foncée...ca sert pas à grand chose mais ce n'est pas grave, l'effet n'est pas vraiment important. |
 |
Étape 6: Passez ensuite à la lueur externe. Cela va creer un effet de halo autour de notre écran LCD et ainsi permettre une meilleure intégration à votre création. Si vous trouvez que la lueur est trop forte, réduisez un poil l'opacité. |
 |
Étape 7: On arrive maintenant au coeur du tutoriel.
Entrez ces paramètre dans l'option ombre interne.
L'effet que l'on obtient n'est pas très visible mais elle permet de donner un petit éclairage sur le haut. Si vous voulez éclaircir un peu tout, modifiez ces paramètres après l'étape 14. |
 |
Étape 8: Cette étape est optionelle mais permet de rendre le tout plus réaliste. Entrez une fois de plus ces paramètres mais dans l'option Biseautage & Estampage. Cela va donner un effet de reflet à notre écran LCD. Vous pouvez modifier son aspect en jouant sur l'opacité ou bien la profondeur. Cliquez ensuite sur Ok pour valider les changements. |
 |
Étape 9: C'est beau non? Avec une police appropriée, ajoutez un texte au centre. Ici les polices sont DS-Digital et LcdD
que vous devriez pouvoir trouvez assez facilement sur le net. |
 |
Étape 10: Maintenant recrez des calques textes avec des 8. Changez l'opacité à 50% et mettez sont mode de fusion à lumière tamisée. Déplacez les sous vos textes précédents |
 |
Étape 11: Utilisez la plume pour recreer une forme quasi-identique à celle sur la gauche. Creez ensuite un nouveau calque et appellez le Lueur. Cliquez ensuite sur le tracé avec le bouton droit, et creer une selection avec l'option appropriée. Remplissez ensuite votre sélection de blanc. |
 |
Étape 12: Deselectionnez puis utilisez le filtre de flou : Filtre > Flou > Flou Gaussien filter d'environ 5 à 10px. Faites ensuite Ctrl+clic sur le calque LCD. |
 |
Étape 13: Inversez la selection puis sur votre dernier calque (Lueur), supprimez la sélection (Suppr). Dernière chose, faites : Calque > Style du calque > Incrustation en dégradé et reproduisez les paramètres ci contre puis réduisez l'opacité du calque à 50%. |
 |
Étape 14: Et voila, c'est terminé. Si vous trouvez que c'est trop clair, réduisez l'opacité de votre calque lueur. |
 |
Étape 15: En jouant sur les diverses options de fusion, vous pouvez certainement trouver un excellent compromis bien plus poussé. A vous de jouer avec les paramètres pour expérimenter un peu tout. Et n'oubliez pas, le vert n'est pas obligatoire. :) |
- Tutorial written by Man1c M0g
- Translation by Bana
|

|
|
 |
Live Trace resolution Author: jttuck Posted: May 14th, 6:02pm Activity: 1 replies, 65 views
|  | Hello all, just found this site Author: skatz Posted: May 12th, 7:29pm Activity: 4 replies, 99 views
|  | FontStruct Author: Jacorre Posted: May 12th, 3:34pm Activity: 0 replies, 119 views
|  | Hey everyone Author: whelpton Posted: May 11th, 6:20pm Activity: 2 replies, 84 views
|  | Member Tutorial: Taking it further. Author: Trueskool Posted: May 11th, 1:30pm Activity: 1 replies, 140 views
|  | Orb - flash version Author: unleash Posted: May 11th, 11:38am Activity: 1 replies, 146 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 8:43am Activity: 1 replies, 30 views
|  | Hi, first question Author: Findrikku Posted: May 11th, 2:14am Activity: 1 replies, 134 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 402 |
| Linkbase Links: | 255 |
 |
|
 |
 |
|