Créer un communicateur de style Star Trek dans Photoshop

Dans ce didacticiel, nous allons dessiner un communicateur de style rétro Star Trek, un périphérique de communication vocale utilisé dans la série Star Trek originale. Nous allons combiner les styles de calque et de nombreux dessins manuels. Alors, préparez votre Wacom à aller hardiment là où aucun tutoriel de Photoshop n’est allé avant.


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • 26 motifs de pixels reproductibles à partir de PSDfreemium
  • Final Frontier Old Style police de Allen R. Walden

Étape 1: Préparation du fond

Créez un nouveau fichier de taille 600x660 px. Remplir le fond avec la couleur: #ababab.


Étape 2

Créer un nouveau calque et ajouter un dégradé du bleu au noir.


Étape 3

Définissez le mode de fusion sur Écran et réduisez son opacité.


Étape 4: Forme de base du communicateur

Dessinez un rectangle arrondi de rayon 15 px et de couleur # 625f5f.


Étape 5

Activer l'outil Crayon et cliquer au milieu en haut et au bas en bas pour ajouter de nouveaux points.


Étape 6

Utilisez l'outil Sélection directe pour modifier chaque point jusqu'à obtenir la forme suivante. Ajouter une superposition de dégradé subtile.


Étape 7

Dupliquer la forme de base que nous venons de créer en appuyant sur Commande / Ctrl + J. Changez sa couleur en # 2f2229. Redimensionnez-le à 98%. Ajouter une superposition de dégradé.


Étape 8

Dupliquez la forme du calque en appuyant sur Commande / Ctrl + J. Modifiez sa couleur en # 3c3037. Ajouter un tracé de rectangle arrondi et définir son mode sur Soustraire.


Étape 9

Commande / Ctrl-clic sur le calque pour créer une sélection basée sur sa forme.


Étape 10

Créer un nouveau calque. Appuyez sur Commande / Ctrl + H pour masquer les bords de la sélection. Activer l'outil pinceau souple. Soulignez la peinture sur le côté gauche de la forme.


Étape 11

Dessinez une autre mise en évidence sur les zones indiquées. Ce sera plus facile si vous faites tous les traits sur des calques différents. De cette façon, vous pouvez réduire l'opacité des calques pour réduire son effet. Ou, vous pouvez simplement supprimer le calque si vous n'aimez pas le résultat.


Étape 12

Dupliquer la forme que nous avons créée précédemment. Cette fois, définissez le mode rectangle arrondi sur Intersection. Changez sa couleur pour # 141314.


Étape 13

Dessine une nouvelle forme composée de deux rectangles superposés. Définissez le mode des deux chemins sur Ajouter à la forme. Définissez sa couleur sur # 362b31. Ajouter une superposition de dégradé de style de calque.


Étape 14

Créez un nouveau calque et convertissez-le en masque d'écrêtage en appuyant sur Commande / Ctrl + Alt + G. Mettre en surbrillance certaines parties de la forme.


Étape 15

Bien sûr, n'oubliez pas les ombres.


Étape 16

Dessinez un rectangle arrondi avec la couleur # e1cece. Ajouter une superposition de dégradé de style de calque.


Étape 17

Créez un nouveau calque et convertissez-le en masque d'écrêtage. Dessinez une ombre dans le coin inférieur pour ajouter de la profondeur à la forme.


Étape 18

Dessinez un rectangle de couleur # dac9c9. Ajouter les styles de calques suivants. Dans le paramètre Superposition de motifs, utilisez des motifs de pixels de PSDfreemium.


Étape 19

Dessinez un rectangle couvrant la partie supérieure de la forme précédente. Définissez sa couleur sur # 342b30. Appuyez sur Commande / Ctrl + T pour effectuer la transformation, faites un clic droit et choisissez Perspective. Tirez le coin supérieur jusqu'à obtenir une forme de trapèze.


Étape 20

Créez un nouveau calque et convertissez-le en masque d'écrêtage (Commande / Ctrl + Alt + G). Peindre des rehauts et des ombres subtils.


Étape 21: Bouton

Dessine une forme de cercle avec la couleur # 706a6a.


Étape 22

Dupliquer la forme que nous venons de créer et définir sa couleur sur # d6c5c5. Redimensionnez à 95%.


Étape 23

Encore une fois, dupliquez la forme du cercle. Redimensionnez à 95%. Ajouter les styles de calques suivants.


Étape 24

Dupliquer la forme. Redimensionnez à 85%. Supprimer tous les styles de calque précédents. Remplacez-les par ces styles de calque.


Étape 25

Dupliquez la forme précédente, puis redimensionnez-la à 95%. Ajouter les styles de calques suivants.


Étape 26

Placez tous les calques de boutons dans un groupe. Alt-glisser le groupe pour dupliquer le bouton.


Étape 27: Faits saillants

Activer l'outil Crayon et définir sa taille à 1 px. Tracez une ligne blanche de 1 px sur certaines zones. Supprimez ses deux extrémités à l'aide d'une grosse gomme à effacer douce et réduisez l'opacité du calque à 40%.


Étape 28: Voyant

Dessinez un cercle de couleur # 706a6a et ajoutez le style de calque Ombre portée.


Étape 29

Dupliquez la forme du cercle que nous venons de créer et supprimons son style de calque. Redimensionnez à 85%. Changer sa couleur en # d6c5c5?


Étape 30

Dupliquer la forme du calque (Commande / Ctrl + J). Redimensionnez-le à 75%. Ajouter les styles de calques suivants.


Étape 31

