Dessiner un téléviseur LCD dans Photoshop

Dans le tutoriel d'aujourd'hui, nous allons créer un téléviseur LCD à partir de zéro en utilisant des formes simples et des styles de calque. Nous allons également apprendre à créer un motif homogène pour créer les haut-parleurs et à créer de jolis voyants. Commençons!


Étape 1: Créer l'écran

Commencez par créer un nouveau fichier de taille 2600x1700 px. Dans Photoshop, il est plus facile de commencer avec une grande taille pour nous aider à nous concentrer sur les détails. En utilisant un rectangle arrondi avec un rayon de 5 px, créez une forme et utilisez les styles de calque suivants.


Étape 2

Créez un rectangle arrondi plus petit dans la forme précédente pour créer l'écran. Ajouter les styles de calque suivants.


Étape 3

A l'aide de l'outil Rectangle arrondi, créez une autre forme derrière l'écran. Cliquez avec l'outil Plume pour ajouter de nouveaux points d'ancrage comme indiqué ci-dessous. Sélectionnez un nouveau point avec l'outil de sélection directe et déplacez-le vers le bas. Ajouter des styles de calque comme indiqué ci-dessous.


Étape 4: Dessinez la base

Créez un autre rectangle arrondi. Cette fois sous la télé. Ajoutez un point au milieu de la face inférieure et déplacez-le vers le bas. Sélectionnez des points dans le coin supérieur, appuyez sur Cmd / Ctrl + T et rapprochez-les. Enfin, déplacez les points comme indiqué ci-dessous. Ajouter des styles de calque.


Étape 5

Dessinez un rectangle arrondi reliant la base et l’écran. Appuyez sur Cmd / Ctrl + T, faites un clic droit et choisissez Perspective. Changer sa taille, voir l'image ci-dessous pour référence. Double-cliquez sur le calque pour ouvrir les options de style de calque. Activer les effets de masquage de masque de calque et ajouter les styles de calque suivants.


Étape 6

Ajouter un masque de calque. Peignez la partie inférieure de la forme avec du noir jusqu'à ce qu'elle se mélange à la base.


Étape 7: Créer des réflexions

Maintenant, nous pouvons commencer à créer des réflexions. Créez une forme comme indiqué ci-dessous. Ajoutez les styles de calque suivants. Utilisez un dégradé noir vers blanc avec le mode de fusion défini sur Écran. Définissez le mode de fusion du calque sur Écran pour supprimer le noir et ne conserver que les pixels plus clairs.


Étape 8

Dessinez une autre forme comme indiqué ci-dessous. Ajouter une superposition de dégradé avec le mode de fusion défini sur Écran. Changer le mode de fusion du calque en écran.


Étape 9

Créez une autre forme de réflexion. Ajouter les styles de calque suivants.


Étape 10

Répétez l'étape précédente pour créer une autre réflexion de l'autre côté. Ajoutez les styles de calque suivants mais utilisez cette fois la direction opposée pour l'angle.


Étape 11

Créez une forme comme indiqué ci-dessous. Ajoutez les styles de calque suivants. Changer le mode de fusion en écran.


Étape 12

Dupliquer le reflet et le placer de l'autre côté.


Étape 13

Créez une forme sous la base. C'est la partie qui touche le sol. Ajouter les styles de calque suivants.


Étape 14: Ajouter une ombre

Ajoutons une ombre sur le sol. Créez un nouveau calque sous le téléviseur, créez une sélection rectangulaire. Ajouter le flou gaussien pour l'adoucir et changer son opacité à 5%.


Étape 15: Ajouter une texture

Ce téléviseur est trop propre et il semble irréaliste. Nous devons ajouter des textures. Maintenez les touches Cmd / Ctrl + Maj enfoncées, puis cliquez sur le téléviseur et le calque de base pour créer une sélection en fonction de sa forme. Créez un nouveau calque par-dessus tous les autres calques et remplissez-le de noir. Cliquez sur Filtre> Bruit> Ajouter du bruit. Changer le mode de fusion du calque en écran.


