Créer un effet de texte 3D éclatant avec Filter Forge et Photoshop

Ce que vous allez créer

Dans ce didacticiel, nous allons vous montrer comment combiner Photoshop avec Filter Forge pour créer un effet de texte 3D éclatant. Nous allons commencer par vous montrer comment créer des formes de base dans Photoshop, puis comment les convertir en 3D et, enfin, comment ajouter les touches finales à l'aide de Filter Forge et de quelques fonctionnalités de base de Photoshop. Commençons!

Atouts du tutoriel

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

  • Police Sanchez.
  • UKIJ Kufi Yay police.
  • Texture de brique - 44 par AGF81.
  • Correction des couleurs 3 voies par tinkerpixel.

Téléchargement de Filter Forge et du filtre utilisé

Tout d’abord, vous devez télécharger Filter Forge depuis le site Web du plugin. Une fois que vous l'avez téléchargé, lancez le fichier .exe, et c'est tout! Il sera ajouté dans Photoshop sous le menu Filtre. Super facile à installer.

Pour ajouter le filtre, cliquez sur son lien dans la section "Objets du didacticiel", puis sur le bouton "Ouvrir ce filtre dans Filter Forge" pour installer le filtre. Si vous recevez un message vous demandant de confirmer, cliquez simplement sur Oui ou sur OK. Le filtre sera ensuite ajouté aux autres filtres que vous avez.

1. Créez le texte et les variantes de forme de base

Étape 1

Créez un nouveau document 1280 x 1024 px et remplissez le Contexte avec la couleur # a1a1a1. Ensuite, créez le texte en utilisant la police Sanchez. La couleur est # e6e6e6, et le Taille est 335 pt.

Étape 2

Aller à Type> Convertir en forme.

Étape 3

Dupliquez le calque de forme, puis sélectionnez le Outil de sélection directe. Cela montrera le Attributs de forme dans la barre des options. À partir de là, définissez le Remplir sur Aucun, et remplacez la couleur de trait par # 959595 et son Taille à 3 pt.

Étape 4

Ouvrez le Options de course boîte, et choisissez Centre du Aligner: menu déroulant.

Étape 5

Dupliquez le calque de forme de copie (celui qui a le trait), changez la couleur de trait en # 464646, puis ouvrez le Options de course à nouveau, puis cliquez sur le bouton Plus d'options bouton.

Étape 6

Met le Aligner à l'intérieur, le Casquettes Arrondir, cliquez sur le DLigne effilée boîte, et définir le premier Tiret valeur à 0 et le premier Écart valeur à 25.

Cela créera un trait en pointillé simple, avec de grands écarts entre les deux. Vous pouvez essayer différentes valeurs pour le Écart si tu veux.

2. Créer le chemin à l'intérieur du texte

Étape 1

Créez un nouveau calque au-dessus de tous les calques et appelez-le. Chemin. Choisissez le Outil stylo, et choisissez le Chemin option dans la barre des options. Nous allons créer un chemin à partir d'un bord du document, le faire passer à travers le texte, puis le terminer à un autre bord.

Cliquez une fois pour ajouter des points d'ancrage.

Étape 2

Cliquez et faites glisser pour créer des courbes. Le chemin n'a pas besoin d'être parfait, car nous le modifierons quand même..

Étape 3

Essayez de ne pas créer trop de courbes dans et hors du texte. Un couple devrait être suffisant.

Étape 4

Choisissez le Outil de sélection directe, puis cliquez sur les points d'ancrage pour les déplacer, ou vous pouvez cliquer sur le Points de direction à la fin des deux Poignées de direction, déplacez-les ensuite pour modifier l'orientation de la courbe ou faites-les glisser vers l'intérieur ou vers l'arrière pour agrandir ou réduire la courbe.

Étape 5

Assurez-vous simplement que les courbes s'écoulent sans à-coups.

3. Stroke et recréer le chemin

Étape 1

Choisissez le Outil Pinceau et ouvrez le Panneau de brosse (Fenêtre> Pinceau). Choisissez une brosse dure et ronde, définissez sa Taille à 10 px, et ses Espacement à 1%.

Étape 2

Choisissez le Outil de sélection directe, faites un clic droit sur le chemin et choisissez Chemin de course.

Étape 3

Choisir Brosse du Outil menu déroulant, et assurez-vous que le Simuler la pression la case n'est pas cochée, puis cliquez sur OK. Cela va tracer le chemin avec le pinceau 10 px. Frappé le ENTRER / RETOUR clé pour se débarrasser du chemin de travail.

Étape 4

