UI ANIMATION: Everything You Need to Know | UE4 Tutorial

In this UE4 tutorial I will show you everything you need to know to create UI animations in Unreal Engine! Widget animations are very versatile and animated widgets can go beyond just basic widgets, so today we will go over how they work and how to create them, how to play animations and how to use materials as animations!

Some of you requested me to make a video on more animated UI, so I made sure to cover both basic animations and more complex ones and how you can achieve them yourself. While I didn't dive into overly complicated animations, the general idea is that all complex (this really is an overstatement, what I really mean by complex is combined) animations are a combination of smaller widgets that are animated themselves. Unless you want to use materials for animations, which I covered as well!

Sources:

Music used in this video:
Like Saturn - Midnight Sailing

All content on Nitrogen is available for free. We, as a community, support completely free education available to everyone. Any support is appreciated for me to keep making content for free and improving it.

[NitrogenDev]

If you're here to know my answer from the question in the video, it's easing out :)

[colleenzhang]

Now a UI designer can run her own UI animation in the engine! Thanks a lot, man! We really need more UI material even motion graphic animation tutorials.But I can't find more information about this area, hope to see yours more! Really really thank you a lot!

[coffee-beast-z]

This tutorial was honestly, so great. Thank you for being an amazing human and creating fantastic content!

[QuantzzArt]

Specifically the materials part of this tutorial is something everyone making their first UI definitely needs to see because there's so little documentation on the art side of UMG, would be great if there was a followup video going into more detail on making cool dynamic materials for your menus

[MadpolygonDEV]

Im halfway in and its awesome so far 🙏

[home-dream-records]

Amazing ! I hope to see more from you.
Please do more tutorials like this.

[conliviu]

Another one well done! 👍🏻 Long live the squares😉

[adrienhartman]

You make tutorials that are so easy to understand!

[elbozomemeoriginals]

this really helps and my computer is not screaming in pain thank you

[MadpolygonDEV]

My man, you accepted my request! Manz thanks

[JDPhoenix]

Hey Nitrogen, I got a question. When you're in another blueprint and you want to cast to the user interface, what would you put in the object input node? I'm attempting to grab one of the animations in the interface and have it play on command.

[laureanogtt]

wow, how did you change the execution path in the loop to get it nicer?? algo, I'm getting nothing with the "call play animation (5:35) unreal 4.27

[zimai]

How can the front line beam be made into a dynamic material?

[Animamundi]

Excuse me, can material be set on non-animated HUD elements, such as Progress Bars or Text Blocks? Want to try to add an emissive color-shift glowing texture sample, slightly moved by panner, as fill color of progress bars

[desarrolloux]

hi, im having problems with the Aspect Ratio and Resolution for my mobile game, i know that i can use Anchors... but my UI has animations, if one of my animation moves from 0, 0 to 1024, 768 down-right corner it will works fine on a device supporting that resolution, but if i try with another device with different resolution the animation ends outscreen.... do you know a way to solve this?

thanks.

[dbda]

Hello Nitrogen! I've followed step by step the animation blueprint part but when i start the game (simulate) the animation does not start/work. Why?

[Your_Average_Black]

What if I wanted to perform an animation going in, the interface stays there until the button is clicked again and it animates going out?

[Danful]

Hi there.
Ive made a simple animation with my UI, but im stuck with the coding at 5:09. I finished this video, but nothing happens. Do i add "inputs" within the "Custom Event"?
My animation doesnt play. (its a simple blinking animation in my Mainmenu),

[JimmeeAnimAll]

Thank You for the tutorial, it's pretty cool, but I might missed it, but I think You didn't show how to call this custom event function to play animation in hud. I know how to call hud on viewport with hud content, but when I load this example, its empty and there is no animation whatsoever.

[futurelight]

I am searching for about 4 months ago for ui animation & popup animation and ui materials but there are very small number of tourtal
Can you make more?
And i missed to say "you are legend"