Une typocomposition en 3D combine des effets textuels impressionnants avec des éléments de design créatifs et élève ta typographie à un tout nouveau niveau. Que tu souhaites créer des looks futuristes, abstraits ou thématiques - avec Photoshop, tu peux créer une typocomposition en 3D personnalisée qui renforce visuellement ton message. Dans ce tutoriel, je vais te montrer étape par étape comment mettre en valeur ta typographie en 3D avec des textures, des effets de lumière et d'autres éléments de design. Laisse-nous commencer et transformer ta typo en une œuvre d'art!
Étape 1:
Tout d'abord, je crée un nouveau document; la taille n'a aucune importance. Je choisis une taille très petite de 800x600 pixels ici. Si tu souhaites imprimer cet effet, la unité doit être modifiée de pixels en cm et la résolution de 72 à 300 pixels/pouce.
Étape 2:
Je crée maintenant un calque de texte avec une lettre. Ensuite, je clique dans le menu sur 3D>Repoussé>Calque de texte.
Étape 3:
Je fais les réglages suivants (pour les matériaux, j'utilise le modèle pour Aucune texture dans Partout):
Étape 4:
Je vais maintenant dans Fenêtre pour ouvrir le panneau 3D et je change la couleur de l'extrusion. Pour cela, je clique sur la couleur grise dans Diffus.
Étape 5:
La couleur est bien ajustée. Je souhaite simplement créer une texture pour la partie avant de la lettre.
Étape 6:
Pour la nouvelle texture, je crée un nouveau document avec une taille de 200 x 1 pixel. Ensuite, je double-clique sur le calque d'arrière-plan et efface le contenu avec la touche Supprimer. Maintenant, je peux créer une sélection qui couvre la moitié du document, la remplir de bleu, sélectionner le tout à nouveau et enregistrer la sélection sous Menu>Modifier>Définir motif.
Étape 7:
La texture est enregistrée, et je crée un nouveau document de 2000x2000 pixels. Ensuite, j'ajoute un nouveau calque que je colore (la couleur importe peu car j'ajuste l'opacité de remplissage à 0%). Ensuite, je vais dans les Options de fusion et j'active mon nouveau motif. Ensuite, j'enregistre la texture sous forme de fichier PSD sur mon disque dur.
Étape 8:
Je retourne maintenant sur mon document et ouvre ma nouvelle texture dans mon Matériau - Face avant gonflée.
Étape 9:
Le résultat est le suivant (les lignes ne me plaisent pas encore totalement, c'est pourquoi je rouvre ma texture une fois de plus).
Étape 10:
Pour pouvoir faire pivoter mon motif, je convertis le calque en Smart-Object. Maintenant, je peux faire tourner le motif, qui a été appliqué comme option de remplissage.
Étape 11:
Je trouve que c'est déjà bien mieux ainsi.
Étape 12:
Étant donné que les lignes sont trop épaisses, je rouvre la texture une fois de plus, je vais dans mon Smart Object et je redimensionne ensuite la superposition de motif.
Étape 13:
Pour rendre l'arrière-plan plus spectaculaire, j'ajoute un dégradé à l'arrière-plan.
Étape 14:
En même temps, je donne également une teinte bleue à mon Bord aplati. Le résultat est alors le suivant:
Étape 15:
Pour mieux voir les sources lumineuses, je les fais apparaître en bas dans le Panneau 3D.
Étape 16:
En plus, je colore l'arrière-plan en gris pour mieux voir les faisceaux lumineux blancs. Je change le Type de lumière de ma première lumière de Directionnelle à Spot.
Étape 17:
Maintenant, je déplace la lumière et je vois immédiatement comment mon objet réagit en conséquence.
Étape 18:
J'adapte également la prochaine source lumineuse en Spot et j'augmente l'Intensité de la lumière à 1.
Étape 19:
Comme le rendu de l'objet entier peut être très long, je peux également faire une sélection puis aller dans le Menu Options du Panneau 3D et choisir Sélectionner pour le rendu progressif.
Étape 20:
Le résultat est très bon. Je peux également faire rendre tout mon objet en cliquant en haut dans le Panneau 3D sur la scène, puis choisir Qualité entre Raytracing - Brouillon ou Raytracing - final (le plus long). Astuce: Si je dois encore modifier quelque chose sur l'objet, il est impératif de revenir aux réglages Interactif (Peindre), sinon l'ordinateur rend tout à nouveau immédiatement et on doit attendre longtemps.
Étape 21:
Après avoir terminé la première lettre, je crée la suivante avec les mêmes paramètres et la même méthodologie. À nouveau, je charge la texture préalablement enregistrée.
Étape 22:
Comme les lignes sont trop larges, je peux les retoucher directement dans la texture ou simplement aller dans Diffus puis dans Modifier les propriétés.
Étape 23:
Si j'augmente la valeur de U-échelle, mes lignes deviennent plus petites. Cependant, parfois les lignes sont cassées de manière étrange, probablement un bug dans Photoshop ou un problème de pilote de carte graphique d'affichage.
Étape 24:
Après avoir rendu la scène, mon lettre S ressemble à ceci:
Étape 25:
Ici également, je déplace toutes les sources lumineuses et j'en transforme certaines en Spot. Je peux même cliquer sur la Neu-Symbol pour créer davantage de sources lumineuses.
Étape 26:
Comme les lignes sont trop larges, je vais dans la texture, puis dans l'Objet intelligent et ensuite dans la Superposition de motifs, où je réduis légèrement la taille. Cependant, une double ligne étrange apparaît dans la lettre S; c'est pourquoi je retourne dans les Propriétés de texture pour ajuster un peu la valeur de l'échelle U jusqu'à ce que cela convienne.
Étape 27:
Ensuite, je crée la dernière lettre. Je la place dans la hiérarchie des calques sous la lettre S.
Étape 28:
Pour ma lettre d, j'ai imaginé quelque chose de spécial: La lettre doit recevoir un motif floral. Pour cela, je télécharge un pinceau floral depuis PSD-Tutorials.de, je l'insère dans un document de 2000x2000 pixels avec un fond transparent et l'enregistre en tant que fichier PSD.
Étape 29:
Sous les propriétés de texture, je déplace le motif en conséquence.
Étape 30:
Donc, ajustons à nouveau la lumière, et alors ma lettre n'a pas l'air mal du tout:
Étape 31:
Ensuite, je crée un nouveau calque et j'ajoute quelques petits éléments avec une couleur blanche à l'aide de mon pinceau floral.
Étape 32:
Il est maintenant temps de créer un arrière-plan élégant. Je prends l'outil Formes personnalisées et j'importe la forme suivante fournie par défaut avec Photoshop (si elle n'apparaît pas, appuyez simplement sur la petite flèche en haut à droite pour charger la bibliothèque).
Étape 33:
Après avoir déployé la forme, je réduis légèrement l'opacité, j'ajoute un masque de calque et le remplis avec un dégradé radial noir et blanc.
Étape 34:
Je peux encore optimiser les rayures en réduisant par exemple l'opacité de remplissage, puis dans les options de remplissage j'ajoute une légère avec une couleur blanche. Ensuite, je tire un joli dégradé radial bleu foncé sur bleu.
Étape 35:
Pour intensifier la luminosité au centre, je peux ajuster le dégradé en conséquence, ou je le modifie simplement avec un pinceau très doux et grand. J'abaisse ensuite légèrement l'opacité du calque.
Étape 36:
Les traits floraux sont un peu trop dominants. C'est pourquoi je vais les recréer, cette fois-ci avec un pinceau encore plus petit. Le résultat sera le suivant:
Étape 37:
Avec un calque d'ajustement Teinte/Saturation, je peux rapidement changer la couleur de l'arrière-plan:
Étape 38:
Si je préfère changer la couleur des lettres au lieu de l'arrière-plan, je peux également accéder aux modes de remplissage d'une seule lettre et y régler une superposition de couleur avec la méthode de remplissage Couleur. Ensuite, je copie l'effet de calque en maintenant la touche Alt enfoncée pour chaque lettre suivante.
Étape 39:
Il est plus simple d'avoir mes lettres dans un dossier de groupe, puis d'ajouter un calque d'ajustement Teinte/Saturation dessus. Et - très important: je change la méthode de remplissage de mon dossier de groupe de Passer au travers à Normal. Ainsi, le calque d'ajustement ne s'applique qu'au contenu du dossier.
Étape 40:
Petite astuce pour terminer l'atelier: je duplique mes lettres 3D et je rasterise ma copie avec le bouton droit de la souris.
Étape 41:
À présent, j'ai plusieurs options: soit je rends toute la lettre blanche, soit j'applique simplement une superposition de couleur en blanc. Ensuite, j'ajoute un masque, et je peux améliorer moi-même certains reflets avec un pinceau doux, par exemple. Dans mon cas, j'ai renforcé la lumière sur la partie supérieure de la lettre "d" et j'ai assombri les ombres avec un autre calque d'incrustation de couleur en noir.
Étape 42:
Après cela, voici à quoi ressemble mon résultat:
J'espère avoir donné de nombreux conseils sur la manipulation du 3D dans Photoshop. Comme on peut le voir, ce n'est pas si difficile.
