TUTO - Affichage numérique
dans la catégorie Tutoriels | 2 commentaires | 8267 lectures

"Ce simple didacticiel va vous permettre d'utiliser les style de calque, les filtres et les mode de fusion pour un créer un très réaliste écran digital." Téléchargez le fichier PSD ici. Par T.Morris
1
Créez un nouveau document Ctrl+N (Fichier/Nouveau) et nommez-le "Affichage digital". Entrez les valeurs suivantes : largeur 250 pixels, hauteur 100 pixels, résolution 72 pixels par pouce, Mode RVB. Choisissez un fond Transparent. Pressez OK.

2
Réglez la couleur de premier plan sur R168,G182,B171 #A8B6AB et celle de fond sur R152,G164,B154 #98A49A.. Ces couleurs représentent les couleurs claires et foncées de notre affichage digital.
3
Pour créer le fond de notre affichage digital, dessinez un dégradé réfléchissant G a peu près depuis le milieu du document vers le coin gauche bas.
4
La plupart des affichages digitaux possèdent une légère lueur le long des contours. Nous allons utiliser le style de calque Lueur interne pour réaliser cela. Double cliquez sur le calque dans la palette des calques pour ouvrir la boite de dialogue des styles de calque. Utilisez les valeurs suivantes : Mode de fusion : Superposition Opacité : 60% Bruit : 0% Couleur : #A8B6AB Technique : Plus tamisé Maigri : 0% Taille : 15 px Contour : Linéaire Lissé : Non coché Etendue : 50% Variation : 0% NOTE Il existe 4 manière différentes d'ajouter des styles de calques : 1 : Double cliquer sur le calque pour ouvrir la boite de dialogue. 2 : Dans le menu Calque/Style de calque/ puis le nom du style. 3 : En choisissant un style en cliquant sur le bouton des effets en bas de la palette des calques. 4 : En faisant un clic droit sur le calque et en choisissant les options de calque.
5
Ajoutez un nouveau calque Ctrl+Maj+N et nommez-le Bruit. Remplissez ce calque avec la couleur de fond Ctrl+Suppr (Edition/Remplir). Depuis les menus, choisissez Filtres/Bruit/Ajout de bruit. Entrez les valeurs suivantes : Facteur 3% Répartition : Gaussienne Monochromatique : coché Et pressez OK. Appliquez un flou gaussien de 0,5 pixels (filtre/Atténuation/Flou Gaussien) Maintenant, nous allons mélanger le calque actuel avec le calque de dégradé. Réglez l'opacité du calque à 40%. Astuce : Vous pouvez changer l'opacité de l'outil ou du calque en cours à l'aide du pavé numérique ( à droite de votre clavier). Pressez 4 pour une opacité de 40%, 5 pour 50 %, etc. Utilisez 0 pour 100% d'opacité. Si vous tapez deux chiffre consécutif comme 8 et 5, vous obtiendrez 85%. Changez le mode de fusion du calque courant sur Luminosité Alt+Maj+Y (utilisez le menu déroulant de la palette des calques ). Bien que vous puissiez utiliser n'importe quelle police , il est préférable de choisir une police digitale pour cet effet.
6
Pour cet exemple, nous avons utilisé les réglages suivants dans la palette de caractères : Police : Digital (Regular) Taille : 72 pt Couleur : Blanc #FFFFFF
7
Comme nous voulons que les caractère soient justifiée (comme pour un réel affichage), choisissez Alignement droite Ctrl/Pomme+Maj+R ( ) dans la palette Paragraphe. Avec l'outil Texte T, tapez une série de 8 avec ou sans le point de la décimale. Par exemple, "888.88". Pour repositionner le texte alors que vous êtes toujours en mode édition, maintenez la touche Ctrl/pomme et déplacez la typo. Acceptez le texte en cliquant sur le bouton Ctrl/Pomme+Entrer.
8
Astuce : Pour centrer un calque texte sur le document, liez les calques, puis choisissez "Calque/Aligner les calques liés/
9
Enfin, changez l'opacité du calque à 30% et passez le mode de fusion sur Lumière tamisée.
10
Ensuite, dupliquez le calque de texte en le glissant sur l'icône en bas de la palette des calques. Changez l'opacité à 100% et le mode de fusion sur Normal. Double cliquez sur l'icône de Texte dans la palette des calques. Dans la palette caractère, changez la couleur de la typo pour un noir black (R0,G0,B0) #000000 et remplacez le texte par l'heure que vous souhaitez afficher, par exemple 4.39. Validez le changement avec .
11
Note : Il se peut que vous deviez ajuster le crénage et l'approche pour certains caractères pour les aligner avec les 8 du fond.
12
Enfin, pour rendre les caractères plus réalistes, ajoutez un légère ombre portée. Double cliquez sur le calque courant dans la palette des calques et ouvrez la boite de dialogue des styles. Sélectionnez Ombre Portée et entrez les valeurs suivantes : Mode de fusion : Produit Couleur : #000000 Opacité : 50% Angle : -40% Use Global Light: Off Distance: 2px Spread: 0% Taille: 3px Contour: Linéaire ( ) Anti-aliased: Off Bruit: 0%
13
Et voilà ! Faites des essais avec des couleurs, des polices et des symboles différents pour ajouter des effets. (voir l'image finale)























Commentaires
1. Le vendredi 11 avril 2008 à 11:41, par guy
2. Le vendredi 11 avril 2008 à 11:52, par Stephanie Guillaume
Fil rss des commentaires de ce billet
Ajouter un commentaire