La plupart d'entre vous connaissent probablement ces lettres géniales générées avec des programmes 3D. Mais qu'en est-il lorsque vous n'avez pas de programme particulier et que vous avez besoin de faire de la typographie 3D? Ce tutoriel va vous montrer comment créer la forme de texte 3D et lui donner un aspect métallique de haute qualité en utilisant Photoshop pur. Vérifiez-le!
Note de l'éditeur: Ce tutoriel a été publié sur Psdtuts en décembre 2008..
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 "3D TEXT_first". Ensuite, prenez l'outil Texte (T) et tapez les grandes lettres du texte de votre choix. Dans mon cas, il est écrit: TEXTE 3D. Aussi, ne vous inquiétez pas si votre texte sort de la toile, il doit être très gros. Parce que nous allons rasteriser cette couche et la déformer à l'étape suivante.
Alors maintenant, faites un clic droit sur le calque "3D TEXT_first" et sélectionnez Type raster. Utilisez ensuite Edition> Transformer> Déformer et créez une belle perspective pour notre texte en faisant glisser les coins. Assurez-vous que votre texte est beaucoup plus petit. De cette façon, vous ne perdrez pas sa qualité et le texte ne sera pas flou..
Conseil: Si vous échouez en déformant et que certaines bordures de texte semblent floues, utilisez Filtre> Netteté> Masque flou, puis augmentez la valeur Quantité..
Maintenant que le texte est beaucoup plus petit et présente une belle perspective, créez un duplicata (Commande + J) de ce calque de texte et nommez-le "3D TEXT_last". Basculez sur l’outil de déplacement (V) et utilisez les flèches du clavier pour positionner le calque "3D TEXT_last" un peu au-dessus du calque "3D TEXT_first". Dans mon cas, c'était 16 pixels en haut et 2 pixels à droite.
Créez des doublons (Commande + J) des deux calques de texte et positionnez-les comme vous le voyez dans l'image ci-dessous. Assurez-vous que vous avez exactement le même ordre que celui indiqué, car il est important!
Désactivez maintenant les calques "3D TEXT_first" et "3D TEXT_last". Sélectionnez le calque "3D TEXT_first copy" et effectuez environ 60 copies (Commande + J). Maintenant, sélectionnez "3D TEXT_last copy", allez jusqu'au bas de la palette des calques, maintenez la touche Maj enfoncée et cliquez avec le bouton gauche sur le premier calque "3D TEXT_first copy" - vous devez sélectionner les 60 calques. Cliquez ensuite sur ces couches avec le bouton droit de la souris et sélectionnez Lier les couches.
Basculez sur l’outil de déplacement (V), sélectionnez le calque "3D TEXT_last copy". Accédez à la barre d'outils supérieure de l'outil de déplacement. Cliquez sur Distribuer les centres verticaux et Distribuer les centres horizontaux. Remarquez ensuite que nos lettres étaient parfaitement distribuées, créant une belle forme 3D. Ensuite, sélectionnez tous les calques liés et fusionnez (Commande + E). Nommez ce calque "3D TEXT_merged".
Allez dans la palette des calques, activez "3D TEXT_last" et ouvrez les options de fusion de ce calque. Appliquez une superposition de dégradé de # 1a3236 à #cffffb. En ce qui concerne le réglage de l'angle, essayez de rendre ce dégradé plus sombre en haut des lettres et plus clair en bas..
Dans la palette Calques, sélectionnez "3D TEXT_merged", désactivez-le, maintenez la touche Alt enfoncée et cliquez sur la vignette de ce calque pour charger la sélection. Créez un nouveau calque, nommez-le "3D TEXT_colored" et remplissez-le avec # a6e6fe. Désélectionner (Commande + D).
Passez maintenant aux options de fusion de la couche "3D TEXT_colored". Sélectionnez Superposition de dégradé. Assurez-vous de sélectionner le deuxième paramètre prédéfini dans l'éditeur de dégradé, c'est-à-dire que l'avant-plan est transparent, puis définissez les valeurs de couleur à partir de: # 000000, # 4a4747, #ffffff, # 262626, #ffffff et # 000000. Ensuite, en fonction de la direction que prend votre texte, l'angle sera différent. Donc, dans mon cas, je règle Angle sur 123 et, comme vous pouvez le constater, le dégradé traverse le centre du texte. Donc ce sera notre éclairage.
Certaines taches et le haut des lettres semblent trop brillants, il est donc nécessaire de créer une touche d’ombre aux endroits indiqués ci-dessous. Alors maintenez la touche Alt enfoncée, cliquez sur le calque "3D TEXT_colored" pour charger sa sélection, puis créez un nouveau calque au-dessus du calque "3D TEXT_colored" et nommez-le "Ombres". Définissez votre couleur de premier plan sur # 1a3236 ou plus foncé, puis saisissez l'outil Pinceau (B), réglez le flux sur 30%, la dureté sur 0% et peignez. Puis désélectionnez (Commande + D) une fois que vous avez terminé.
Maintenant, commençons à donner à ce texte un aspect de qualité. Accédez à la palette des calques, maintenez la touche Alt enfoncée et cliquez avec le bouton gauche de la souris sur la vignette du calque "3D TEXT last" pour charger sa sélection. Créez ensuite un nouveau calque au-dessus de tous les calques, nommez-le "Lignes brillantes". Saisissez l'outil Rectangle de sélection (M), faites un clic droit sur votre image et sélectionnez "Contour". Définissez Largeur sur 1 pixel, Couleur sur blanc et Emplacement au centre. Prenez une belle grosse brosse avec une dureté de 0% et un écoulement d'environ 30%. Puis effacez tout sauf les endroits indiqués par des flèches. Ces flèches indiquent des lumières et ces bords pointus ont besoin d'un peu de brillance. Alors, assurez-vous de les laisser intacts.
Une fois l’effacement terminé, créez une copie du calque "Lignes brillantes", diminuez son opacité d’une simple pression et fusionnez (Commande + E) ces deux calques. Vous pouvez basculer un instant sur un fond noir pour voir si vous avez bien effacé l’effacement, sinon apportez des corrections supplémentaires. Vous devriez obtenir quelque chose qui ressemble à l'image ci-dessous.
Allez maintenant au bas de la palette des calques, sélectionnez et activez le calque "Texte en premier", renommez-le en "Ombre inférieure 1". Faites-en une copie (Commande + J), nommez cette copie "Ombre inférieure 2." Appliquez maintenant Filtre> Flou> Flou gaussien au calque "Ombre inférieure 2", avec un rayon de 3 pixels..
Basculez sur l’outil de déplacement (V) et, en appuyant sur les flèches du clavier, déplacez cette ombre floue de 5 pixels vers la gauche. Vous devez créer l'illusion que les lignes de texte courbes créent plus d'ombres à l'intérieur. Nous n’avons donc pas besoin de certaines parties extérieures de cette ombre. Saisissez l'outil Pinceau (B) et balayez doucement les parties de l'ombre illustrée ci-dessous. Ne soyez pas trop pointilleux, il n’est pas nécessaire de faire un effacement précis. Ce n'est pas grave si vous laissez des bords ombrés gris, comme dans la deuxième image ci-dessous..
Revenez maintenant en arrière et appliquez Filtre> Bleu> Flou gaussien au calque "Ombre inférieure 1". Réglez le rayon juste un peu plus petit, comme 2 pixels. Ensuite, passez à l’outil Déplacement (V) et, en appuyant sur les flèches du clavier, positionnez cette ombre de 2 pixels vers le bas et de 2 pixels à droite. Laissez-le couvrir tout l’espace sous les lettres et n’oubliez pas de garder les bords de l’ombre très fins.
Génial, nous avons rendu notre texte vraiment remarquable. Ensuite, accédez à la palette des calques, maintenez la touche Commande enfoncée, cliquez sur les couches "Lignes brillantes", "3D TEXT_last", "Ombres" et "3D TEXT_colored". Maintenant que vous les avez sélectionnés, faites glisser ces calques sur l'icône Créer un nouveau calque. Ensuite, fusionnez ces copies (Commande + E) et nommez ce calque "Reflection". Placez-le au-dessus de tous les calques et désactivez-le (il est important de l'éteindre, ne sautez pas cette étape).
Désactivez maintenant le calque "background", ou même supprimez-le, nous n'en avons plus besoin. Allez à Image> Fusionner le visible, nommez ce calque fusionné "TEXTE". Placez-le au-dessus du calque "Réflexion". Comme vous pouvez le constater, nous avons deux calques similaires avec une petite différence, le calque "TEXT" a une ombre portée et "Reflection" n'a pas d'ombre. Nous allons maintenant travailler avec le calque "TEXT", alors laissez le calque "Réflexion" rester invisible.
OK, donnons à ces lettres un aspect de meilleure qualité. Sélectionnez le calque "TEXT", dupliquez-le (Commande + J) et appelez-le automatiquement "Copie TEXT", laissez-le ainsi. ensuite
changez le mode de fusion "Calque copie" du calque en superposition et l'opacité à 63%. Ensuite, allez dans Edition> Réglages> Carte de dégradé, puis sélectionnez le préréglage Noir à blanc.
Créez ensuite une autre copie (Commande + J) du calque "TEXT" et placez-le au-dessus de tous les calques. Nommez-le "contours nets" et changez le mode de fusion en lumière dure. Ensuite, sélectionnez Filtre> Autre> Passe-haut, définissez le rayon sur 1 ou 2 pixels. Réduisez l'opacité de ce calque d'environ 60 à 70%.
Créez un nouveau calque sous tous les calques, nommez-le "Surface", appuyez sur la touche D du clavier pour définir les couleurs par défaut. Saisissez l'outil Dégradé (G) et créez un large dégradé dans toute l'image, de haut en bas. Vous pouvez le démarrer en dehors de la toile. Ensuite, sélectionnez Edition> Transformer> Déformer et donnez à cette surface une touche de perspective. Il n'est pas nécessaire que ce soit parfait. Parce que lorsque vous avez terminé, sélectionnez l'outil Recadrer (C), et recadrez bien l'image pour éliminer les contours de la surface..
En regardant cette image, j’ai pensé que le texte était un peu trop clair pour moi. J’ai ensuite sélectionné le calque "TEXT" et appliqué Image> Réglages> Luminosité / Contraste. J'ai baissé le contraste jusqu'au bout.
Ensuite, allez tout en bas de la palette des calques et créez un nouveau calque au-dessus du calque "Surface", puis nommez-le "Verre". Prenez l'outil Pot de peinture (G), remplissez ce calque avec la couleur # 3f3f3f. Appliquez ensuite Filtre> Bruit> Ajouter du bruit, définissez le montant sur 28%, la répartition sur Gaussien et laissez l'option Monochromatique cochée..
Sélectionnez maintenant Filtre> Flou> Flou de mouvement, réglez Angle sur -90 et Distance sur 144 pixels. Changez le mode de fusion de ce calque en superposition et définissez l'opacité sur 50%. Saisissez l'outil Pinceau (B), puis avec une très belle brosse douce de dureté 0% et de débit d'environ 20%, commencez à effacer quelques taches de ce bruit flou. Ensuite, effacez des endroits autour du texte pour obtenir un peu de la profondeur vitreuse de la surface.
En fin de compte, j'ai décidé de coloriser toute cette image. Si vous souhaitez obtenir le même effet de couleur finale, accédez à la palette Calques et ajoutez un calque de réglage au-dessus de tous les calques. Choisissez Teinte / Saturation. Assurez-vous que l'option Coloriser est cochée. Ensuite, réglez Hue sur 201 et Saturation sur 17..
Ensuite, sélectionnez le calque "Reflection", activez-le. Réduisez son opacité à 20-30%, passez à l’outil Déplacement (V) et, en appuyant sur les flèches du clavier, positionnez-le de quelques pixels vers le bas pour obtenir un reflet agréable. Ensuite, vous pouvez appliquer un masque de calque et effacer doucement une partie du fond de réflexion..
Voilà à peu près tout, voici notre texte en 3D de qualité, créé simplement dans Photoshop. Si vous souhaitez ajouter du texte plat à cette image, assurez-vous qu'elle se dirige vers la perspective. Essayez également de découvrir votre propre utilisation de cette typographie 3D en expérimentant les couleurs et les lumières. Vous pouvez obtenir de nombreux résultats intéressants et variés.
Merci d'avoir lu le tutoriel, j'ai vraiment apprécié le faire. J'espère que vous avez appris quelque chose de nouveau. Vous pouvez voir l'image finale ci-dessous ou voir une version plus grande ici.
Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.