UI ANIMATION: Everything You Need to Know | UE4 Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น • 70

  • @NitrogenDev
    @NitrogenDev  4 ปีที่แล้ว +7

    If you're here to know my answer from the question in the video, it's easing out :)
    Make sure to check out this video to learn more about the technical side of widgets in UE4: th-cam.com/video/NZHWbl8IB1Y/w-d-xo.html
    As well, be sure to go over to Daniel's channel New Frame Plus: th-cam.com/users/newframeplus . His videos are amazing and you should definitely give them a go!

  • @colleenzhang648
    @colleenzhang648 4 ปีที่แล้ว +28

    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!

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว

      Sure thing! I'm happy to see that this video helped you!

  • @QuantzzArt
    @QuantzzArt ปีที่แล้ว +4

    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

  • @coffee-beast-99z
    @coffee-beast-99z 2 ปีที่แล้ว

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

  • @elbozomemeoriginals7296
    @elbozomemeoriginals7296 3 ปีที่แล้ว +1

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

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว

      Might want to get it checked if it screams. Jokes aside, I'm happy to see that this helped you!

  • @madiac4583
    @madiac4583 4 ปีที่แล้ว +2

    Love all these tuts man!!

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว +1

      I'm really happy to hear that!

  • @conliviu
    @conliviu 4 ปีที่แล้ว +1

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

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว

      Nothing better than good ol' squares.

  • @syno3608
    @syno3608 2 ปีที่แล้ว

    Super Helpful For UI . Thanks

  • @laureanogtt2171
    @laureanogtt2171 2 ปีที่แล้ว

    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

  • @MadpolygonDEV
    @MadpolygonDEV 4 ปีที่แล้ว

    Im halfway in and its awesome so far 🙏

  • @adrienhartman6811
    @adrienhartman6811 4 ปีที่แล้ว

    You make tutorials that are so easy to understand!

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว

      Good to hear, thanks for the feedback!

  • @home-dream-records1399
    @home-dream-records1399 3 ปีที่แล้ว +1

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

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว +1

      Happy to see you liked this tutorial! Unfortunately, I no longer make Unreal content. Instead, I now create video essays about game design.
      If that's also something you're interested in, I hope you'll stick around!

  • @zuchmiyoff4734
    @zuchmiyoff4734 ปีที่แล้ว

    indescribably useful, thank you

  • @3Danful
    @3Danful 2 ปีที่แล้ว

    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),

    • @3Danful
      @3Danful 2 ปีที่แล้ว

      Fixed it. It isnt the "Custom Event" you want, its the "Event Construct". Just replace it. now it works :)

  • @db3da591
    @db3da591 3 ปีที่แล้ว +2

    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?

    • @db3da591
      @db3da591 3 ปีที่แล้ว +1

      Ok, i've already found a solution: All you have to do is to go in your Graph section, and link you Event Construct to a Play Animation node.

    • @davideotape661
      @davideotape661 2 ปีที่แล้ว

      This helped me, thank you

  • @Your_Average_Black
    @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?

  • @couture1054
    @couture1054 ปีที่แล้ว

    Great tut!

  • @anjoomfaisal
    @anjoomfaisal 11 หลายเดือนก่อน

    you can do so much with this! :D

  • @primitivepatterns
    @primitivepatterns 2 ปีที่แล้ว

    awesome tutorial, thank you so much!

  • @zimai
    @zimai ปีที่แล้ว

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

  • @JDPhoenix
    @JDPhoenix 2 ปีที่แล้ว +1

    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.

  • @MadpolygonDEV
    @MadpolygonDEV 4 ปีที่แล้ว

    My man, you accepted my request! Manz thanks

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว +1

      I hope that it clarified any questions about animations! :)

  • @onevoltten6845
    @onevoltten6845 3 ปีที่แล้ว

    Thanks for the tutorial!

  • @desarrollou71x72
    @desarrollou71x72 2 ปีที่แล้ว

    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.

  • @Admin-oe8zj
    @Admin-oe8zj ปีที่แล้ว

    that was relly great..thanks

  • @Animamundi24
    @Animamundi24 4 ปีที่แล้ว

    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

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว

      Yes, you can. Wherever there is an image input, you can supply that with a material.

  • @NayanThapaMagar-f1o
    @NayanThapaMagar-f1o 5 หลายเดือนก่อน

    how to create the shining material?

  • @amuro9649
    @amuro9649 ปีที่แล้ว

    great job

  • @JimmeeAnimAll
    @JimmeeAnimAll 3 ปีที่แล้ว +1

    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.

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว

      I can't quite understand what you mean by calling a custom event to play animation in HUD. Can you say exactly to which custom event you're referring to?

    • @JimmeeAnimAll
      @JimmeeAnimAll 3 ปีที่แล้ว

      @@NitrogenDev thank You for caring. In 5:05 You create custom event and hook up nodes , but compiling just first part wouldn't play animation inside the hud. I haven't done this queue part, but still, I assume, and as far as I "understand" blueprints, I have to call out this custom event "Play anim" prior to start animation.

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว +1

      @@JimmeeAnimAll If calling "Play anim" isn't playing an animation, make sure that the event is actually called, that you hooked up the correct animation and that your animation does an easy to spot change, so you can see if it's truly working or not.

    • @JimmeeAnimAll
      @JimmeeAnimAll 3 ปีที่แล้ว +1

      @@NitrogenDev "make sure that the event is actually called" that's the thing :) . I kind of didn't know how to do it, but I've found similar example with calling event with [a key pressed Event] hooked in player's blueprint. Thank You anyway for tutorials and reply

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว

      @@JimmeeAnimAll Good to see you figured it out. :)

  • @soupinin7128
    @soupinin7128 4 ปีที่แล้ว

    Amazing! keep 'em coming

  • @DEADEYESTUDIO
    @DEADEYESTUDIO 2 หลายเดือนก่อน +1

    I’m starting to realize that blueprints are just as complex as coding lol

  • @mokshithpb7991
    @mokshithpb7991 4 ปีที่แล้ว +1

    Really helpfull 🙂

  • @uegamedev
    @uegamedev 2 ปีที่แล้ว

    Cool! :)

  • @rifat.ahammed
    @rifat.ahammed 2 ปีที่แล้ว

    Thank You

  • @futurelight5536
    @futurelight5536 4 ปีที่แล้ว

    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"

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว +1

      If I see that others are interested in this, then for sure I will make other videos on this topic.

    • @timsonss
      @timsonss 4 ปีที่แล้ว

      @@NitrogenDev I am interested in this. Hopefully I count :D

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว

      @@timsonss definitely haha.

    • @timsonss
      @timsonss 4 ปีที่แล้ว

      @@NitrogenDev nice :D

  • @josephvanwyk2088
    @josephvanwyk2088 3 ปีที่แล้ว

    Cool, I have a very advance question - whats the pipeline process for having talking heads on the UI ? You know, like the ones you see in Anno, Settlers, Commandos - they all had UIs with a 3D character head with dialogue & reaction animations. Commandos 2 had characters that bleed (show injuries). How complex is this sort of thing? (3d modeling excluded).

    • @NitrogenDev
      @NitrogenDev  3 ปีที่แล้ว

      That is certainly not an easy system to create. The way I would probably do it is using an initial speaker with unique properties that are used to drive the reaction and other properties of the second speaker, which then go back to the first one. For the bleeding characters I would simply store a boolean or integer (depending on how many levels of injuries you want) and switch between 3D models.

  • @2danimm
    @2danimm ปีที่แล้ว

    thanks a lot :)!

  • @mehmetkaraer.
    @mehmetkaraer. 4 ปีที่แล้ว

    Accidentally I closed my timeline how can i open that thing again.

    • @NitrogenDev
      @NitrogenDev  4 ปีที่แล้ว +1

      I might not be 100% accurate on this one because I don't have my Unreal open up right now, but I believe you can do that by going to the "Window" panel at the top, then search for "timeline" and a new timeline will open, which you can dock to its initial position.

    • @mehmetkaraer.
      @mehmetkaraer. 4 ปีที่แล้ว

      @@NitrogenDev Thanks mate i found it

  • @futurelight5536
    @futurelight5536 4 ปีที่แล้ว

    Any one reading this do you know the comments doesn't cost anything so comment why us don't support the development teachers so now just type anything even if it is only❤(sorry for my English)

  • @lordofthelair6716
    @lordofthelair6716 3 ปีที่แล้ว

    Not bad at all

  • @buddelexperte5956
    @buddelexperte5956 3 ปีที่แล้ว +1

    Pretty nice tutorial but for me you were a bit too much not explaining when in the material part

  • @robowe
    @robowe 8 หลายเดือนก่อน

    understood everything up until he pulled up the materials 😂

  • @Lv7-L30N
    @Lv7-L30N 5 หลายเดือนก่อน

    Thank you