How to Import Gifs in Unreal Engine 5.1

Поділитися
Вставка
  • Опубліковано 27 лис 2024
  • Ever wanted to add animated gifs into your Unreal Engine level? In this video, I show you an easy way to import gifs into Unreal Engine 5!
    I teach you how to find gifs for your scene, how to download and prepare them to import into UE5,, turn the gif into Sprite Sheets, and then how to turn those Sprite Sheets into an animated Flipbook that you can then place in your scene in Unreal Engine 5.1.
    RESOURCES:
    Find Gifs: giphy.com/
    Find More Gifs lol: tenor.com/sear...
    Gif to PNG Sequence Online Converter: convertio.co/g...
    Another Converter: ezgif.com/gif-...
    Check out my website: www.jiffyvfx.com
    My iMDB: imdb.to/3PL5xZ4
    Follow my Tik Tok: / jiffyvfx
    Follow my Instagram: / jiffyvfx
    PC SPECS:
    Ryzen 9 5950x
    RTX 3090 AORUS XTREME
    64GB DDR4 RAM
    7TB Storage
    The BEST place for VFX Assets: bit.ly/3gFxyBv
    The BEST FREE VFX Assets: bit.ly/3J7j0q7
    How to LEARN BLENDER: bit.ly/3op6udZ OR bit.ly/3rqVVZw