CTRL / CMD + Clic la Chemin la vignette du calque pour créer une sélection.

Étape 5

Ouvrez le Les chemins panneau (Fenêtre> Chemins), maintenez la touche enfoncée ALT / OPTION clé, puis cliquez sur le Faire un chemin de travail de la sélection icône vers le bas Les chemins panneau. Des valeurs plus petites créent des chemins plus précis, mais dans ce cas, une très petite valeur créera des bords irréguliers. La valeur 1 fonctionne bien ici. Mais vous pouvez aller de l'avant et essayer d'autres valeurs si nécessaire.

Étape 6

Faire le Chemin couche invisible en cliquant sur l'icône en forme d'œil à côté.

Étape 7

Vous devrez peut-être modifier certaines parties du chemin à l’aide de la touche Outil de sélection directe. En outre, vous pourriez obtenir des angles vifs. Pour les réparer, utilisez le Point de conversion Outil pour cliquer et faire glisser ces points, ce qui les convertira en points courbes au lieu de points nets.

Étape 8

Maintenant, cela aurait pu être fait en utilisant uniquement le Outil stylo, mais pour les débutants, ou ceux qui trouveraient peut-être un peu difficile d'utiliser l'outil Plume pour créer la forme parfaite, il s'agit d'un moyen beaucoup plus simple et plus précis..

4. Convertir les calques de forme en calques 3D

Étape 1

En commençant par le chemin modifié, allez à 3D> Nouvelle extrusion 3D à partir du chemin sélectionné.

Étape 2

Répétez l'opération pour tous les calques de forme.

Étape 3

Pour accéder aux paramètres et aux propriétés du maillage 3D, vous devez ouvrir deux panneaux: 3D panneau, et le Propriétés panneau (tous deux trouvés sous le La fenêtre menu).

le 3D Le panneau contient tous les composants de la scène 3D. Lorsque vous cliquez sur le nom d’un de ceux-ci, vous pourrez accéder à ses paramètres dans le menu contextuel. Propriétés panneau. Veillez donc à toujours sélectionner le nom de l’élément que vous souhaitez modifier dans le menu déroulant. 3D panneau avant de modifier ses paramètres dans le Propriétés panneau.

Sélectionnez le Chemin calque, puis sélectionnez l’onglet Nom du maillage 3D dans 3D panneau. Choisir la Gonflement de l'oreiller préréglé à partir du Sélecteur d'extrusion de préréglage de forme.

Étape 4

Clique le Casquette icône en haut de la Propriétés panneau, puis, sous Gonfler, changer la Angle à 90 °, et le Force à 20.

5. Modifier les valeurs de profondeur d'extrusion

Étape 1

Sélectionnez le copie 2 calque, l’onglet Nom du maillage dans le 3D panneau, puis changez son Profondeur d'extrusion à 50 dans le Propriétés panneau.

Étape 2

Répétez les mêmes étapes pour le copie couche, mais change le Profondeur d'extrusion valeur à 20.

Étape 3

Quant au calque d'origine, définissez le Profondeur d'extrusion valeur à 30.

Étape 4

Puis cliquez sur le Casquette icône et sous Biseau, changer la Largeur à 20% et choisissez le Cône - Inversé Contour.

6. Créer le calque d'arrière-plan et fusionner les calques 3D dans une scène

Étape 1

Dupliquer le Contexte couche et place le copie couche au-dessus de toutes les couches. Ensuite aller à 3D> Nouveau maillage de couche> Carte postale.

Étape 2

Sélectionnez tous les calques 3D (cliquez sur celui en haut, puis maintenez enfoncé le bouton DÉCALAGE clé, et cliquez sur le dernier calque 3D dans le panneau des calques), puis allez à 3D> Fusionner des calques 3D.

Étape 3

Sélectionnez le Outil de déplacement. Vous remarquerez de nouvelles icônes 3D à l'extrême droite de la barre des options. Ces icônes sont l'ensemble des Modes 3D. Lorsque vous choisissez l'un d'entre eux, vous pouvez cliquer et faire glisser pour effectuer des modifications sur l'élément 3D sélectionné..

Vous pouvez donc cliquer et faire glisser une zone vide de la scène 3D pour changer la vue de la caméra, mais ne faites pas encore pivoter le maillage 3D..

Étape 4

Ce que nous allons faire ensuite, c’est de déplacer les maillages 3D vers le haut de sorte que le plan de sol ne soit pas visible dans la vue de la caméra à rendre..

le Ombres du plan de sol peut être désactivé sous le Environnement onglet, mais si vous souhaitez ajouter du texte à une scène, il est préférable de déplacer les maillages 3D vers le haut au lieu de désactiver les ombres..

