Comment créer une conception 3D en métal rétro

J'ai initialement développé ce logo Vertigo et en ai rendu une version 3D à l'aide de Cinema 4D. Cependant, pour ce tutoriel, je voulais vraiment trouver un moyen d'obtenir du texte 3D chaud sans utiliser de programme 3D dédié..

La nouvelle version est raisonnablement convaincante et étonnamment facile à reproduire. J'ai pu recréer le logo 3D en utilisant seulement quatre calques et les styles de calque appliqués à chaque calque. Voici certaines des choses que je vais couvrir dans ce tutoriel:

  1. Outil d'extrusion 3D dans Illustrator
  2. Styles de calque dans Photoshop
  3. Modes de calque dans Photoshop
  4. L'outil de fusion dans Illustrator
  5. Texturer pour donner un effet rétro à votre image finale

Partie I - Préparer le logo à recréer en 3D pour Photoshop


Étape 1

Tout d'abord, j'ai ajouté un trait au logo afin que le contour supplémentaire serve de biseau à mon texte 3D une fois que j'ai intégré le projet..



Étape 2

J'ai changé le fond du logo et le contour en blanc. J'ai constaté que lorsque j'applique Extrude et Bevel, le blanc est le meilleur choix pour obtenir des blancs et des noirs nets dans le texte 3D..



Étape 3

J'ai ajusté les paramètres d'extrusion et de biseau. J'ai cliqué sur les options pour obtenir plus de paramètres et ajuster l'intensité de la lumière et la lumière ambiante pour obtenir mes blancs et noirs foncés. La position de la lumière sur votre texte est la clé pour supprimer les zones grises.



Étape 4

Les résultats de l'extrusion 3D dans Illustrator sont maintenant copiés et collés sur un fond rose dans Photoshop. Je me suis heurté à un problème dans l’extrusion 3D, ce qui m’a obligé à remplir la zone sur le V.


Partie II - Ajout de réflexions et de profondeur à l'aide des modes Calque


Étape 5

Je choisis Sélectionner / Gamme de couleurs pour ne choisir que mes zones blanches.



Étape 6

J'ai copié ce calque et sélectionné l'inverse. J'ai supprimé l'inverse de sorte que seules les zones blanches se trouvent sur un calque. Il me reste une copie du logo sur sa couche originale collée, car j'en aurai besoin plus tard dans la commande.



Étape 7

J'ai copié le calque qui porte mon logo blanc et fait une sélection de tout le calque. Ensuite, j'ai contracté la sélection de 10 pixels environ et supprimé l'inverse.



Étape 8

J'ai choisi Édition / Remplir et j'ai rempli mon calque avec 50% de gris pour pouvoir voir la différence entre mes deux calques..



Étape 9

Le blanc extérieur qui se trouve sur sa propre couche servira de biseau extérieur. La zone grise qui se trouve sur un calque au-dessus sera la face de mon texte 3D qui contiendra la majorité de mes réflexions..



Étape 10

J'ai ajouté une superposition de dégradé en cliquant sur le bouton FX situé au bas du panneau des calques..



Étape 11

J'ai choisi ces couleurs pour le moment. Je suis sûr que je les modifierai plus tard. Cela fait partie de la beauté des styles de calque, il sera très facile de mettre à jour à tout moment.



Étape 12

J'ai ajouté un style de calque Satin à mon logo et je l'ai défini sur Color Burn..



Étape 13

J'ai ajouté une ombre intérieure et l'ai placée en superposition.



Étape 14

J'ai copié le calque auquel je viens d'appliquer les styles de calque et supprimé la moitié supérieure du logo.



Étape 15

J'ai choisi une gomme à effacer avec un bord dur et suffisamment large pour que, une fois effacée, elle me donne une belle arche, la largeur de mon texte.



Étape 16

Les résultats de mon effacement ont créé une belle arche découpée qui me servira d’horizon de réflexion..



Étape 17

Ensuite, je suis revenu et j'ai ajusté les couleurs de superposition de dégradé pour ce calque. Je suis passé du brun foncé au jaune puis au blanc. Le contraste est la clé car c’est ce qui aide votre image à vraiment créer du POP.!



Étape 18

Ensuite, je suis retourné dans la face principale du logo et j'ai réajusté ce dégradé pour qu'il ressemble davantage à un horizon..



Étape 19

J'ai cliqué avec le bouton droit sur mes styles de calque et les ai copiés.



Étape 20

J'ai collé les styles de calque de la face principale du logo sur mon calque blanc extérieur qui doit servir de biseau sur le texte 3D.



Étape 21

J'ai ajusté les couleurs du calque dégradé que je viens de coller. En y ajoutant un blanc éclatant. J'ai maintenant un biseau brillant qui POPS vraiment!



Étape 22

Ensuite, je suis retourné à mon original et ai collé le calque d'Illustrator qui contient les zones noires et blanches, puis j'ai collé les styles de calque que j'ai copiés précédemment..



Étape 23

J'ai ajusté les couleurs du calque dégradé pour qu'elles soient très sombres au milieu, de manière à perdre quelques détails.



Étape 24

Pour plus de détails, j’ai fait une sélection près de certains coins clés et j’ai fait un pinceau à la peinture pour créer les bords de mon texte..



Étape 25

L'image ci-dessous montre les résultats de l'obscurcissement de certains de ces bords.



Étape 26

Ci-dessous, la photo complète de mon logo 3D n'ayant utilisé que quatre couches avec des styles de couche et une couche de bords peints à l'aérographe pour les détails..



Étape 27

J'ai choisi un aérographe à plumes et ajouté un peu de lumière blanche au-dessus des taches blanches brillantes des reflets.


Partie III - Création de planètes profilées à l'aide de styles de calque


Étape 28

