Texte 3D Photoshop

Publié le
17 Mars 2014
par zahran sous Tuto Photoshop | 0 Commentaires

Texte 3d photoshop

Bien que la fonction première de photoshop ne soit pas la gestion des caractères, il propose des fonctions et des outils typographiques très intéressants et sophistiqués pour créer des titres ou des effets spéciaux sur du texte : texte 3d photoshop.

La plupart d'entre vous connaissent probablement les lettres impressionnantes qui ont été générés avec les programmes 3D. Mais lorsque vous n'avez pas de programme particulier et vous avez besoin de faire la typographie 3D? Ce tutoriel va vous montrer comment créer un texte 3d photoshop et lui donner un aspect de métal de haute qualité.


Texte 3d photoshop | Etape 1 :

Pour Créer un texte 3d photoshop, Commençons par un nouveau document de 1500 pixels par 1500 pixels, et une résolution de 300px/inch. Créez un nouveau calque, nommez-le "TUTO DESIGN first". Ensuite, prenez l'outil Texte (T) et tapez des grandes lettres de votre texte souhaité, dans mon cas, il est écrit "TUTO DESIGN". Aussi, ne vous inquiétez pas si votre texte est hors de la toile, il doit être très grand. Parce que nous allons pixeliser cette couche et le déformer à l'étape suivante.

texte 3d photoshop

Texte 3d photoshop | Etape 2 :

Maintenant, faites un clic droit sur ??le calque "TUTO DESIGN first" et sélectionnez Pixelliser le texte/Rasterize type. Ensuite, utilisez Edition/Edit> Transformation/Transfrom> Torsion/Distort et créer une belle perspective à notre texte en faisant glisser les coins. Assurez-vous que votre texte est beaucoup plus petit. De cette façon, vous ne perdrez pas la qualité et le texte ne sera pas devenir flou.

Astuce: Si vous ne parvenez pas par des effets de distorsion, et certains bords du texte sont floue, utilisez Filtre/Filter> Renforcement/Sharpen> Plus net/Unsharp Mask, et augmenter le montant.

texte 3d photoshop

Texte 3d photoshop | Etape 3 :

Maintenant que le texte est beaucoup plus petit et a une belle perspective, Dupliquer le calque (Commande + J) de ce texte et nommez-le "TUTO DESIGN last." Passer à Outil Déplacement et utiliser les flèches du clavier pour positionner le calque "TUTO DESIGN last" un peu au-dessus du calque "TUTO DESIGN first". Dans mon cas, c'était 16 pixels vers le haut et 2 pixels à droite.

texte 3d photoshop

Texte 3d photoshop | Etape 4 :

Créer des doublons de calques (Commande + J) des deux calques de texte et positionner les comme vous le voyez dans l'image ci-dessous. Assurez-vous que vous avez le même ordre comme le montre, c'est important!

texte 3d photoshop

Texte 3d photoshop | Etape 5 :

Maintenant désactiver les calques "TUTO DESIGN first" et "TUTO DESIGN last". Sélectionnez le calque "TUTO DESIGN first copy" et faites environ 60 copies (Commande + J). Maintenant, sélectionnez "TUTO DESIGN last copy", aller vers le bas de palette Calques, maintenez la touche Maj et clic gauche sur le premier calque "TUTO DESIGN first copy" ce qui devrait sélectionner toutes les 60 calques. Ensuite, Un clic droit sur ces calques et sélectionner Lier les calques /Link layers.

texte 3d photoshop texte 3d photoshop

Texte 3d photoshop | Etape 6 :

Mettez vous à l'Outil Déplacement (V), sélectionnez le calque "TUTO DESIGN last copy". Aller à la barre d'outils supérieure de l'outil de déplacement. Cliquez sur Répartir les centres verticaux/Distribute Vertical Centers et Répartir les centres/Distribute Horizontal Centers. Ensuite, notez que nos lettres étaient parfaitement distribués en créant une forme 3D agréable. Ensuite, sélectionnez tous les calques liés et fusionner (Commande + E). Nommez ce calque "TUTO DESIGN merged".

texte 3d photoshop

Texte 3d photoshop | Etape 7 :

