Comment créer vos propres matériaux 3D avec Filter Forge 5 et Adobe Photoshop

Ce que vous allez créer

Filter Forge 5 est un plugin Adobe Photoshop et un logiciel autonome qui vous permet de créer vos propres filtres et textures complexes. Sa base de noeud Éditeur de filtre est puissant et intuitif. L'une des fonctionnalités les plus utiles est l'exportation de cartes de rendu qui peuvent être utilisées pour créer des matériaux 3D et des shaders. Dans ce didacticiel, nous utilisons Filter Forge pour créer des matériaux 3D personnalisés afin de créer un jeu d'échecs "Bois contre métal"..

1. Créer une texture de bois personnalisée

Plusieurs textures de bois sont disponibles dans le Forge filtrante logiciel, et encore plus disponible via leur galerie en ligne. Cependant, le processus de création de votre propre texture en bois est un excellent moyen d'apprendre à utiliser les différentes fonctionnalités et possibilités du logiciel. Éditeur de filtre.

Étape 1

Ouvrir Filtre Forge 5 et allez à Filtre> Nouveau (Control-N). Cela ouvrira la Éditeur de filtre avec un espace de travail vide. Le seul noeud est le Résultat noeud, qui est le noeud de finition requis pour chaque réseau de texture. 

Étape 2

Ouvrez le Composants panneau et faites glisser un Cellules composant de la Bruit groupe sur l'espace de travail. Puis effectuez les réglages suivants:

  • Contraste: 13
  • Échelle: 246
  • Étendue: 59
  • Activer le Étirement vertical option

Cela va créer le début du grain du bois.

Étape 3

Le grain du bois est plus convaincant et réaliste lorsqu'il comprend des nœuds. Nous allons utiliser un autre composant de bruit pour ajouter des nœuds au grain. Ajouter un Bruit de Perlin composant et effectuez les réglages suivants:

  • Couleur de bruit: AEAEAE
  • Rugosité: 0
  • Contraste: 15
  • Échelle: 246
  • Étendue: 7
  • Angle: 90
  • Détails: 52
  • Variation: 3935

Étape 4

Ajouter un Courbe de Bézier composant de la Courbes groupe et connectez la sortie au Profil entrée pour le Bruit de Perlin. Le bruit aura une augmentation notable des taches.

Étape 5

Clique sur le Courbe vignette dans le Courbe de Bézier propriétés pour ouvrir le Éditeur de courbes. Ajustez la courbe pour qu’elle ressemble à la figure ci-dessous. Le résultat devrait montrer que le bruit de Perlin est principalement sombre, avec seulement quelques taches de gris clair..

Étape 6

Ajouter un Mélange composant de la En traitement groupe. Joindre la sortie du Bruit de Perlin au Premier plan. Joindre la sortie du Cellules au Contexte entrée du Mélange composant. Puis changez le mélange Opacité à 100 et le Mode à Écran. Ceci combinera les taches blanches du Bruit de Perlin avec le grain de la Cellules.

Étape 7

Ajoutez un composant de dégradé de bruit du groupe Dégradés et définissez les paramètres suivants:

  • Couleur de base: C4A16A
  • Gamme H: 0
  • Gamme L: 26
  • Gamme S: 7
  • Rugosité: 41
  • Contraste: 17
  • Échelle: 162
  • Activer le Verticale option
  • Activer le Randomisable option

Ce dégradé créera la couleur de base pour la texture du bois.

Étape 8

Ajouter un Gradient d'altitude composant de la Gradients group Joindre la sortie du Mélange composante de la Élévation l'entrée et la sortie de Gradient de bruit au Pente contribution. Cela ajoutera le motif de grain à la couleur du dégradé et la texture commencera enfin à ressembler à du bois..

Étape 9

Ajouter un autre Bruit de Perlin composant de la Bruit groupe et effectuez les réglages suivants:

  • Couleur de bruit: 9E9E9E
  • Couleur de fond: 373737
  • Rugosité: 100
  • Contraste: 0
  • Échelle: 300
  • Étendue: 42
  • Angle: 90
  • Détails: 100
  • Variation: 3444
  • Profil: Biologique

Étape 10

Ajouter un autre Mélange nœud composant de la En traitement groupe et attachez la sortie du Bruit de Perlin au Premier plan contribution. Joindre la sortie du Gradient d'altitude à l'entrée pour le Contexte. Met le Opacité à 100 et le Mode à Recouvrir. Cela ajoute le grain plus fin et plus bruyant de Perlin Noise à la texture du bois..

Étape 11

Joindre la sortie du Mélange au La source entrée du Résultat composant. À ce stade, la texture est un simple filtre et peut être enregistrée en tant que telle. Mais si vous voulez créer Rendu des cartes à utiliser dans un matériau 3D, passez à la section suivante.