J'ai rempli un cercle noir sur son propre calque et ajouté un mode de calque d'effets de lueur extérieure réglé sur le violet.



Étape 29

J'ai choisi un très gros pinceau à plumes et ajouté du bleu au centre de mon cercle noir. Cette profondeur supplémentaire ainsi que certains intérêts colorimétriques se cachent derrière le logo Vertigo..



Étape 30

Je voulais expérimenter avec Outer Glow sur son propre calque. J'ai donc cliqué avec le bouton droit sur le style du calque et choisi "Créer un calque".



Étape 31

J'ai fait une sélection de zones aléatoires avec plumes et ajusté la teinte et la saturation (Image> Ajuster> teinte et saturation).



Étape 32

J'ai créé un nouveau calque avec un cercle noir et appliqué une lueur intérieure. J'ai dupliqué ce calque et l'ai placé symétriquement de l'autre côté de mon logo.



Étape 33

Les résultats jusqu'à présent!


Partie IV - Ajouter plus d'éléments vectoriels à la composition et certains effets d'éclairage à l'aide des modes Calque


Étape 34

Dans Illustrator, j'ai dessiné deux lignes et fait un mélange entre elles.



Étape 35

J'ai spécifié le nombre d'étapes en double-cliquant sur l'outil Fusion dans la barre d'outils..



Étape 36

J'ai fait un autre mélange de lignes en utilisant les mêmes étapes et créé une grille.



Étape 37

J'ai appliqué une rotation 3D à ma grille mais pas d'extrusion.



Étape 38

J'ai copié et collé ma grille dans Photoshop et je l'adapte un peu plus pour l'adapter à ma composition.



Étape 39

Le résultat de ma grille mise à l'échelle.



Étape 40

J'ai appliqué un style de calque de superposition de dégradé à ma grille en utilisant du violet et du noir..



Étape 41

J'ai créé un nouveau calque au-dessus de tous mes calques et l'ai rempli de noir. Puis je suis allé dans Filtre> Rendu> Lens Flare pour créer une nouvelle lumière parasite sur mon calque noir.



Étape 42

Je règle le mode Calque sur Ajouter et positionne la lumière parasite comme source de lumière culminant derrière ma plus grande planète et mon logo..



Étape 43

Ensuite, j'ai copié mon calque contenant la lumière parasite et appliqué un flou gaussien pour l'adoucir. Cela a permis à mon mode de calque Ajouter de créer des effets de lumière intéressants. Enfin, j'ai ajusté la teinte et la saturation de la lumière parasite floue.



Étape 44

De retour dans Illustrator, j'ai créé deux cercles et leur ai appliqué un mélange de la même façon que pour les lignes qui composaient ma grille auparavant..



Étape 45

J'ai dessiné un cercle et supprimé les trois quarts du cercle en laissant un arc partiel. Puis j'ai remplacé la spline de mon mélange par l'arc.



Étape 46

Le mélange ressemble maintenant à ceci après avoir remplacé la spline.



Étape 47

J'ai copié et collé le mélange de cercles dans Photoshop et en ai effacé des parties pour disparaître dans ma composition.



Étape 48

J'ai appliqué un style de calque de superposition de dégradé à mon calque mélangé de cercle..



Étape 49

J'ai copié et collé mes calques d'éclairage et mon calque de cercle et inversé horizontalement pour obtenir une composition symétrique. Je suppose que vous pouvez vous arrêter à ce stade et avoir une image lisse comme telle, mais je voulais expérimenter certaines textures pour vraiment lui donner une impression de grain rétro..


Partie V - Ajout d'un grain rétro à votre image

Ces prochaines étapes ne sont pas pour les faibles au cœur. Ils ont besoin de la bravoure d'essayer quelque chose d'un peu différent avec vos œuvres d'art qui sont sans doute finies et qui ont fière allure. Certains aimeront cet effet et d'autres choisiront d'être faits. J'aime y faire référence en ajoutant un effet rétro-grit à votre travail.


Étape 50

J'ai créé une couche de gris à 50% et l'a réglée sur une lumière douce. Vous ne verrez aucun résultat jusqu'à ce que vous passiez à l'étape suivante..



Étape 51

J'ai ajouté du bruit coloré à cette couche.



Étape 52

Parce que j'ai déjà réglé mon calque sur une lumière douce, je peux regarder les résultats de mon bruit pendant que j'essaie de décider de la quantité à ajouter..



Étape 53

J'ai utilisé une texture de marbre. Vous pouvez choisir différentes textures pour cet effet: essayez aussi bien le papier ancien que le béton. Réglez-le pour se multiplier.



Étape 54

J'ai copié ma couche de marbre texturé. Inversé les couleurs (Commande + I). Puis définissez ce calque sur Screen ou Lighten. J'ai ajusté les niveaux. Cela m'a donné des zones usées plus claires sur mes œuvres. Mélangé avec mon autre couche de texturé multiplié. J'ai ajouté une belle sensation rétro usée à mes créations. Vous devrez peut-être ajouter une couche de bronzage et mettre à multiplier si votre texture n'est pas déjà une teinte de bronzage comme ma texture de marbre était.


Conclusion

J'espère que votre texte Retro Metal 3D que vous avez créé utilise un peu d'aide d'Illustrator (j'ai couvert le puissant outil de fusion et l'outil d'extrusion 3D) et le reste de la magie pure de Photoshop! Les styles de calque sont vraiment incroyables. Je les ai utilisés à peu près à chaque étape de cette pièce!
N'oubliez pas non plus que ce sont toutes les fonctionnalités fondamentales de la suite Adobe qui ouvriront vos options de conception à une toute nouvelle dimension. Merci à l'éditeur et au personnel de PSDTUTS de m'avoir donné l'occasion de présenter ce tutoriel.