КОМЕНТАРІ • 67

  • @coffeediction
    @coffeediction 8 місяців тому +10

    if you get the problem with one flipbook per frame, just rightlick in empty spot and create the Flipbook Asset yourself, its in Paper 2D then Flipbook, and then drag and drop all your frames at the bottom section. Probably a bug in some UE5 version (5.3 for me)

  • @colinbrooks2236
    @colinbrooks2236 Рік тому +3

    might be a little late but there is play rate settings in the detail panel once its in your scene, just change it to 0.5 for half speed ect

  • @khartsied
    @khartsied 4 дні тому

    Thank you for uploading this, it was super straightforward and easy to follow. I can finally make some progress on a uni project now :)

  • @Sonomatt
    @Sonomatt Місяць тому +1

    Awesome thanks ! I have a project with 2D props and actors in 3d environments and this was just what I needed!

  • @ohheyvoid
    @ohheyvoid 3 місяці тому +1

    This is the best tutorial on this. Thank you so much! Exactly what we needed.

  • @bkkaan52
    @bkkaan52 Рік тому +10

    How to add it into widget bp?

  • @vishavjitbuttar1366
    @vishavjitbuttar1366 Рік тому +5

    this isnt working for me for some reason. When I click on create flipbook, instead of compiling them altogether, it makes a flipbook for each individual image. How do I fix this?

  • @Rem1025
    @Rem1025 Місяць тому +1

    as an alternate to after effects u could just use a free online converter just beware you could get scammed if ur not careful

  • @YuuJer
    @YuuJer Рік тому +3

    if it's a flipbook, switch the time node in the material to a scalar parameter, and then key that in sequencer, then it's frame locked

  • @EladdNZZ
    @EladdNZZ Рік тому +2

    I really needed this today. Thanks for making. Was not aware of this Sprite Sheet component. Did not work exactly as you had shown as when creating the flip book if created one for every image. So I created flipbook manually and manually dragged images in then it worked. Subbed!

    • @JamesLuke
      @JamesLuke  Рік тому

      Awesome! Thanks for the kind words and I'm glad you figured it out. Sorry you had to do it manually tho! That sounds super tedious. I wonder why you couldn't do it the way I did.

    • @EladdNZZ
      @EladdNZZ Рік тому +2

      @@JamesLuke Yes it strange that it did not work as you showed. To make it manually was not to painful. Did have to goto UE Docs to fine where the "Paper Flipbook" was located in the menus. For those who may encounter this same issue, if you right click in the folder you wish to create the Flip Book in, come down to Paper2D>Paper Flipbook this creates an empty Flipbook. You then rename the file and double click to open. I then selected all the sprites and dragged and dropped them into the narrow bar at the bottom of this window. As long as the sprites are in the correct order it will work. I change my folder viewport window to 'columns' so I could arrange ascending or descending order (just like in Windows Explorer) as for some reason two of the sprites were out of place. Then you select all the sprites, drag and drop into the Flipbook and will import in this order. Again, super helpful. Even if it didn't work as shown. Nowing it now exists I will be using this alot 😀

    • @JamesLuke
      @JamesLuke  Рік тому

      @@EladdNZZ Very helpful thanks for explaining all this!

  • @oscaroneill8222
    @oscaroneill8222 Рік тому +3

    This is a super cool tutorial! Love how easy it is to get gifs into Unreal Engine. Your city looks great 😸👍

  • @primitifsound
    @primitifsound Рік тому +2

    it is weird, when I create flipbook, it generates flipbook for all the selected files, not one flipbook :/ whyyy, edit: I had to create flipbook from one sprite, open it, and then drag all other sprites inside :/ very weird

  • @MichaelJeanBaker
    @MichaelJeanBaker Рік тому +1

    thanks so much friend!

  • @BioHazard6366
    @BioHazard6366 2 місяці тому +1

    Thank you!!!!

  • @Stoermy_
    @Stoermy_ 11 місяців тому +1

    Bro, thank u very much for this quick Tut

  • @real2late
    @real2late 11 місяців тому +1

    Really helpful, thx!

  • @DeilmosFN
    @DeilmosFN 11 місяців тому +1

    Its maybe late but where is Sprite Actions its not showing up for me 3:36 cant finish the steps because there is no sprite actions..

    • @JamesLuke
      @JamesLuke  11 місяців тому

      hmmmm maybe you don't have a plug-in enabled? There might be a sprite plug-in you have to turn on in Editor Preferences that I didn't know about. It should just be there by default - but don't quote me on it haha going off the top of my head here.

  • @tanyaabichaker4862
    @tanyaabichaker4862 Рік тому +2

    wow that's really helpful

  • @ruairiduffy4978
    @ruairiduffy4978 Рік тому +1

    Thank you bro been tryna do this for time and it’s finally worked thanks to ya vid - I appreciate it man

  • @RmaNYouTube
    @RmaNYouTube 16 днів тому +1

    we have a problem with flipbooks in virtual production, as they rack VRAM Memory in GPU pretty fast, and we have to constantly restart the engine to compensate for that. is there a solution to that?

    • @JamesLuke
      @JamesLuke  16 днів тому

      oof now that sucks - i honestly have verrryyy minimal experience in virtual production and 0 experience using flipbook sin vp so I honestly can't help here. I wish I could!

  • @mishovy1599
    @mishovy1599 Рік тому +2

    great tutorial, and your project also looks great. thanks

  • @hlns
    @hlns Рік тому +1

    Really helpful! Thank you so much❤‍🔥

  • @vidayperfumes7514
    @vidayperfumes7514 Рік тому +1

    Awesome Thank you

  • @vaibhavnagare4569
    @vaibhavnagare4569 Рік тому +1

    Yeeehh amazing 🎉🎉🎉

  • @chaver28
    @chaver28 Рік тому +1

    sir i have a question, im also making a night time scene but the auto exposure setting blows out everything LUL do you use auto exposure or disable it?

    • @JamesLuke
      @JamesLuke  Рік тому +1

      haha yes I disable automatic exposure and set it to manual :)

    • @chaver28
      @chaver28 Рік тому +1

      @@JamesLuke oh good im glad im doing something right then haha i don't know why the auto exposure is so aggressive

  • @hatsunemikuchannel2023
    @hatsunemikuchannel2023 Рік тому +1

    3:36-3:50: Thx, Man! 😮😮😊😊

  • @ignaciotraverso4149
    @ignaciotraverso4149 Рік тому +1

    GENIUS thnkssssss😃

  • @lucho3612
    @lucho3612 7 місяців тому

    any idea if I can "bend" these flipbooks? I mean, if it is to put on a curved screen for example.

  • @oliver_bw
    @oliver_bw 5 місяців тому

    For some reason turning my PNGs into sprites weirdly recentres them into the top left corner... idk how to fix this

  • @coulterjb22
    @coulterjb22 7 місяців тому

    I’m trying to animate a wine label with a movie of my metahuman. Using an MP4 is not good. No masking, clunky/buggy. Would sprites be the better way to go?

  • @jamiecdiaz9106
    @jamiecdiaz9106 5 місяців тому +1

    How come when I select all my files it doesn't give me an option to click on "sprite actions"?

    • @JamesLuke
      @JamesLuke  5 місяців тому

      Do you have the sprites plugin enabled?

  • @gigasoftgaming
    @gigasoftgaming Рік тому +1

    is there anyway to put this on a HUD? if you want animations on your HUD?

  • @НюргуянаОчирова

    thanks for tutorial! but i don't understand how to make it emission... please, how to make it glow in ue? non transparent sequense

  • @RogueSheep4VR
    @RogueSheep4VR 9 місяців тому

    So you're not importing gifs but png's resulting from converting gifs outside of UE

  • @MIXE....
    @MIXE.... Місяць тому

    Bro why it's not importing

  • @altavision8
    @altavision8 10 місяців тому

    What a strange friend, when I created the flipbook it doesn't come out transparent... even though the images are transparent.

  • @mixedmeds
    @mixedmeds Рік тому

    UE crashes when I drag the flipbook in lol

  • @KizzedBalls
    @KizzedBalls 6 місяців тому

    can i do it as in main menu?? i animated main menu in adobe animate no idea how to implement it please help ):

  • @niskbs286
    @niskbs286 Рік тому +1

    i dont have a Sprite Action . there only Resize Texture , Сreate Material , Convert to virtual texture

    • @JamesLuke
      @JamesLuke  Рік тому

      What version of UE are you using? Have you enabled the flipbook in either project settings or the plugins menu?

  • @joanesunzu3087
    @joanesunzu3087 5 місяців тому

    one question, how did you make this emmissive?

    • @nazirullsafrypaijo5694
      @nazirullsafrypaijo5694 3 місяці тому

      i opened the master material and add emissive param and multiplier in the emissive color slot

  • @gabrielbatistuta3859
    @gabrielbatistuta3859 Рік тому

    Hey @JamesLuke, I see that you also respond the messages, maybe you can help.
    Can you see an easy solution to showing those gifs as an appearing and disappearing clips once a character gets hit?
    Imagine, the target is far away, and, you shoot the target and if it hits, an onomatopoeia appears which, in a way that you don't have to set it's rotation so it appears like a UI widget item, in front of you. Not sure if I could describe it properly. Lets see :)

  • @LamNguyen-gm8bi
    @LamNguyen-gm8bi 4 місяці тому

    The UE has been crashed when i drop the flipbook to the scene

  • @topologicaldoctor1498
    @topologicaldoctor1498 9 місяців тому

    Can this be rendered using Path tracer

  • @SgtPizZza
    @SgtPizZza 6 місяців тому +1

    jif

  • @TheSnoozer-23
    @TheSnoozer-23 2 місяці тому

    Its Gif

  • @domi_dreams
    @domi_dreams Рік тому

    crap video - title lies, it's not about putting GIFs into UE, but using expensive 3rd party tool to generate a PNG list from it

    • @JamesLuke
      @JamesLuke  Рік тому

      Lol dude ae isn’t all that expensive. If you don’t wanna pay for it just (crack it) use davinci resolve. Does the same thing. You’re a big boy do some googling.

    • @Clydiie
      @Clydiie Рік тому +1

      I did it for free no after fx or maxon... so many websites that convert gifs to png and then other websites to remove the background. Without the 'expensive tools' it just takes a little longer and has extra steps. Plus he even mentions in the video if you dont have ae use websites.
      That being said great video! I just downloaded ae and got a free trial for maxon to get red gaint cause the extra steps can be abit tedious!

    • @JamesLuke
      @JamesLuke  Рік тому

      @@Clydiie Thanks! And yeah there's always a ton of other ways to accomplish the same task. Some are free and take extra steps, some you pay for (or pirate it lol) to have the process streamlined.
      I'm a student so I pay $20/mo for all adobe products, and I get all Maxon products for free every six months.
      For the button I pressed to bring up the effects, I press Control+Space. HOWEVER, this is only because I have a FREE plugin installed from VideoCopilot called FXConsole

    • @Clydiie
      @Clydiie Рік тому +1

      @James Luke thanks bro I appreciate it (I'ma get one of my student friends to get maxon for me 😁) as for making a preset to make the png sequence. I'm sure I can just find a tutorial on that. Really appreciate this video it's gonna help me a lot with my project!

    • @JamesLuke
      @JamesLuke  Рік тому

      @@Clydiie Glad I could help! :D