2. Ajouter de la profondeur à la texture du bois

Étape 1 

Changer la Résultat noeud de Filtre simple à Surface. Vous devrez reconnecter le Mélange sortie, mais cette fois-ci attacher à la Couleur de surface.

Étape 2

Ajouter un High Pass composant de la En traitement groupe. Joindre la sortie du Gradient d'altitude au La source contribution. Ne déplacez pas la connexion actuelle du dégradé d'altitude vers la fusion, mais ajoutez simplement une autre connexion, chaque composant pouvant avoir plusieurs sorties. Effectuez les réglages suivants sur le High Pass composant:

  • Contraste: 52
  • Rayon: dix
  • Activer le monochrome option

Étape 3

Ajouter un autre Mélange composant de la En traitement groupe. Joindre une autre sortie de la seconde Bruit de Perlin composante de la Premier plan contribution. Joindre la sortie du High Pass à l'entrée pour le Contexte. Puis réglez le mélange Opacité à 100 et le Mode à Multiplier. Cela devrait créer une version gris foncé du grain du bois.

Étape 4

Ajouter un Des pierres composant de la Bruit groupe et effectuez les réglages suivants:

  • Rugosité: 79
  • Contraste: 0
  • Échelle: 228
  • Étendue: 64
  • Activer le Étirement vertical option
  • Détails: 89
  • Variation: 4919

Étape 5

Ajouter un autre Mélange composant de la En traitement groupe. Joindre la sortie du Des pierres composante de la Premier plan contribution. Joindre la sortie du dernier Mélange composante de la Contexte contribution. Met le Opacité à 15 et le Mode à Multiplier. Cela ajoute une touche plus rugueuse à la texture de surface globale.

Étape 6

Joindre la sortie du Mélange composante de la la taille entrée du Résultat nœud. L'aperçu ne sera pas différent, mais cela termine le travail de création d'une texture de bois qui aura une surface convaincante. appuyez sur la Enregistrer le filtre bouton et nommez ce filtre "Bois clair personnalisé".

Étape 7

De retour à la normale Forge filtrante interface, allez au Éclairage onglet et définir le Hauteur de la surface à dix. Puis aller au Réglages onglet et vérifiez la Carrelage sans couture option. Puis ajustez le Variation curseur jusqu'à obtenir un arrangement de grain de bois que vous aimez. 

Étape 8

Aller à Filtre> Rendu des cartes et choisissez le Carte diffuse. Puis appuyez sur le Enregistrer l'image sous bouton pour enregistrer la carte diffuse pour le bois.

Faites la même chose pour le Bump Map.

Et le Carte normale.

3. Personnaliser une texture en métal brossé

Construire votre propre texture à partir de zéro est un processus enrichissant, mais long également. Si vous n'avez pas le temps de créer votre propre réseau complexe, envisagez de le télécharger à partir de la galerie et de le modifier pour répondre à vos besoins. Nous ferons cela ici avec l'acier brossé pour créer la texture des pièces d'échecs en métal.

Étape 1

lancement Forge filtrante à nouveau et utilisez le lien en haut pour Bibliothèque de filtres: Télécharger d'autres filtres. Ceci lancera votre navigateur Web et le dirigera vers la galerie en ligne de filtres et de textures de Filter Forge.

Étape 2

Utilisez le Chercher bar à la recherche de Métal brossé textures. Sélectionnez les miroirs en acier inoxydable brossé et biseautés selon la texture. Clique le Ouvrir ce filtre dans Filter Forge bouton pour télécharger et ouvrir la texture dans Forge filtrante.

Étape 3

Aller au Réglages onglet et effectuez les réglages suivants:

  • Profondeur de biseau: 0
  • Largeur de biseau: 0
  • Activer le Carrelage sans couture option

Étape 4

Générer le même Diffuse, Bosse, et Ordinaire cartes pour ce métal brossé en allant à Filtre> Rendu des cartes et enregistrez chaque image une fois le rendu terminé.

4. Générer une texture en damier de bois et de métal

Pour que ce jeu Bois contre Métal ait l’air authentique, l’échiquier doit comporter une alternance de carrés de bois et de métal. Heureusement, nous avons déjà les deux réseaux de texture, et ils ont juste besoin d'être combinés dans un motif en damier.

Étape 1

La texture de bois personnalisée que vous avez créée est disponible dans Mes filtres dossier. Sélectionnez-le et appuyez sur le Éditeur de filtre bouton. Lorsque vous y êtes invité, sélectionnez l'option à Modifier ce filtre

Étape 2

