Realistic LED emissive screen material with RGB pixels in Unreal Engine 5 | Tutorial

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

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

  • @nikolayshamaev
    @nikolayshamaev  ปีที่แล้ว +6

    Have you ever noticed similar LED screen materials in other games?

  • @kromenoi
    @kromenoi 4 หลายเดือนก่อน +3

    Cool video, and a quick tip for anyone who wants a clean material scene: you can also split 3 channels using UE's "BreakOutFloatXComponent" node - X being the number of channels up to 4. It does the same thing as above but contains it inside a tidy Material Function.

    • @kromenoi
      @kromenoi 4 หลายเดือนก่อน

      Also one more optimisation note: you don't need 3 separate Vector nodes, you can have one summed to white and then use the existing pins to split off R G B.

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

    Before watching this video, I had prepared a similar material myself, but thanks to the video I got new ideas.

  • @jesustv9148
    @jesustv9148 9 หลายเดือนก่อน

    Very good, especially the explanations of each function

  • @68lif32
    @68lif32 ปีที่แล้ว

    The best Ue4 LED material ever

    • @68lif32
      @68lif32 ปีที่แล้ว

      Means tutorial video

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

    Hey nice presentation for tutorial, but this is a convoluted/more expensive way of creating this effect. You can simply multiply both images together (led screen image/mountains x tiling pixel texture). It will create the exact same look. Also using a lerp instead of multiple seems pointless for getting the colours out of a 3 vector (slightly more expensive). Multiplying an image by a 3 vector is the same thing as a Lerp if your A = Black and B = desired colour/3 vector. Lastly why do you use a component mask? A 3 vector or texture sample already has each RGB channel as an output if needed.

    • @lunecoucou9634
      @lunecoucou9634 10 หลายเดือนก่อน

      Hi, I'd like to adapt your way but i'm not quite understand. would you mind show me the way by blueprint screenshot image?

  • @quietlyworking
    @quietlyworking 2 หลายเดือนก่อน

    👏What a godsend this tutorial is! Thank you🙏

  • @ricardosilvva-m5p
    @ricardosilvva-m5p 5 หลายเดือนก่อน +1

    OR INSTEAD OF TEXTURE, IT IS POSSIBLE TO PUT A VIDEO (MP4) TO SHOW ON THIS LED PANEL

  • @jvebarnes
    @jvebarnes 7 หลายเดือนก่อน +1

    This just what i was looking for but i wonder how you would add 4 different images into the material and have them change by crossfade or slide over time and repeat the cycle.

    • @FrostbiteCinematics
      @FrostbiteCinematics 3 หลายเดือนก่อน +1

      It might be possible to set this up using a UMG Widget to control the transitioning between different screen textures, and then project the Widet actor's render target as the texture for your LED Screen mesh/material.

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

    Your editing and voice are so amazing! Can’t wait to see what you do next!

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

    Brooooo thanks you for this awesome lesson its fire 🔥

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

    Can you please share the pixel texture?

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

    This is great we are in process of buying a couple of Sound Stages for UnReal Engine. Great video 🎉🎉

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

    Hi! Thanks for tutorial! Can you teach how to use it with media textures?

  • @JhiorgenesNogueira
    @JhiorgenesNogueira 6 หลายเดือนก่อน

    Amazing tutorial!!! very very very good! +1 subscriber!!

  • @ricardosilvva-m5p
    @ricardosilvva-m5p 5 หลายเดือนก่อน

    THANK YOU FOR THIS AMAZING TUTORIAL BRO, COULD YOU FOLLOW UP BY SHARING WITH US HOW TO MAKE 2 OR MORE ADVERTISEMENTS APPEAR ON THE LED PANEL AT 3 SECOND INTERVALS. AT UNREAL ENGINE EVERYTHING IS POSSIBLE, I BELIEVE THIS REQUEST IS A MORE ADVANCED MODE. CONGRATULATIONS ONCE AGAIN FOR YOUR TEACHING. YOU GAINED A NEW FOLLOWER

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

    Can the media texture of the big shot video file also be achieved in this way?

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

    how do you give it the screen moiré effect. It shows it up close, but far away the pixel go away.

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

    This is very cool Nikolay but how can we have a video instead of a still image? I’m curious is this is possible.

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

      It should work with video as well, but needs to be tested.

  • @ianmbuya9217
    @ianmbuya9217 5 หลายเดือนก่อน

    Very informative, Thank you

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

    Крутой урок,все понятно с 1 раза.Но вот интересная задача,можно ли как то прикрутить к этому "монитору" полноценное видео,видел анимационные материалы,или видео материал,не немного не то)

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

      Все, скрестил муху с слоном)

  • @RichardBellingham-z8p
    @RichardBellingham-z8p ปีที่แล้ว +1

    I followed your instructions but when I apply the material to a mesh in the Architectural template it doesn't work, however it does in the game template.
    Also what is the resolution of your content? does it need black borders top and bottom? to match the 128x128 ratio?

  • @costa-w3k
    @costa-w3k 11 หลายเดือนก่อน

    wow, that's hella cool.

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

    impressive...u got a new follower :)

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

    i am ane event manager and am trying to use unreal engine to better showcase designs to my cloent . However the designs I am working with include screens of different shapes and sizes. I have been trying to map the footage to the screen but have been failing . Been trying to find a good tutorial for this for ages , An unreal noob here :(

  • @tinchodonte2720
    @tinchodonte2720 10 หลายเดือนก่อน

    you are a genius!!!!

  • @lunecoucou9634
    @lunecoucou9634 10 หลายเดือนก่อน

    I got 2560*1440 Background Image, What's the right resolution to put the pixels in square?

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

      The same as the resolution:)) since you want simulate each pixel

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

    GOOD TUTORIAL VIDEO !!

  • @dhavalmistryVFS
    @dhavalmistryVFS 10 หลายเดือนก่อน

    Thank you for the awesome tutorial! I have a question tho. Will this work with a movie file as the texture? After all, this is an LED material meant to be on screens with moving pictures.

    • @nikolayshamaev
      @nikolayshamaev  9 หลายเดือนก่อน +1

      Hi! Thanks! This material works with media/video textures as well.

    • @dhavalmistryVFS
      @dhavalmistryVFS 9 หลายเดือนก่อน

      @@nikolayshamaev Thank you. I followed the tutorial and the only thing I can see being problematic is the pixelated version of the video. Can I do this in unreal itself because I don't see any options to restrict the resolution of the video?

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

    This tutorial was really great. Thank you. I did run into some trouble though. How are you keeping your RGB pixels square when you are not on a square plane. The moment I use a non-square plane (like a 16 x 9 plane) the RGB pixel image get squished down into a rectangle. What am I missing? Thx!!!

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

      Hi! Thanks! Make sure the UVs of your mesh have correct aspect ratio. If it's not, it may cause the stretching of the pixels.

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

    Thanks so much for sharing this!

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

    I am very impressed you have no idea what you are doing but still managed to achieve the result you wanted xD You can make this material with one multiply node except UV and distance based lerping

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

    please make more of this!

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

    i subscribed because of this video =)

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

    very quality content bro

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

    Amazing content 🔥

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

    High quality video detected! Cool

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

    Brilliant video

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

    Does this also work for video textures?

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

      Hi! Yes, this material works with video textures as well!

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

    Is the PNG image created using Photoshop ?

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

      Yes, the image of RGB pixel was made inside Adobe Photoshop. Just 3 rectangles with red, green and blue colors.

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

      Thank you very much. It seems that what I have done looks a bit strange, but I'm not sure where the problem is.

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

      Make sure you set correct values for RGB colors. They must be: red (255, 0, 0), green (0, 255, 0), blue (0, 0, 255).

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

      @@nikolayshamaev Yes, the RGB color settings are correct, and I think it should be good now.

  • @xewi60
    @xewi60 9 หลายเดือนก่อน

    but the "gltiches" are present in real life aren't they?

  • @isimsizkarakter.
    @isimsizkarakter. ปีที่แล้ว

    Bro where is the RGB Pıxels png?

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

      Google and photoshop:) I trust you can 😁

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

      Here you get it ;) th-cam.com/video/5aXxwyZbmZk/w-d-xo.html

  • @0xCelsius
    @0xCelsius 9 หลายเดือนก่อน

    🤯

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

    гениально

  • @redstarfox4029
    @redstarfox4029 9 หลายเดือนก่อน

    А можно каким-то образом озвучку на русском языке, а описание и тайм-коды на английском? очень надо