Commencez par sélectionner tous les noms de groupe des mailles dans 3D panneau, puis sélectionnez le Outil de déplacement, et utiliser le Axe 3D faire les changements.

Les flèches situées aux extrémités de l'axe déplacent le maillage, la partie située en dessous de celles-ci sert à la rotation et les cubes à la mise à l'échelle. Le cube au centre est utilisé pour redimensionner l'objet de manière uniforme. Tout ce que vous avez à faire est de cliquer et de faire glisser la partie voulue.

Pour l'instant, il suffit de déplacer les mailles vers le haut, puis sélectionnez le Vue de la caméra onglet pour changer la vue de la caméra en conséquence, jusqu'à ce que le Plan du sol n'est plus visible.

7. Enregistrement de la vue finale de la caméra

Étape 1

Dans les autres parties du didacticiel, nous devrons beaucoup changer la vue de la caméra. Mais une vue finale doit être sauvegardée afin que nous puissions voir à quoi les choses vont ressembler et les placer en conséquence.

Alors choisissez la vue de la caméra que vous aimez, puis dans le Propriétés panneau, cliquez sur le Vue menu déroulant, et choisissez sauvegarder.

Étape 2

Entrez un nom pour la vue et cliquez sur OK.

Étape 3

La vue sera ajoutée au menu déroulant, ainsi qu'au bas de la fenêtre. 3D panneau. Ainsi, chaque fois que vous modifiez la vue tout en travaillant sur les objets 3D, vous pouvez revenir à la vue enregistrée en cliquant sur son nom dans la liste. 3D panneau, ou en le choisissant parmi les Vue menu dans le Propriétés panneau.

8. Placer les mailles

Étape 1

Pour voir les choses plus clairement et pour déplacer les éléments plus facilement, sélectionnez l'option Scène onglet dans le 3D panneau, puis choisissez le Wireframes cachés option du Préréglages menu déroulant dans le Propriétés panneau.

Étape 2

Commencez à positionner les éléments comme indiqué ci-dessous. Assurez-vous que la corde au milieu ne se croise pas avec le texte. Changez la vue de la caméra, puis revenez à la dernière pour voir à quoi ça ressemble.

Étape 3

Lorsque vous avez terminé, revenez à la Scène par défaut Préréglé.

9. Application des matériaux

Étape 1

Commencez par sélectionner tous les matériaux du calque d'origine, puis cliquez sur le bouton Diffuser icône de texture et choisissez Supprimer la texture.

Étape 2

Après avoir retiré la texture, changez la couleur Diffuse en #bababa, le spéculaire à # c1c1c1, l'illumination à # 080808, et l'ambiant à # 000000. Puis changez le Éclat valeur à 70, le Réflexion à 35 ans, le Rugosité à 5, et le Réfraction à 2.

Étape 3

En ce qui concerne les matériaux de la première copie, supprimez la texture, changez la couleur Diffuse en # e4bb52, le spéculaire à # fff0a9, l'illumination à # 1d0000, et l'ambiant à # 454545. Puis changez le Éclat valeur à 82, le Réflexion à 24, et le Réfraction à 1,76.

Étape 4

Appliquez le même matériau à la deuxième couche de copie.

Étape 5

Pour les matériaux de corde, enlevez également la texture, changez la couleur Diffuse en #ffffff, le spéculaire à # c1c1c1, l'illumination à # 080808, et l'ambiant à # 000000. Puis changez le Éclat valeur à 95, le Réflexion à 15 ans, le Opacité à 32, et le Réfraction à 1,5.

Étape 6

C’est ce que vous devriez obtenir une fois que tous les matériaux ont été appliqués.

10. Texture de fond

Étape 1

Sélectionnez le Contexte onglet Matériel, puis cliquez sur le bouton Diffuser icône de texture et choisissez Modifier la texture.

Étape 2

Cela ouvrira le fichier de texture d'origine. Placer le Texture de brique image sur le dessus Contexte couche et au centre du document. Ne vous inquiétez pas des parties vides en haut et en bas de l'image.

Étape 3

Aller à Image> Réglages> Niveaux, puis changez le Gamma valeur à 0,70 pour assombrir un peu la texture.

11. Ajouter du texte à l'arrière-plan

Étape 1

Créez le texte que vous souhaitez ajouter à la scène en utilisant la police UKIJ Kufi Yay. La couleur de la police est # c78c04 et le Taille est 70pt. Créez chaque ligne dans un calque séparé, puis placez les calques à l'endroit où vous pensez qu'ils devraient être placés.

