La personnalisation des textures d'IU prend beaucoup de temps et nécessite une connaissance approfondie des fonctions de matériau et de la configuration. Pour rendre les textures d'IU personnalisées plus accessibles, l'Unreal Editor pour Fortnite (UEFN) dispose d'une série de textures hautement personnalisables.
Dossiers de matériaux d'IU
Le dossier de matériaux d'IU se trouve dans le navigateur de contenu sous Fortnite > IU > Matériaux.
Le dossier Matériaux contient deux types de matériaux d'IU.
Matériaux de jauge : généralement utilisés pour mesurer les PV et les boucliers (voir Collections de matériaux d'IU pour en savoir plus).
Textures : généralement utilisées comme image d'arrière-plan ou dans les animations d'IU.
Les textures appartiennent aux catégories de paramètres suivantes :
Texture SDF | Effets de texture | Masque de texture |
Forme de texture avec un contour flou. Vous pouvez définir des paramètres qui personnalisent :
Vous pouvez également faire pivoter et estomper les textures. | Une texture avec 9 effets spéciaux personnalisables. Tous les effets sont pilotés par des fonctions de matériau que vous personnalisez en saisissant des paramètres. | Un masque de texture cache des parties de la texture en fonction de vos entrées. Vous pouvez définir des paramètres permettant de personnaliser :
|
 |  |  |
Créer une instance de matériau
Pour utiliser une texture du dossier IU, vous devez d'abord en faire une instance de matériau. Les instances de matériau utilisent moins de mémoire que les matériaux ou les textures et sont beaucoup plus personnalisables dans UMG en raison des paramètres disponibles.
Les paramètres sont manipulés dans le modèle-vue où ils sont liés avec une fonction d'appareil ou du code Verse qui manipule le matériau pour qu'il se comporte d'une certaine manière.
Procédez comme suit pour créer une instance de matériau à partir d'un matériau :
Ouvrez les dossiers Projet > Fortnite > IU > Matériaux.
Cliquez sur l'image pour l'agrandir. Faites un clic droit sur un matériau pour ouvrir le menu contextuel déroulant.
Sélectionnez Créer une instance de matériau dans le menu déroulant.
Cliquez sur l'image pour l'agrandir.
Une instance de matériau est automatiquement générée dans le dossier principal du projet.
Texture SDF
La texture SDF peut remplacer l'image d'icône d'avatar par défaut du joueur ou être utilisée pour l'iconographie. Une texture SDF possède un certain nombre de paramètres personnalisables que vous utilisez pour déterminer l'apparence de l'icône, rendre l'icône floue ou nette, créer un effet de lueur pour que l'icône ressemble à un panneau lumineux, etc.
Tous les paramètres d'une texture peuvent être utilisés avec le modèle-vue dans UMG et dans le code Verse via les champs Verse. Utilisez le tableau ci-dessous pour en savoir plus sur l'utilisation des différents paramètres.
Base de l'O.X.R.
Les paramètres de base de la texture SDF.
Paramètre | Description | GIF |
Texture | Sélectionnez une texture SDF dans le menu déroulant. | |
Couleur | Sélectionnez une couleur pour la texture. |  |
Lueur max | Augmente et diminue l'éclat de l'arête de la forme. Les valeurs proches de 0 renforcent le contour de la forme. Les valeurs proches de 1 augmentent l'éclat du contour de la forme. Les paramètres GlowMax supplémentaires dépendent de la valeur de GlowMax. |  |
Rotation | Fait pivoter la texture à partir du centre. Une valeur de 0,25 fait pivoter la texture de 90 degrés vers la gauche. Une valeur de -0,25 fait pivoter de 90 degrés vers la droite. |  |
Degré d'estompage de la texture | Détermine le degré d'estompage à appliquer sur les arêtes de la texture SDF lorsque les paramètres GlowMax sont utilisés. Les valeurs élevées augmentent le degré d'estompage et les valeurs inférieures le réduisent. |  |
Couleur de l'ombre
Détermine la couleur de l'ombre de la texture.
Paramètre | Description | GIF |
Lueur max d'ombre | Détermine le degré de lueur d'ombre de la texture. Les valeurs proches de 0 renforcent le contour de la forme. Les valeurs proches de 1 augmentent la lueur du contour de la forme. |  |
Décalage horizontal de l'ombre | Détermine le degré de décalage de l'ombre de la texture le long de l'axe X. Les valeurs élevées éloignent l'ombre de la texture. Les valeurs faibles rapprochent l'ombre de la texture. |  |
Décalage vertical de l'ombre | Détermine le degré de décalage de l'ombre de la texture le long de l'axe Y. Les valeurs élevées éloignent l'ombre de la texture. Les valeurs faibles rapprochent l'ombre de la texture. |  |
Opacité de l'ombre | Détermine l'opacité de l'ombre de la texture. Les valeurs proches de 1 augmentent l'opacité de la couleur sélectionnée. Les valeurs proches de 0 diminuent l'opacité de la couleur. |  |
Rotation de l'ombre | Faites pivoter l'ombre de la texture depuis le centre. Une valeur de 0,25 fait pivoter l'ombre de la texture de 90 degrés vers la gauche. |  |
Épaisseur de l'ombre | Détermine l'épaisseur de l'ombre de la texture. Les valeurs élevées augmentent la taille de l'épaisseur de l'ombre. Les valeurs faibles diminuent l'épaisseur. |  |
Trait
Paramètres qui affectent l'apparence du trait de la texture.
Paramètre | Description | GIF |
Couleur du trait intérieur | Détermine la couleur du trait intérieur de la texture. |  |
Lueur max du trait intérieur | Détermine l'intensité maximale de la lueur du trait intérieur de la texture. InnerStrokeGlowMax dépend de la valeur de GlowMax. La valeur maximale de GlowMax définie détermine la valeur maximale de lueur d'InnerStrokeGlowMax et OuterStrokeGlowMax. |  |
Épaisseur du trait intérieur | Détermine l'épaisseur du trait intérieur. Les valeurs élevées augmentent l'épaisseur du trait et les valeurs faibles la diminuent. |  |
Lueur max d'épaisseur du trait intérieur | Détermine l'épaisseur de la lueur du trait intérieur de la texture. Les valeurs élevées augmentent l'épaisseur de la lueur du trait, et les valeurs faibles diminuent l'épaisseur de la lueur du trait interne de la texture. InnerStrokeThicknessGlowMax dépend de la valeur de GlowMax. La valeur maximale de GlowMax définie détermine la valeur de lueur maximale d'InnerStrokeGlowMax, InnerStrokeThicknessGlowMax et OuterStrokeGlowMax. |  |
Couleur du trait extérieur | Détermine la couleur du trait extérieur. |  |
Lueur max du trait extérieur | Détermine le degré de lueur du trait extérieur de la texture. Les valeurs proches de 0 renforcent le contour de la forme. Les valeurs proches de 1 augmentent l'éclat du contour de la forme. OuterStrokeGlowMax dépend de la valeur de GlowMax. La valeur maximale de GlowMax définie détermine la valeur de lueur maximale d'InnerStrokeGlowMax, InnerStrokeThicknessGlowMax et OuterStrokeGlowMax. |  |
Épaisseur du trait extérieur | Détermine l'épaisseur du contour extérieur de la texture. Les valeurs élevées augmentent l'épaisseur du trait et les valeurs faibles la diminuent. |  |
Lueur max d'épaisseur du trait extérieur | Détermine l'épaisseur de lueur du contour extérieur de la texture. Les valeurs élevées augmentent l'épaisseur de la lueur du trait et les valeurs faibles la diminuent. |  |
Effets de textures
Les effets de texture disposent d'un certain nombre d'effets personnalisables qui peuvent transformer l'apparence de la texture :
Carré
Déformer
Pixelliser
Rebondir
Demi-teinte
Dégradé en paliers
Et bien d'autres choses encore.
Les paramètres peuvent être mélangés et ciblés avec le modèle-vue dans UMG et dans le code Verse par le biais de champs Verse. Utilisez le tableau ci-dessous pour en savoir plus sur les différents paramètres.
Texture de base
Les paramètres de base de la texture. Sélectionnez une texture dans le menu déroulant.
Paramètre | Description | GIF |
Texture | Sélectionnez une texture dans le menu déroulant. |  |
Quadrillage horizontal | Quadrille la texture le long de l'axe X. Une valeur de 1 ne quadrille pas la texture. Les valeurs supérieures à 1 ajoutent des tuiles le long de l'axe X. Il est préférable d'utiliser des nombres entiers pour ce paramètre afin d'obtenir des images complètes. |  |
Quadrillage vertical | Quadrille la texture le long de l'axe Y. Une valeur de 1 ne quadrille pas la texture. Les valeurs supérieures à 1 ajoutent des tuiles à la texture le long de l'axe Y. Il est préférable d'utiliser des nombres entiers pour ce paramètre afin d'obtenir des images complètes. |  |
Translation horizontale | Déplace la texture le long de l'axe X. Vous pouvez animer la texture en ciblant le paramètre Translation horizontale avec Sequencer dans UMG. |  |
Translation verticale | Déplace la texture le long de l'axe Y. Vous pouvez animer la texture en ciblant le paramètre Translation verticale avec Sequencer dans UMG. |  |
Vitesse de translation horizontale | Détermine la vitesse de translation sur l'axe X. |  |
Vitesse de translation verticale | Détermine la vitesse de translation sur l'axe Y. |  |
Changement d'échelle
Paramètres qui permettent de modifier l'échelle et la taille de la texture. Crée un effet de martèlement sur la texture.
Paramètre | Description | GIF |
Est mis à l'échelle | Détermine l'effet de mise à l'échelle sur la texture. Cette option n'est visible que lorsque les autres paramètres de mise à l'échelle sont également utilisés. |  |
Vitesse maximale de mise à l'échelle | Définit la vitesse maximum de l'effet de mise à l'échelle sur la texture. |  |
Vitesse minimale de mise à l'échelle | Définit la vitesse minimum de l'effet de mise à l'échelle sur la texture. |  |
Taille de départ | Détermine la taille de la texture au début de l'animation. |  |
Taille moyenne | Détermine la taille de la texture au milieu de l'animation. |  |
Taille finale | Détermine la taille de la texture à la fin de l'animation. |  |
Déformation
Paramètres qui permettent d'ajouter un effet de déformation à la texture.
Pour modifier l'apparence d'une icône, des paramètres de déformation supplémentaires doivent être utilisés avec le paramètre IsWarping.
Paramètre | Description | GIF |
Est en train de déformer | Détermine l'intensité de l'effet de déformation sur la texture. |  |
Amplitude horizontale | Applique un effet d'étirement le long de l'axe X. |  |
Amplitude verticale | Applique un effet d'étirement le long de l'axe Y. |  |
Fréquence horizontale | Applique un effet d'onde sinusoïdale à la texture le long de l'axe X. |  |
Fréquence verticale | Applique un effet d'onde sinusoïdale à la texture le long de l'axe Y. |  |
Vitesse de déformation | Détermine la vitesse à laquelle l'effet de déformation agit sur la texture. |  |
Pixelliser
Paramètres qui permettent de pixelliser l'apparence de la texture.
Paramètre | Description | GIF |
Est pixellisé | Ajoute un effet de pixel à la texture. Une valeur de 0 n'applique pas l'effet de pixel à la texture. Une valeur de 1 pixellise complètement la texture. |  |
Nombre de pixels | Détermine le nombre de pixels de la texture. Une valeur de 1 convertit la texture en carré. L'ajout de pixels crée une forme pixellisée. |  |
Rebondir
Paramètres qui permettent d'ajouter un effet de rebond à la texture.
Paramètre | Description | GIF |
Rebondit | Définit le taux de rebond de l'effet. Cette option n'est visible que lorsque les autres paramètres de rebond sont également utilisés. |  |
Vitesse de rebond | Détermine la vitesse à laquelle la texture rebondit. |  |
Rebond horizontal | Détermine la quantité d'effet de rebond à appliquer le long de l'axe X. |  |
Rebond vertical | Détermine la quantité d'effet de rebond à appliquer le long de l'axe Y. |  |
Demi-teinte
Paramètres qui produisent un effet de point d'encre de style bande dessinée sur la texture.
Paramètre | Description | GIF |
Est demi-teinte | Détermine si l'effet est utilisé et l'opacité de l'effet de demi-teinte. Les valeurs élevées augmentent l'opacité de l'effet, tandis que les valeurs faibles la diminuent. |  |
Densité de points | Augmente la densité des points dans l'effet. Les valeurs élevées augmentent le nombre de points et réduisent la taille des points. Les valeurs basses diminuent le nombre de points et augmentent la taille des points. |  |
Lueur des points max | Détermine le degré maximal de lueur appliqué autour des points. Les valeurs positives font apparaître les points sous forme d'étoiles, les valeurs négatives font apparaître les points sous forme de cercles. |  |
Lueur des points min | Détermine le degré minimal de lueur autour des points. Vous pouvez utiliser les valeurs pour modifier la couleur de l'arrière-plan et des points. Si les valeurs sont supérieures ou égales à 5, l'effet passe à une couleur. De même, les valeurs inférieures à -7 entraînent un fondu de l'effet dans une couleur. |  |
Taille des points max | Détermine la taille maximale des points. |  |
Taille des points min | Détermine la taille minimale des points. |  |
Couleur du dégradé 1 | Définit la couleur principale de l'effet de demi-teinte. |  |
Couleur du dégradé 2 | Détermine la couleur secondaire de l'effet de demi-teinte. |  |
Vitesse horizontale de déplacement de demi-teinte | Détermine la vitesse à laquelle les points se déplacent sur l'axe X. |  |
Vitesse de déplacement vertical de demi-teinte | Détermine la vitesse à laquelle les points se déplacent sur l'axe Y. |  |
Rotation de demi-teinte | Fait pivoter la direction dans laquelle les points se déplacent. |  |
Dégradé en paliers
Paramètres qui permettent d'ajouter un dégradé échelonné à la texture.
Ces paramètres dépendent des paramètres de couleur de teinte.
Paramètre | Description | GIF |
Est un dégradé par étapes | Détermine si l'effet de dégradé par étapes est appliqué à la texture. |  |
Degré de dégradé par étapes | Détermine la quantité de dégradé par étapes à appliquer à la texture. IsSteppedGradient doit être activé avec une valeur inférieure à 1,0 pour que ce paramètre fonctionne. |  |
Couleur de la teinte
Ces paramètres permettent d'ajouter des couleurs à la texture afin de créer un effet de dégradé sur la texture.
Paramètre | Description | GIF |
Opacité de dégradé de teinte | Détermine l'opacité des couleurs du dégradé. Les valeurs faibles diminuent l'opacité de la texture, et les valeurs élevées augmentent l'opacité du matériau. |  |
Couleur de teinte 1 | Détermine la première couleur du dégradé. |  |
Position de la couleur de teinte 1 | Détermine la position de la première couleur du dégradé. Cette option ne fonctionne que lorsque l'option TintGradientOn est sélectionnée et qu'une valeur est définie. |  |
Couleur de teinte 2 | Détermine la deuxième couleur du dégradé. |  |
Position de la couleur de teinte 2 | Détermine la position de la deuxième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du deuxième choix de couleur. Cette option ne fonctionne que lorsque l'option Tint GradientOn est sélectionnée et qu'une valeur est définie. | |
Couleur de teinte 3 | Définit la troisième couleur du dégradé. | |
Position de la couleur de teinte 3 | Détermine la position de la deuxième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du deuxième choix de couleur. Cette option ne fonctionne que lorsque l'option TintGradientOn est sélectionnée et qu'une valeur est définie. | |
Dégradé de teinte activé | Détermine si l'effet de dégradé est appliqué à la texture. | |
Rotation du dégradé de teinte | Fait pivoter la direction du dégradé. |  |
Teinte du dégradé radial | Convertit le dégradé en dégradé radial. | |
Taille de teinte de dégradé radial | Détermine la taille du dégradé radial. |
Couleur d'alpha
Paramètres qui permettent d'ajouter de la transparence, de la couleur et du dégradé à une texture disposant d'alpha et .
Ces paramètres fonctionnent mieux sur des textures en couleur, comme une image de personnage, ou une texture en noir et blanc.
Paramètre | Description | GIF |
Opacité d'alpha | Détermine l'opacité des couleurs d'alpha sur la texture. Les valeurs faibles diminuent l'opacité de la texture, et les valeurs élevées augmentent l'opacité du matériau. |  |
Couleur d'alpha 1 | Détermine la première couleur du dégradé. |  |
Position de la couleur d'alpha 1 | Détermine la position de la première couleur du dégradé. Cette option ne fonctionne que lorsque l'option AlphaGradientOn est sélectionnée et qu'une valeur est définie. |  |
Couleur d'alpha 2 | Détermine la deuxième couleur du dégradé. |  |
Position de la couleur d'alpha 2 | Détermine la position de la deuxième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du deuxième choix de couleur. Cette option ne fonctionne que lorsque l'option AlphaGradientOn est sélectionnée et qu'une valeur est définie. |  |
Couleur d'alpha 3 | Définit la troisième couleur du dégradé. |  |
Position de la couleur d'alpha 3 | Détermine la position de la troisième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du troisième choix de couleur. Cette option ne fonctionne que lorsque l'option AlphaGradientOn est sélectionnée et qu'une valeur est définie. |  |
Dégradé d'alpha activé | Définit si le dégradé est appliqué à la texture. |  |
Rotation du dégradé d'alpha | Fait pivoter la direction du dégradé. |  |
Dégradé radial d'alpha | Convertit le dégradé en dégradé radial. |  |
Taille du dégradé radial d'alpha | Détermine la taille du dégradé radial. |  |
Masque de texture
Le masque de texture utilise des paramètres permettant de masquer l'icône ou l'avatar du joueur et d'ajouter des éléments de contour à l'icône ou à l'image de l'avatar.
Le matériau de masque de texture possède un certain nombre de paramètres personnalisables à utiliser avec le modèle-vue dans UMG et dans le code Verse via les champs Verse. Utilisez le tableau ci-dessous pour en savoir plus sur l'utilisation des différents paramètres.
Texture
Paramètres qui déterminent l'apparence de la texture.
Paramètre | Description | GIF |
Texture | Sélectionnez une texture dans le menu déroulant. |  |
Alpha de texture | Détermine la couleur d'alpha de la texture. La valeur 1 est blanche. Les valeurs inférieures à 1 diminuent la valeur du blanc et se fondent dans la couleur de l'arrière-plan. |  |
Position horizontale de la texture | Positionne la texture le long de l'axe X. |  |
Position verticale de la texture | Positionne la texture le long de l'axe Y. |  |
Échelle horizontale de la texture | Met la texture à l'échelle le long de l'axe X. |  |
Échelle verticale de la texture | Met la texture à l'échelle le long de l'axe Y. |  |
Remplissage
Paramètres qui déterminent l'aspect du dégradé appliqué à l'arrière-plan.
Paramètre | Description | GIF |
Texture de remplissage personnalisée | Sélectionnez une texture de remplissage dans le menu déroulant. | |
Alpha de remplissage | Détermine la couleur d'alpha du masque. La valeur 1 correspond au blanc, les valeurs inférieures à 1 diminuent la valeur du blanc et fusionnent avec la couleur de l'arrière-plan. |  |
Couleur de remplissage 1 | Détermine la première couleur du dégradé. |  |
Position du dégradé de couleur de remplissage 1 | Détermine la position de la première couleur du dégradé. |  |
Couleur de remplissage 2 | Détermine la deuxième couleur du dégradé. |  |
Position du dégradé de couleur de remplissage 2 | Détermine la position de la deuxième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du deuxième choix de couleur. |  |
Couleur de remplissage 3 | Définit la troisième couleur du dégradé. |  |
Position du dégradé de couleur de remplissage 3 | Détermine la position de la troisième couleur du dégradé. Les valeurs élevées déplacent le dégradé pour qu'il commence du côté opposé. Les valeurs faibles augmentent la visibilité du troisième choix de couleur. |  |
Taille du dégradé radial de couleur de remplissage | Définit la taille du dégradé à l'arrière-plan. |  |
Type de dégradé de remplissage | Fait passer le type de dégradé de radial à linéaire. |  |
Lueur | Définit le degré de lueur de l'arrière-plan. | |
Rotation de remplissage du dégradé linéaire | Fait pivoter le dégradé autour d'un cercle. L'option LinearGradientFillRotation dépend des valeurs définies dans l'option FillGradientType. |  |
Forme | Détermine la forme du masque autour de la texture. |  |
Rotation de forme | Fait pivoter la forme du masque autour de la texture. |  |
Taille de la forme | Détermine la taille de la forme du masque autour de la texture. |  |
Rayon du coin inférieur gauche | La modification de ce paramètre ajoute un coin arrondi au coin inférieur gauche en fonction de la valeur utilisée. |  |
Rayon du coin inférieur droit | La modification de ce paramètre ajoute un coin arrondi au coin inférieur droit en fonction de la valeur utilisée. |  |
Rayon du coin supérieur gauche | La modification de ce paramètre ajoute un coin arrondi au coin supérieur gauche en fonction de la valeur utilisée. |  |
Rayon du coin supérieur droit | La modification de ce paramètre ajoute un coin arrondi au coin supérieur droit en fonction de la valeur utilisée. |  |
Contour
Paramètres qui déterminent l'aspect du contour autour du masque.
Paramètre | Description | GIF |
Épaisseur de l'écart | Détermine la taille de l'écart entre le contour et la texture. Pour pouvoir régler l'option GapThickness, l'option OutlineAlpha doit être supérieure à 0,40. |  |
Alpha de contour | Détermine la couleur d'alpha du contour. La valeur 1 correspond à la couleur d'alpha complète, les valeurs inférieures à 1 diminuent la valeur de la couleur et se fondent dans l'arrière-plan. |  |
Couleur du contour 1 | Détermine la première couleur du dégradé de contour. |  |
Position de la couleur du contour 1 | Détermine la position de la première couleur du dégradé du contour. |  |
Couleur du contour 2 | Détermine la deuxième couleur du dégradé du contour. |  |
Position de la couleur du contour 2 | Détermine la position de la deuxième couleur dans le dégradé du contour. |  |
Couleur du contour 3 | Détermine la troisième couleur du dégradé du contour. |  |
Position de la couleur du contour 3 | Détermine la position de la troisième couleur du dégradé du contour. |  |
Épaisseur du contour | Détermine l'épaisseur du contour. |  |
Masque de texture
Paramètres permettant de modifier l'apparence du masque de texture.
Paramètre | Description | GIF |
Afficher l'aperçu du masque | Détermine l'opacité de l'aperçu du masque. Une valeur de 0 signifie que l'aperçu est invisible, tandis qu'une valeur de 1 signifie que le masque est complètement visible. Ce paramètre est uniquement visible lorsque les options MaskWidth et MaskHeight ont des valeurs supérieures à 0,0. |  |
Position horizontale du masque | Positionnez le masque le long de l'axe X. |  |
Position verticale du masque | Positionnez le masque le long de l'axe Y. |  |
Hauteur du masque | Détermine la hauteur du masque. |  |
Largeur du masque | Détermine la largeur du masque. |  |
Toit en pente
Paramètres qui déterminent le degré d'inclinaison à appliquer à l'arrière-plan et au contour du masque.
Paramètre | Description | GIF |
Inclinaison horizontale | Incline l'arrière-plan et le contour du masque le long de l'axe X. |  |
Inclinaison verticale | Incline l'arrière-plan et le contour du masque le long de l'axe Y. |  |