Deadlock - Modal Window Effect
Tools: Unreal Engine 5, UMG, Material Graph & Figma
Tools: Unreal Engine 5, UMG, Material Graph & Figma
Tools: Unreal Engine 5, UMG, Material Graph & Figma
Overview
Overview
This is a simple material study of an interactive modal window effect inspired by Deadlock. My goal in this study was to re-create the same effect and animation in Unreal Engine 5.
This is a simple material study of an interactive modal window effect inspired by Deadlock. My goal in this study was to re-create the same effect and animation in Unreal Engine 5.
Material Effect Breakdown
Material Effect Breakdown
I designed a custom UI material using two textures namely the "logo mask and "texture mask". By combining the two textures, it enabled me to create a dynamic masking effect for the modal window. The material blends a shape mask with a detail texture to achieve a "reveal" effect, allowing the modal window to animate smoothly in and out.
I designed a custom UI material using two textures namely the "logo mask and "texture mask". By combining the two textures, it enabled me to create a dynamic masking effect for the modal window. The material blends a shape mask with a detail texture to achieve a "reveal" effect, allowing the modal window to animate smoothly in and out.
With the mask parameters exposed, It allows me to animate the masks in UMG, therefore enabling scalable, resolution-independent animations. This effect can also be used for transitions as well as many other widgets like tooltip widgets, buttons, containers and so forth.
With the mask parameters exposed, It allows me to animate the masks in UMG, therefore enabling scalable, resolution-independent animations. This effect can also be used for transitions as well as many other widgets like tooltip widgets, buttons, containers and so forth.