Effectuer un zoom arrière et dessiner un cadre de sélection autour de l'ensemble du réseau. Ensuite aller à Édition> Copier (Control-C). Frappé le Annuler bouton pour fermer l'éditeur de filtre sans modifier le filtre.

Étape 3

Trouvez le Acier inoxydable brossé texture à nouveau dans le dossier Techno. Lancer le Éditeur de filtre pour éditer cette texture. La boîte de dialogue avertit que une copie sera créée.

Étape 4

Lorsque la texture en métal s'ouvre dans le Éditeur de filtre, effectuer un zoom arrière suffisant pour voir un espace de travail vide à côté du réseau et aller à Édition> Coller (Contrôle-V) d'ajouter tout le réseau de la texture de bois personnalisée à côté du réseau pour la texture de métal.

Étape 5

Zoom arrière et trouver le Résultat nœud. Pause toutes les entrées hors en faisant simplement glisser chaque flèche du noeud.

Étape 6

Ajouter un Vérificateur composant de la Les motifs groupe. Met le Répéter H à 4 et le Répéter V à 4. Ensuite aller à Édition> Copier (Control-C) copier ce noeud avant que des connexions ne soient établies avec lui.

Étape 7

Trouvez le réseau de bois Mélange composant qui combine les couleurs de grain. Connectez la sortie au Couleur 1 entrée du Vérificateur composant. 

Trouvez le Mélange 1.017 noeud dans le réseau métallique; il a un Luminosité Contrôle du curseur attaché à elle. Connectez cette sortie au Couleur 2 entrée du Vérificateur composant.

Connectez la sortie du Vérificateur noeud au Couleur de surface entrée du Résultat nœud.

Étape 8

Aller à Édition> Coller (Contrôle-V) pour ajouter un autre noeud Checker non connecté. Trouvez le Mélange nœud du réseau de bois qui alimentait le Hauteur de la surface de la texture du bois. Connecter cela sortie au Couleur 1 entrée de cette seconde Vérificateur nœud.

Trouvez le Luminosité / Contraste 1.017 nœud du réseau métallique et connectez cette sortie à la Couleur 2 entrée de la seconde Vérificateur nœud.

Connectez la sortie du Vérificateur noeud au la taille du Résultat nœud.

Étape 9

Aller à Édition> Coller (Contrôle-V) ajouter un tiers Vérificateur nœud composant. Met le Couleur 1 à noir et connectez la sortie du réseau métallique Mélange 1.017 noeud (le même qui est connecté à la couleur 2 du premier noeud en damier) à l’entrée de Couleur 2.

Connectez la sortie de ce troisième Vérificateur noeud au Métallique entrée du Résultat nœud.

Étape 10

La texture en bois et en damier en métal brossé est terminée! sauvegarder ce filtre comme Damier personnalisé et retour à la principale Forge filtrante interface.

Étape 11

Aller au Éclairage onglet et définir le Hauteur de la surface à dix

Étape 12

Générez les cartes de rendu pour la texture en damier via Filtre> Rendu des cartes. Générer une carte pour Diffuser, Bosse, Ordinaire et Métallique. le Métallique La carte est une nouvelle pour la texture en damier et sera utilisée comme une carte réfléchissante afin que seuls les carrés métalliques génèrent une réflexion..

5. Passer à la 3D!

Tous nos réseaux de nœuds sont terminés, les filtres sont peaufinés et les cartes de rendu sont créées. Il est temps de commencer à appliquer ces textures à un modèle 3D dans Photoshop. Pour gagner du temps, j'ai fourni au fichier 3D tout ce qui a été configuré, à l'exception des textures. Vous devrez chercher le 3DChessBoard.zip fichier attaché à ce tutoriel. 

Si vous souhaitez configurer votre propre scène 3D pour correspondre à celle-ci, voici les ressources qui ont été utilisées pour la créer:

  • Jeu d'échecs 3D
  • Image HDRI pour l'éclairage de l'environnement
  • Contexte du parc

Étape 1

Téléchargez le 3DChessBoard.zip fichier joint à ce tutoriel. Décompressez le 3DChessboard.psd fichier et ouvrez-le Photoshop. Basculer vers le Espace de travail 3D si Photoshop ne vous y invite pas automatiquement. Dans ce fichier, les lumières, l’environnement, le modèle et la caméra sont déjà configurés. Il suffit donc d’appliquer les textures personnalisées..

Étape 2

dans le Panneau 3D, utilisez les icônes situées en haut du panneau pour filtrer par Matériaux. Sélectionnez le Pièces en bois Matériel. dans le Propriétés panneau, utilisez l’icône de dossier à côté du Diffuser puce de couleur à Charger la texture. Sélectionnez la carte diffuse que vous avez générée pour la texture de bois personnalisée.

Étape 3

Charger le Bosse carte de la même manière, et définissez la Bump value à dix%.

