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

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 100 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 13 replies, 183 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 112 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 161 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 107 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 125 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 116 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 118 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 147 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 98 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 147 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 153 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|