Aller à la palette Calques, activez "TUTO DESIGN last" et ouvrez Options de fusion/Blending Options de ce calque. Appliquer une Incrustation en dégradé /Gradient Overlay de #1a3236 à #cffffb. Comme pour le réglage de l'angle, essayer de faire un gradient aspect plus sombre sur le haut des lettres, et plus léger sur le fond.

texte 3d photoshop

Texte 3d photoshop | Etape 8 :

Dans la palette Calques sélectionner "TUTO DESIGN merged," désactiver, puis maintenez la touche Alt et clic gauche sur la vignette de ce calque pour charger la sélection. Faites un nouveau calque, nommez-le "TUTO DESIGN colored" et le remplissez-le avec #a6e6fe. Désélectionner (Commande + D).

texte 3d photoshop texte 3d photoshop

Texte 3d photoshop | Etape 9 :

Maintenant, allez au Options de fusion du calque "TUTO DESIGN colored". Sélectionnez Incrustation en dégradé/Gradient Overlay. Assurez-vous que vous sélectionnez la deuxième présélection dans l'Editeur de dégradé, qui est de premier plan au transparent, et puis définissez les valeurs de couleur à partir de : #000000, #4a4747, #ffffff, #262626, #ffffff et #000000. Ensuite, en fonction de la direction de votre texte, l'angle sera différent. Donc, dans mon cas, j'ai mis l'angle à 123, et comme vous pouvez le voir le gradient passe par le centre de l'ensemble du texte. Ce sera donc notre éclairage.

texte 3d photoshop

Texte 3d photoshop | Etape 10 :

Maintenant, allez au bas de la palette Calques, sélectionnez et activez le calque "TUTO DESIGN first", renommez le en "Bottom shadow 1." Faites une copie de celui-ci (Commande + J), le nom de cette copie "Bottom shadow 2." Maintenant, appliquez Filtre/Filter> Flou/Blur> Flou gaussien /Gaussian Blur au calque "Bottom shadow 2", avec un rayon de 3 pixels.

texte 3d photoshop

Texte 3d photoshop | Etape 11 :

Passez à l'outil Déplacement (V), et en appuyant sur les flèches du clavier déplacer cette ombre floue 5 pixels vers la gauche. Vous devez créer une illusion que les lignes de texte baissent plus d'ombres à l'intérieur. Donc nous n'avons pas besoin de certaines parties en dehors de cette ombre. Prenez l'outil Pinceau (B) et brosser doucement les bords de l'ombre.

texte 3d photoshop

Texte 3d photoshop | Etape 12 :

Maintenant appliquez Filtre/Filter > Atténuation/Blur> Flou gaussien /Gaussian Blur au calque "Bottom shadow 1". Définir le rayon un peu plus petite, comme 2 pixel. Ensuite, passer à l'outil Déplacement (V), et en appuyant sur les flèches du clavier, positionnez cette ombre 2 pixels vers le bas, et 2 pixels vers la droite. Laissez-le couvrire tout l'espace sous les lettres, et n'oubliez pas de garder les bords de l'ombre très mince.

Texte 3d photoshop | Etape 13 :

Aller à la palette Calques, maintenez la commande, faites un clic gauche sur les calques "TUTO DESIGN last», «Shadows» et «TUTO DESIDN colored". Maintenant que vous les avez sélectionné, faites glisser ces calques sur l'icône Créer un nouveau calque. Ensuite, fusionner ces copies (Commande + E) et nommez ce calque "Reflection". Placez-le au-dessus de toutes les calques et désactiver-le (il est important de le désactiver, il ne faut pas sauter cette étape).

Texte 3d photoshop | Etape 14 :

Maintenant, supprimer le calque "background", nous ne sommes plus besoin. Allez dans Image> Fusionner les calques visibles/Merge visibles, nommez ce calque fusionné "TEXT". Positionner au-dessus du calque "Reflection". Comme vous pouvez le voir, nous avons deux calques similaires avec une petite différence, le calque "TEXT" a une ombre, et "Reflection" n'a pas d'ombre. Nous travaillerons maintenant avec le calque "TEXT" pour laisser le calque "Reflection" invisible.

