Ink effect fading / transition >> Image

Development Programming & Scripting UI
, , , ,
1

Hi There,

In my case i would love to fade in an Image inside my UI like ink drops.
For short, an Ink splash Transition.

For a example of what i means are this:
Ink Transition Example

But i really don’t know how i realize this and need some help. Can i also use animated masks like in After Effets?

Thank you!

2

Hi VyTe,

I think what you’re looking for is a Lerp. In the Content Examples project level “Math Hall” Displays 1.8 and 1.9 show this in practice.

Let us know if you have any more questions about this. (Driving the ‘alpha’ for the lerp in a UMG material might be the tricky part)

3

Hey Astrotronic,

thanks for the Tip! It works very well with Lerps and my Noise Texture. BUT!
The Problem is also i need the Image as an Variable from a Data Table like my Text and other Informations.
When i take my Image with the Lerp in my Material, i cannot use any “fill out page” Nodes for the Texture inputs.
How can i use this “Ink Transition”-Material as a Mask for my UI Image? Any Ideas?

Hope i wrote it not to complicated.

4

EDIT:

Ok ive done it!! I Attached my Material to the Effect Slot in a Retainer Box with a Texture Parameter. In the Retainer Box i add an Image with Variable Content and Voila! Ok it must to be tweak now, but the Problem is solved.

Thanks!

1 Like