Étape 16: Ajouter des conférenciers

Pour créer des haut-parleurs, nous devons d’abord créer son modèle. Créez un nouveau fichier 50 x 50 px. Activer l'outil Ellipse. Dans la barre d'options, définissez une taille fixe de 20 x 20 px. Ce paramètre créera automatiquement une forme de cercle de 20x20 px.


Étape 17

Appuyez sur Cmd / Ctrl + R pour activer la règle. Faites glisser la règle au centre de l'image pour créer un guide vertical et horizontal au centre. Trace un cercle au milieu.


Étape 18

Tracez un autre cercle et placez-le au milieu de chaque coin.


Étape 19

Cliquez sur Edition> Définir un motif pour l'enregistrer en tant que motif..


Étape 20

Créez un nouveau fichier de taille 3000 x 3000 px. Ouvrez le panneau Canaux et créez un nouveau canal..


Étape 21

Cliquez sur Edition> Remplir. Utilisez le modèle que nous avons créé plus tôt.


Étape 22

Cmd / Ctrl-clic sur le canal pour le charger en tant que sélection. Créez un nouveau calque, remplissez-le de noir. Tout sélectionner et copier (Cmd / Ctrl + C).


Étape 23

Revenez à votre fichier TV. Créer une sélection rectangulaire sur le côté droit de l'écran.


Étape 24

Cliquez sur Edition> Coller dans. Le motif sera automatiquement placé dans la sélection. Appuyez sur Cmd / Ctrl + T et redimensionnez-le. Ajouter les styles de calque suivants.


Étape 25

Créez un rectangle arrondi couvrant le haut-parleur. Changer son remplissage à 0% et ajouter ces styles de calque.


Étape 26

Dupliquer l'enceinte et la placer de l'autre côté.


Étape 27: Ajouter une marque

Ajoutez la marque du téléviseur et appliquez les styles de calque suivants pour lui donner un aspect métallique.


Étape 28: Créer un indicateur de lampe

Créez un petit rectangle arrondi. Assurez-vous que son opacité est définie sur 100% et son remplissage sur 0%. Appliquer les styles de calque suivants.


Étape 29

Dupliquez la forme et redimensionnez-la comme indiqué.


Étape 30

Créez un autre rectangle arrondi. Utilisez les mêmes styles de calque.


Étape 31

Activer l'outil Ligne. Dans la barre d'options, définissez Arrowheads sur End. Utiliser les styles du calque précédent et ajouter une superposition de couleurs.


Étape 32

Créer des signes plus et moins à l'aide de l'outil Rectangle pour l'indicateur de volume.


Étape 33

Ajoutons un indicateur de haut en bas pour le canal. Dessine un rectangle. Cliquez au centre avec l'outil Plume pour ajouter de nouveaux points d'ancrage. Sélectionnez et déplacez-les. Utilisez les styles de calque précédents, Lueur externe, Superposition de couleurs et Contour. Pour créer un indicateur vers le bas, il vous suffit de dupliquer la forme et de la retourner verticalement..


Étape 34

Pour créer l'indicateur de puissance, nous devons combiner quelques formes. Commencez par créer une forme de cercle. Dupliquez le tracé du cercle et redimensionnez-le. Dans la barre d’options, sélectionnez Soustraire. Créez un chemin rectangulaire et sélectionnez Ajouter.


Étape 35: Créer un fond et un sol

Activer le calque de fond. Créer un dégradé radial du gris clair au gris plus foncé.


Étape 36

Dupliquez le calque et redimensionnez-le. Ça va être le sol


Étape 37

Nous devons encore distinguer le sol de son arrière-plan. Cliquez sur l'icône Verrouiller la transparence dans le panneau Calques. Peindre la partie supérieure du sol. D'abord, cliquez sur un côté, puis maintenez la touche Maj enfoncée et cliquez sur l'autre côté pour tracer une ligne droite..


Image finale

C'est tout! Avaient fini. Vous pouvez voir l'image finale ci-dessous.