Étape 2

Changer les calques de texte ' Mode de fusion Color Burn. Puis enregistrez les modifications (Fichier> Enregistrer).

Étape 3

Ne fermez pas encore le fichier de texture, mais revenez au document d'origine pour voir à quoi ressemble le texte..

Étape 4

Ensuite, changez sa position dans le fichier de texture en conséquence.

Étape 5

Il faudra peut-être plusieurs fois pour y arriver.

12. Modification du texte de fond

Étape 1

Cliquez sur chaque calque de texte séparément, allez à Couche> Type rastérisé. Ensuite, choisissez le Outil pour effacer.

Étape 2

Ouvrez le Brosse panneau, puis choisissez le Éclaboussure 59 pixels pinceau et changer le Espacement à 2.

Étape 3

Sous Dynamique de forme, changer les deux Taille Jitter et le Gigue angulaire valeurs à 100%.

Étape 4

Sur chaque calque de texte pixellisé, effacez quelques points ici et là. Vous devrez soit cliquer une fois, soit cliquer et faire très légèrement glisser pour effacer ces parties. Assurez-vous simplement que le texte reste lisible.

Étape 5

Enregistrez les modifications et fermez le fichier de texture une fois terminé (Fichier> Fermer).

13. Réglage de l'éclairage et rendu de la scène

Étape 1

Retour au fichier original, cliquez sur le bouton Lumière infinie 1 abaissez le 3D panneau, puis changez son Douceur des ombres valeur à 30% dans le Propriétés panneau.

Étape 2

Clique le Ajouter une nouvelle lumière à la scène icône vers le bas 3D panneau, puis choisissez Nouveau Point Light.

Étape 3

Changer la Lumière ponctuellela couleur de # ff823d, ses Intensité à 50%, et décocher sa Ombres boîte.

Étape 4

Placez le voyant en haut de manière à ce qu'il touche le bord supérieur du document. Vous pouvez faire pivoter la vue de la caméra pour vous aider à mieux la positionner..

Étape 5

Répétez les mêmes étapes et les mêmes réglages pour créer un autre Lumière ponctuelle, et placez-le à côté du premier. Les lumières devraient éclairer la majeure partie du texte. Donc, si vous utilisez plus de lettres, vous devrez peut-être ajouter un autre point lumineux.

Étape 6

Assurez-vous que les lumières sont bien dans la vue finale de la caméra.

Étape 7

Retourner à la Lumière infinie et ajuster sa Les coordonnées si besoin. Ci-dessous, les valeurs utilisées dans le tutoriel (vous devrez cliquer sur le bouton Les coordonnées icône en haut de la Propriétés panneau).

Étape 8

Une fois que vous avez terminé avec l'éclairage, allez à 3D> Rendu. Cela peut prendre un certain temps, mais vous pouvez arrêter le rendu à tout moment en cliquant n'importe où dans le document..

Une fois le rendu terminé, enregistrez le fichier, puis enregistrez-le au format Image .jpg, puis ouvrez-le pour continuer à travailler..

14. Ajout de points lumineux à la corde transparente

Étape 1

Définissez la couleur de premier plan sur # fff7e5. Choisissez le Outil Pinceau, choisissez une brosse ronde douce de 70 px et, dans la barre des options, modifiez le paramètre Mode de fusion superposer.

Étape 2

Cliquez pour ajouter des points de lumière le long de la partie proche de la corde.

Étape 3

Diminuez la taille du pinceau à 60 px. puis ajoutez les points lumineux au reste de la corde.

(N'oubliez pas de rétablir le mode de fusion du pinceau en mode normal).

15. Appliquer le filtre Filter Forge

Étape 1

Aller à Filtre> Forge de filtre> Forge de filtre 3, puis choisissez le Correction de couleur à 3 voies filtrer sous le Photo Catégorie.

Choisissez le préréglage indiqué ci-dessous, puis sous le Réglages onglet, changez le gamma couleur à # FBF6E0.

Étape 2

Cela appliquera une très belle amélioration de la couleur au résultat final. Vous pouvez essayer les autres presets et jouer avec les valeurs si vous le souhaitez. Vous obtiendrez des résultats différents mais vraiment étonnants.

Conclusion

Dans ce didacticiel, nous avons utilisé plusieurs outils de Photoshop pour créer du texte 3D éclatant. Nous avons utilisé les outils vectoriels de Photoshop pour créer des chemins de base, les outils 3D de Photoshop pour extruder ces chemins et, enfin, nous avons utilisé Filter Forge pour ajouter les touches finales..

N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous.