# Use Text as Mask / Transparent Text in Opaque Background

**URL:** <https://forums.unrealengine.com/t/use-text-as-mask-transparent-text-in-opaque-background/1218348>\
**Category:** UI\
**Tags:** unreal-engine, question\
**Created:** [July 3, 2023, 4:32pm UTC](https://forums.unrealengine.com/t/use-text-as-mask-transparent-text-in-opaque-background/1218348 "2023-07-03T16:32:38Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Evan\_Patterson](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Evan\_Patterson](https://forums.unrealengine.com/u/Evan_Patterson)\
**Post date:** [July 3, 2023, 6:24pm UTC](https://forums.unrealengine.com/t/use-text-as-mask-transparent-text-in-opaque-background/1218348/4 "2023-07-03T18:24:50Z")

</div>

![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/b/b/9/bb9b1904084cbdb36761a9a5412b6e51c5c45b7e.jpeg)

Here’s the solution.

In the widget BP:

 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/f/b/f/fbf502f43e6018efee00c279f3e3e5d365458a00.png)  
Inverted Text is an image in the designer. It’s image size is 500x100 in the brush settings.

And the material:

 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/f/e/5/fe59c36d6f9f1fd5138623c42fc834110d3c7f01.png)

The font that you use for DrawText affects the size of the text, you have to set the legacy size in the font.  
 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/1/2/6/126f419df8b0f47320cc0807724314c19d350871.png)

---

_[View the full topic](https://forums.unrealengine.com/t/use-text-as-mask-transparent-text-in-opaque-background/1218348)._