Dessinez un cercle plus petit avec la couleur # ebc358. Ajouter les styles de calques suivants.


Étape 32

Définissez la couleur de premier plan sur # ccb371, puis utilisez un pinceau doux pour peindre la lumière parasite au-dessus de la lampe. Réduire l'opacité du calque pour garder l'effet naturel.


Étape 33

Placez tous les calques qui composent la lampe dans un groupe en les sélectionnant, puis appuyez sur les touches Commande / Ctrl + G. Faites glisser le groupe pour le dupliquer. Faites ce processus deux fois jusqu'à ce que nous ayons deux lampes et assurez-vous de changer leur couleur..


Étape 34: Oscilloscope

Dessinez une forme de cercle avec la couleur # efe7e6. Ajouter le style de calque suivant.


Étape 35

Dupliquez la forme du cercle et redimensionnez-le à 95%. Ajouter les styles de calques suivants.


Étape 36

Dupliquer la forme du cercle précédent et le redimensionner à 92%.


Étape 37

Dupliquez la forme du cercle et redimensionnez-le à 75%. Modifier les styles de calque utilisés avec les paramètres suivants.


Étape 38

Tracez 1 ligne px avec la couleur # 5e4a49. Placez-le au milieu du cercle.


Étape 39

Activer l'outil de sélection de chemin et sélectionnez la ligne. Appuyez sur Commande / Ctrl + Alt + T pour dupliquer et transformer le chemin de ligne. Dans la barre des options, insérez 5 degrés. À plusieurs reprises, appuyez sur Commande / Ctrl + Maj + Alt + T pour répéter le processus de duplication.


Étape 40

Répétez cette procédure jusqu'à ce que les lignes forment un cercle complet, 360 degrés.


Étape 41

Commande / Ctrl-clic sur le dernier cercle créé à l'étape 37. Cliquez sur l'icône Ajouter un masque de calque. Les lignes vont maintenant à l'intérieur du cercle.


Étape 42: Couvrir

Dessinez un rectangle arrondi avec la couleur # 956a0b. Dessinez un autre rectangle arrondi à l'intérieur et définissez son mode sur Soustraire.


Étape 43

Ajoutez un masque de calque et peignez sa partie inférieure en noir pour l’affiner dans la base du communicateur. Ajouter les styles de calques suivants.


Étape 44

Tracez un rectangle arrondi derrière la forme précédente. Définissez sa couleur sur # b79556. Ajouter les styles de calques suivants.


Étape 45

Ajouter une forme de cercle sur le chemin. Définissez son mode sur Soustraire pour créer un trou à l'intérieur de la forme.


Étape 46

Sélectionnez le cercle. Transformez et dupliquez le chemin en appuyant sur Commande / Ctrl + Alt + T. Déplacez le cercle dupliqué vers la droite. Appuyez à plusieurs reprises sur Commande / Ctrl + Maj + Alt + T pour répéter le processus de duplication jusqu'à ce que nous ayons une rangée pleine de trous. Dessinez plus de cercles sur la deuxième rangée.


Étape 47

Sélectionnez tous les cercles. Appuyez sur Commande / Ctrl + Alt + T pour les transformer et les dupliquer. Appuyez plusieurs fois sur la flèche.


Étape 48

Appuyez sur Commande / Ctrl + Maj + Alt + D à plusieurs reprises jusqu'à ce que la forme soit entièrement recouverte de trous.


Étape 49

Créez un nouveau calque et définissez-le comme masque d'écrêtage en appuyant sur les touches Commande / Ctrl + Alt + G. Dessinez quelques ombres sur la couverture pour rester réaliste.


Étape 50

Dupliquez la forme de base du communicateur et changez sa couleur en # 493c45. Ajoutez un rectangle arrondi en haut et définissez son mode sur Intersection. Ajouter une superposition de dégradé de style de calque.


Étape 51

Zoomez plus près sur la forme pour voir les détails plus près. Activer l’outil Pinceau et sélectionner une petite brosse douce de dureté 0%. Créer un nouveau calque. Dessiner des reflets subtils sur le dessus de la forme.


Étape 52: Tweak Highlights et Shadows

Commande / Ctrl-clic sur la forme de base du communicateur pour effectuer une sélection en fonction de sa forme. Sélectionnez un gros pinceau souple, puis peignez en noir la partie inférieure du communicateur. De cette façon, l'apparence du communicateur n'est pas si plate.


Étape 53

Zoomez plus près pour voir les détails. Sélectionnez une petite brosse douce. Peinture blanche sur certaines parties pour ses reflets.


Étape 54

Encore une fois, Commande / Ctrl-clic sur la forme de base du communicateur. Peignez plus d'ombres sur certaines parties ci-dessous pour le rendre plus sombre et brillant.


Étape 55: Ombre

Dessinez une sélection elliptique sous le communicateur et remplissez-la de noir.


Étape 56

Supprimez la sélection en appuyant sur Commande / Ctrl + D. Cliquez sur Filtre> Flou> Flou gaussien pour adoucir l'ombre..


Étape 57

Couche d'ombre dupliquée que nous venons de créer. Appliquez un autre flou gaussien en appuyant sur Commande / Ctrl + Alt + F, mais cette fois-ci utilisez un rayon plus grand.


Étape 58

Voici le résultat.


Image finale

Enfin, nous avons fini de dessiner ce cool communicateur. J'ai également ajouté du texte en utilisant la police Final Frontier. J'espère que vous apprécierez ce tutoriel autant que moi. Vivre longtemps et prospérer.