|
|
|
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
|

|
|
 |
High Quality Web Templates for low cost Author: JhonSmithi Posted: Dec 01st, 11:49am Activity: 0 replies, 18 views
|  | Metropolix washere .... Author: metropolix Posted: Nov 30th, 4:53am Activity: 0 replies, 50 views
|  | import vector art into paintshop pro? Author: agentxi Posted: Nov 29th, 12:27am Activity: 1 replies, 61 views
|  | Video Ranking Author: Nitewalker Posted: Nov 28th, 4:34pm Activity: 2 replies, 69 views
|  | Free Clipart and Illustrator Symbols Site Author: southoc Posted: Nov 28th, 4:29am Activity: 1 replies, 87 views
|  | i am looking for good quality of market place Author: ashuthosh Posted: Nov 27th, 6:19am Activity: 1 replies, 79 views
|  | Current Project: space station Author: Boo.j2 Posted: Nov 26th, 12:32pm Activity: 4 replies, 123 views
|  | Any tips for a precision? Author: dutchMasta Posted: Nov 26th, 9:51am Activity: 10 replies, 210 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 210 |
| Total Downloads: | 413 |
| Linkbase Links: | 243 |
 |
|
 |
 |
|