Étape 4

Charger le Ordinaire carte (située en bas à gauche de l'écran) Propriétés panneau) de la même manière le Diffuser et Bosse les cartes ont été chargées.

Étape 5

Basculer vers le Metal_pieces matériau et choisissez les paramètres suivants pour les propriétés du matériau:

  • Couleur spéculaire: H: 0, S: 0, B: 64
  • Couleur ambiante: Noir
  • Éclat: 19%
  • Réflexion: 16%
  • Rugosité: 20%
  • Réfraction: 1.35

Étape 6

Charger le Diffuser carte pour la texture en métal brossé personnalisé. Puis cliquez sur la même icône pour Modifier les propriétés UV. Met le Décalage U / X et le Décalage V / Y à la fois 50%.

Étape 7

Charger le Bump Map créé pour le métal brossé et définir le Bosse s'élever à 52%. De même charger le Carte normale aussi. Met le Propriétés UV sur les deux pour correspondre à la 50% paramètres sur le Diffuser Plans.

Étape 8

Ensuite, sélectionnez le board_tex matériel et effectuez les réglages suivants:

  • Couleur ambiante: H: 0, S: 0, B: 59
  • Éclat: 100%

Étape 9

Utilisez les icônes de dossier pour charger les cartes en damier pour Diffuser, Bosse, et Ordinaire. Puis utilisez le Métallique carte pour la Réflexion texture.

Étape 10

Maintenant il est temps de rendre! Enregistrez d'abord votre fichier et allez à 3D> Rendre le calque 3D (Alt-Shift-Control-R). Laissez Photoshop cuire sur le fichier pendant un moment. Le processus de rendu peut prendre quelques heures, alors soyez patient.

6. Effets finaux

La meilleure chose à faire avec les éléments 3D dans Photoshop est que toutes les fonctions de post-traitement sont à portée de main. Ne vous sentez pas comme si le rendu devait être parfait: il est beaucoup plus rapide de créer des effets de finition avec les fonctions plus classiques de Photoshop..

Étape 1

Une fois le rendu terminé, revenez à la configuration de votre espace de travail préféré une fois les outils 3D terminés. Créez une copie fusionnée du rendu final avec l’arrière-plan en maintenant la touche enfoncée. Alt clé en allant à Couche> Fusionner le visible.

Étape 2

Basculer vers le Canaux panneau et vérifiez qu'il y a un canal appelé BlurDepth. Ceci est inclus pour aider à créer un effet de flou focal convaincant. Retourner à la Couches panneau et Dupliquer la couche fusionnée avec Couche> Nouveau> Couche via copie (Control-J).

Étape 3

Aller à Filtre> Flou> Objectif Flou et effectuez les réglages suivants:

  • Source de la carte de profondeur: BlurDepth
  • Distance focale flou: 3
  • Activer le Inverser option
  • Forme d'iris: Hexagone (6)
  • Rayon: 20

Étape 4

Ajouter un Courbes calque de réglage et définir la forme de la courbe pour être très légère "S" forme pour améliorer le contraste de l'image.

Étape 5

Créez un autre calque fusionné en maintenant enfoncé Alt en allant à Couche> Fusionner le visible. Puis définissez cette nouvelle pour être un Objet intelligent avec Couche> Objets intelligents> Convertir en objet dynamique.

Étape 6

Aller à Filtre> Filtre Camera Raw, et dans le De base onglet effectuer les réglages suivants:

  • Exposition: +0.15
  • Points forts: +40
  • Les noirs: +29
  • Clarté: +18
  • Vibrance: +5

Puis passez au Effets onglet et définir le Montant de la vignette après récolte à -13

Étape 7

Ajouter un nouveau calque avec Couche> Nouveau> Couche (Shift-Control-N) nommé Éclater et le remplir avec noir en utilisant le Édition> Remplir commander. Puis changez le mode de fusion en Écran alors le noir disparaît complètement. Ensuite aller à Filtre> Render> Lens Flare. Déplacer l'épicentre de la lumière parasite pour l'aligner approximativement avec le haut de la pièce de la reine.

Étape 8

Une fois que la lumière est rendue, définissez le calque Opacité à 50%. Ensuite, repositionnez la couche de lumière parasite pour affiner le placement de la lumière parasite sur le bord même de la pièce de reine, comme s'il s'agissait d'une lueur de soleil se reflétant sur le bord métallique..

Vous avez terminé!

Félicitations pour votre jeu d'échecs Bois contre Métal! Vous avez créé une texture de bois personnalisée, modifié une texture de métal et les avez combinées dans une nouvelle texture. Et vous avez appliqué toutes les cartes de rendu pour créer une image finale amusante et convaincante. Bon travail!