Comme d’habitude un nouveau tuto pour vous amateur s’abstenir non je plaisante un tuto vraiment facile a réalisé à la porté de tout le monde ver la fin un rendu ultra réaliste.

Créer un écran LCD HD avec photoshop

Pour commencer créez un nouveau document 1843×1417 pixels Résolution 72 dpi couleur RVB

Prenez l’outil Rectangle Arrondi (U)avec un rayon de 8 pixels couleur de Fond Noir

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool
Cliquez sur l’icône du calque avec le bouton droit de la souris puis sur Pixelliser le calque

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Ensuite allez dans Menu > Édition > Transformation Manuel > Déformation

Cliquez sur le bas de votre rectangle au milieux et Glissez le curseur vers le bas comme ce ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Maintenez le bouton Ctrl enfoncé et cliquez sur le calque de votre rectangle juste pour avoir la sélection du rectangle

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Ensuite allez dans Menu > Sélection > Modifier > Contracter >>> 4 pixels

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Dans un nouveau calque prenez l’outil dégradé réglez votre couleur de premier plan à #adacaf et la couleur de fond # 151517

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Dessinez un dégradé similaire à celui-la

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Toujours avec la sélection active utilisez une Forme douce de 25 pixels et un dureté de 100% (l’outil Forme B) tracez une ligne droite (couleur # adacaf) comme ce ci, l’image parle d’elle même pour avoir une ligne bien droite maintenez la touche Shift enfoncé et dessinez

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Maintenant de-sélectionnez votre calque ( CTRL + D )

 

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Créez un nouveau calque (Shift + Ctrl + N) et prenez l’outil rectangle et dessinez un rectangle au milieu couleur # 151517

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Cliquez sur l’icône du calque avec le bouton droit de la souris puis sur Pixelliser le calque

Maintenez le bouton Ctrl enfoncé et cliquez sur le calque de votre rectangle

Ensuite allez dans Menu > Sélection > Modifier > Contracter >>> 3 pixels

Créez un nouveau calque et cliquez sur “l’outil Dégradé (G)” et faire un dégradé personnalisé en utilisant les couleurs suivantes:
# a6a6a8 position 0%
# 202022 position de 50%
# 35363a position 100%

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool
Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Maintenant, nous allons ajouter quelques points saillants à la silhouette sombre de l’écran.

Réglez votre couleur de premier plan au blanc ( #FFFFFF ) .

Cliquez sur le calque le calque de l’écran pour activer sa sélection à nouveau .

Créez un nouveau calque (Shift + Ctrl + N) et avec l’outil forme utiliser une forme ronde, souple et environ un diamètre de 50 px avec son dureté réglé à 10%, lentement peignez en souligne à l’angle supérieur droit et inférieur gauche des portions de la sélection. Attention à ne pas en faire trop.
Comme ce ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Désélectionnez une fois terminé ( Ctrl+D ).

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Réglez votre couleur de premier plan au blanc ( #FFFFFF ) dans un nouveau calque prenez l’outil plume (P) et dessinez un croissant comme ce ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Toujours avec l’outil plume sélectionné cliquez avec le bouton droit de la souris puis sur Fond du tracé

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Avec l’outil transformation Manuel (Menu > Édition > Transformation Manuel > Déformation) essayer de le réglez comme ce ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Mettez l’opacité de ce dernier 77%

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Refaite la même étape mais cette fois ci en haut de votre écran et la couleur Noir

 

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Maintenant prenez l’outil Forme personnalisée (U) et choisissez le cadre circulaire et dessinez un rond au milieu pour illustrer le bouton on/off de l’écran

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Réglez l’opacité de ce dernier 46%

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Refaite ça une deuxième fois mais avec un rond beaucoup plus petit

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Prenez l’outil Ellipse (U) et faite un rond un peux aplatis comme ce ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Refaites la même chose mais avec la couleur Blanche déplacez ce dernier un peu plus en haut

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Réglez l’opacité de ce dernier 74%

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Cliquez sur l’icône du calque avec le bouton droit de la souris puis sur Pixelliser le calque maintenez le bouton Ctrl enfoncé et cliquez sur le calque du Rond Noir juste pour avoir sa sélection

Allez dans Menu > Sélection > Intervertir (Ctrl+Shift+I) puis a l’aide de l’outil gomme supprimez la partie du rond blanc qui dépasse

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Maintenant prenez l’outil rectangle et dessinez un petit rectangle en dessous notre écran Pixelliserce dernier

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Prenez l’outil ellipse de sélection (M) faite une sélection elliptique semblable à celle ci-dessous et placez-la également, comme indiqué.

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Appuyez sur le bouton supprimer avec l’outil transformation (Ctrl + T) élargissez un peu le rectangle

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool
Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Toujours avec l’outil ellipse de sélection faite une autre sélection elliptique comme ce ci

Remplissez la avec du Noir grâce à l’outil peau de peinture (G)

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Dupliquez ce dernier (Ctrl+J) et allez dans Menu > Édition > Transformation Manuel > Symétrie axe vertical

et déplacez la vers le bas

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Prenez l’outil ellipse de sélection (M) faite une autre sélection elliptique semblable à celle ci

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Dans un nouveau calque remplissez cette sélection avec du Noir grâce à l’outil peau de peinture (G)

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Allez dans Menu > Sélection > Intervertir (Ctrl+Shift+I) puis appuyez sur le bouton supprimer

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Faite la même chose pour le haut juste en dessous du bouton on/off de l’écran

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Et pour donner plus d’effet ajoutez aussi un petit carré juste en haut de ce dernier

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

et voilà le travaille n’est-il pas magnifique ?

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

Tuto photoshop créer un ecrant lcd hd avec photoshop un tuto vraiment tres cool

15 COMMENTAIRES

  1. Tutoriel très mal expliqué ! Plein d’étape impossible. Par exemple avec le “croissant”, c’est tout bonnement impossible de lui faire prendre cette forme. OK le tracé prend cette forme, mais le fond blanc ne prend pas du tout la même forme est reste comme initial, et je suis pourtant mot à mot ce qu’il y a marqué.

  2. Accrois tes connaissances, moi j’ai réussie parfaitement sans soucis… Et je t’interdit de critiquer son travail, c’est rare les tutos si complets et expliqués…

    Superbe ton tuto ! continue comme ca sérieux !

  3. Ce n’est que longtemps apres la “sortie” de ce tuto que je dis qu’il est simplement excellent O-) : je débute dans le graphisme et les “effets spéciaux” et ces tutos sont les meilleurs que j’ai trouveé sur le net : Bravo ! LOL

  4. 🙂 Merci GRAPHOLOG pour ce très bon TUT
    Le seul bémol, c’est que je maitrise pas trop l’outil plume mais j’y suis arrivé quand même !
    Le résultat est sympas !

  5. Bonjour, Je suis satisfait. Ce Tuto est tres bien expliquer et rapide a realiser. T’es Un Ange. Essayer de faire un tuto sur les telephones portables svp