Unreal Engine 5 ドキュメントは Epic Developer Community に移動しました

フォントのマテリアルとアウトライン

色、マテリアル、アウトラインを使って UMG にスタイルを適用する方法を説明します。

Choose your operating system:

Windows

macOS

Linux

UMG の Font で、 [Color and Opacity] を設定できるだけでなく、さらに Font をスタイリングするためにマテリアルとフォントのアウトラインを使用することもできます。

フォントの色

[Color and Opacity] を設定して Font の Vertex Color を設定することができます。

GreenFontNoMaterial.png

Font Material を指定しないと、テキストにソリッド カラーが適用されます。

GreenFontNoMaterialDisplay.png

フォントのマテリアル

[Details] パネルで Font の Font Material を指定することができます。

ColorAndOpacity.png

Font Material に Vertex Color ノードがないと、エフェクトは単純な乗算になります。

BaseColorMatGraph.png

BaseColorFinalFontMat.png

BaseColorFinalDisplay.png

フォント マテリアルの設定

フォント マテリアルのプレビュー

最終フォント

Font Material に Vertex Color ノードを配置すると、その出力を使ってシェーダー内の演算を行うことができます。

VertexColorMatGraph.png

VertexColorFinalMat.png

VertexColorFont.png

フォント マテリアルの設定

フォント マテリアルのプレビュー

最終フォント

フォント マテリアルとして使用するマテリアルは User Interface ドメインに存在しなければなりません。

UI.png

フォントのアウトライン

フォントのアウトライン用に様々な Outline Color やマテリアルを指定することができます。

FontOutlineSettings.png

アウトラインのサイズは、Slate 単位で指定されますが、フォントのスケールが 1.0 の場合、 1 Slate 単位は 1 pixel に相当します。

FontOutline5Display.png

注目すべき点は、 Separate Fill Alpha を使用するかどうかを指定できることです。

SeparateFill.png

これが有効になると、アウトラインが透過になります。 これが適用されたエリアでは、フォントのアルファとフォントのアウトラインを個別に調整することができます。無効になると、フォントはアウトライン上にオーバーレイされます。 従ってアルファは加算であり、アウトライン カラーとマテリアルは 1 よりも少ないフォントで見ることができます。

SeparateAlphaOff.png

SeparateAlphaOn.png

Font Color Alpha = 0.5, Separate Fill Alpha 無効

Font Color Alpha = 0.5, Separate Fill Alpha 有効

Unreal Engine のドキュメントを改善するために協力をお願いします！どのような改善を望んでいるかご意見をお聞かせください。
調査に参加する
閉じる