Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

L'effet LCD


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

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese
Amazing Font Pack!

Featured Tutorialsmore

Night Lights (Basi...
Night Lights (Basi...
- Macromedia Flash -
Energy Nova
Energy Nova
- Adobe Photoshop -
Motion Tweens (Wit...
Motion Tweens (Wit...
- Macromedia Flash -
The Glamour Effect
The Glamour Effect
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 880 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1044 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1049 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1927 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1824 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14435 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2741 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2769 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3434 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2352 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2494 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2796 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673