OK, nous allons donner à ces lettres une qualité supérieure. Sélectionnez le calque "TEXT", dupliquer (Commande + J), et ce devrait être automatiquement nommé "TEXT copy" laisser le de cette façon. puis changer la "TEXT copy" en Mode de fusion du calque sur Incrustation et Opacité à 63%. Ensuite, allez dans Edition/Edit> Réglages/Adjustments > Gradient Map/Courbe de transfert de dégradés, et sélectionnez de noir à Blanc.

texte 3d photoshop

Texte 3d photoshop | Etape 15 :

Ensuite, faire un autre duplicate (Commande + J) du calque "TEXT", et placer au-dessus de toutes les calques. Nommez-le "Sharp edges" et changer son Mode de fusion à Lumière crue/Hard Light. Ensuite, allez dans Filtre/Filter > Divers/Other > Passe-haut /High Pass, définir le rayon de 1 ou 2 pixels. Baisser l'opacité de ce calque autour de 60-70%.

texte 3d photoshop

Texte 3d photoshop | Etape 16 :

Créez un nouveau calque en dessous de toutes les calques, nommez-le "Surface", appuyez sur D sur le clavier pour définir les couleurs par défaut. Prenez l'outil Dégradé (G) et créer un gradient, à travers toute l'image, de haut en bas. Vous pouvez commencer à l'extérieur de la toile.

Ensuite, allez dans Edition/Edit> Transformation/Transform > Torsion/Distort, et donner à cette surface une touche de perspective. Il n'a pas à être parfait. Parce que quand vous allez terminé, sélectionnez l'outil de recadrage (C), et recadrer l'image pour se débarrasser des bords de surface.

texte 3d photoshop

Texte 3d photoshop | Etape 17 :

Ensuite, allez dans le bas de la palette Calques, et créer un nouveau calque au-dessus du calque "Surface", puis nommez-le "Glass". Prenez l'outil Pot de peinture (G), remplir ce calque avec la couleur #3f3f3f. Ensuite, appliquez Filtre/Filter > Bruit/Noise > Ajout de bruit/Add Noise, fixé le montant à 28%, distribution gaussienne.

texte 3d photoshop

Texte 3d photoshop | Etape 18 :

Maintenant, sélectionnez Filtre/Filter> Atténuation/Blur > Flou directionnel/Motion Blur, régler l 'angle à -90, et la distance à 144 pixels. Changez le mode de fusion de ce calque sur Recouvrement, et réglez l'opacité à 50%. Prenez l'outil Pinceau (B), puis avec une très belle brosse douce Dureté de 0% et de débit d'environ 20%, commencer à effacer des taches de ce bruit floue. Effacer Suivant endroits dans le texte pour obtenir un peu de la profondeur vitreux de la surface.

texte 3d photoshop

Texte 3d photoshop | Etape 19 :

En fin de compte, j'ai décidé de coloriser cette image. Si vous souhaitez obtenir le même effet de la couleur finale, aller à la palette Calques et ajouter un calque de réglage/Adjustements sur le dessus de toutes les calques. Choisissez Teinte/Saturation Hue/Saturation. Assurez-vous que vous avez la possibilité Colorier vérifié. Ensuite, réglez la teinte à 201, et la saturation à 17.

Ensuite, sélectionnez le calque "Reflection", activez-le. Baisser l'opacité à 20-30%, passer à l'outil Déplacement (V), et en appuyant sur les flèches du clavier, positionnez-le de quelques pixels vers le bas pour faire une belle réflexion. Ensuite, vous pouvez appliquer un masque de calque et doucement effacer une partie du fond de la réflexion.

texte 3d photoshop

C'est à peu près tout, voici notre qualité de texte 3D photoshop. Si vous voulez ajouter du texte à plat pour cette image, assurez-vous qu'il va vers le point de vue. Aussi, essayez de découvrir votre propre utilisation de cette typographie 3D en expérimentant avec des couleurs et des lumières. Vous pouvez obtenir de nombreux frais, différents résultats.

Merci d'avoir lu ce tutoriel de Texte 3d photoshop, j'ai vraiment apprécié le faire. J'espère que vous avez appris.

Laisser un commentaire