# How to fade text in a direction?

**URL:** <https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298>\
**Category:** Blueprint\
**Tags:** FText, unreal-engine, UE5-0, Widget, question\
**Created:** [October 6, 2022, 2:10am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298 "2022-10-06T02:10:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ikara](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/ikara/32/935670_2.png) [@Ikara](https://forums.unrealengine.com/u/Ikara)\
**Post date:** [October 6, 2022, 2:10am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/1 "2022-10-06T02:10:22Z")

</div>

Hello,

the question is simple, how can I make my text dissappear gradualy? I mean, like if I were sweeping a curtain and the text starts fading with the curtain movement.

I know how to make text fade with the timeline, but this makes all the text fade at the same time, while I would like it to fade from the begining to the end (or viceversa).

At the same time, I would like to know to do the same but with color change. Imagine, at the begining, the text is grey over a white background. But a black one starts growing behind the text. How can I make the text white just in the part that is over the now black background.

Forgive me if I haven’t made myself clear, and thank you in advance for any possible solution.

---

<div class="post-metadata">

**Author:** ![vespineauto007](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@vespineauto007](https://forums.unrealengine.com/u/vespineauto007)\
**Post date:** [October 6, 2022, 2:37am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/2 "2022-10-06T02:37:43Z")

</div>

Possible bad idea… …create a box that is semi-transparent, at least a layer above that text and slide that box from left to right over that text which would give the appearance that the text is fading.

Maybe???

---

<div class="post-metadata">

**Author:** ![HollowsWoodsman](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/hollowswoodsman/32/966196_2.png) [@HollowsWoodsman](https://forums.unrealengine.com/u/HollowsWoodsman)\
**Post date:** [October 6, 2022, 4:14am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/3 "2022-10-06T04:14:36Z")

</div>

I have been in fact running into the same thing. I want to opacity fade off each letter not the entire material or word/line at once. I am working on a way to figure out how to do this. If/when I solve it, I will update the solution here. I know there are some cool tech ways to do it in the material but that would apply to the entire material and still not be character by character.  
Anyways, im going to try and dedicate some time to solve this as I’ve seen this Q pop up several times now.  
Thanks for reminding me 😉

---

<div class="post-metadata">

**Author:** ![L1z4rD89](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/l1z4rd89/32/1194537_2.png) [@L1z4rD89](https://forums.unrealengine.com/u/L1z4rD89)\
**Post date:** [October 6, 2022, 7:02am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/4 "2022-10-06T07:02:04Z")

</div>

Hey there @Ikara

do you mean something like this?

I used:

- RichText  
[UMG Rich Text Blocks in Unreal Engine | Unreal Engine 5.0 Documentation](https://docs.unrealengine.com/5.0/en-US/umg-rich-text-blocks-in-unreal-engine/)  
– Text to array and then use something like `<RT.Red>Text</>` where RT.Red is one of the templates from a DataTable
- Text  
– Text to array and replace letters with a space
- Material  
– Use the ScreenUV to set the opacity of a text. When opcaity = 0 the text behind it appears (here green)

[TextAnim.zip](https://forums.unrealengine.com/uploads/short-url/1l7B24RtOUxGYlO2KnVshVyjjnW.zip) (71.4 KB)

---

<div class="post-metadata">

**Author:** ![Ikara](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/ikara/32/935670_2.png) [@Ikara](https://forums.unrealengine.com/u/Ikara)\
**Post date:** [October 6, 2022, 8:38pm UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/5 "2022-10-06T20:38:03Z")

</div>

Ohh, those tools seem to be so handy. And yes, that last part is precisely what I needed!

Thank you!

---

<div class="post-metadata">

**Author:** ![Piires](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/piires/32/1214196_2.png) [@Piires](https://forums.unrealengine.com/u/Piires)\
**Post date:** [April 4, 2024, 9:11pm UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/6 "2024-04-04T21:11:49Z")

</div>

Could you repost the files? Your project are down. 😕

---

<div class="post-metadata">

**Author:** ![YaoJ1aHao](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@YaoJ1aHao](https://forums.unrealengine.com/u/YaoJ1aHao)\
**Post date:** [December 30, 2024, 3:52pm UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/7 "2024-12-30T15:52:59Z")

</div>

hello, which version can run the project? i can’t open this asset.

---

<div class="post-metadata">

**Author:** ![L1z4rD89](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/l1z4rd89/32/1194537_2.png) [@L1z4rD89](https://forums.unrealengine.com/u/L1z4rD89)\
**Post date:** [December 30, 2024, 4:03pm UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/8 "2024-12-30T16:03:52Z")

</div>

Hey @YaoJ1aHao

the project was created for UE 5.0, you can check the file version by opening the \*.uproject file with a text editor 🙂

Which version do you need? Here is an older one:  
[TextAnim.zip UE426](https://forums.unrealengine.com/uploads/short-url/z8Uhk97r5QA0nLV2iTGVDPgq74R.zip) (61.9 KB)

---

<div class="post-metadata">

**Author:** ![YaoJ1aHao](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@YaoJ1aHao](https://forums.unrealengine.com/u/YaoJ1aHao)\
**Post date:** [December 31, 2024, 7:50am UTC](https://forums.unrealengine.com/t/how-to-fade-text-in-a-direction/663298/10 "2024-12-31T07:50:28Z")

</div>

thanks you, i can run the project.
