Search Unity

  1. Get all the Unite Berlin 2018 news on the blog.
    Dismiss Notice
  2. Unity 2018.2 has arrived! Read about it here.
    Dismiss Notice
  3. Improve your Unity skills with a certified instructor in a private, interactive classroom. Learn more.
    Dismiss Notice
  4. ARCore is out of developer preview! Read about it here.
    Dismiss Notice
  5. Magic Leap’s Lumin SDK Technical Preview for Unity lets you get started creating content for Magic Leap One™. Find more information on our blog!
    Dismiss Notice
  6. Want to see the most recent patch releases? Take a peek at the patch release page.
    Dismiss Notice

How to make UI effect like this?, Please help.

Discussion in 'Unity UI & TextMesh Pro' started by Pollawat, Jul 9, 2018.

  1. Pollawat

    Pollawat

    Joined:
    Aug 27, 2016
    Posts:
    115
    As you can see the difference between the two of them, one got a blur effect on the background another not.
    These pictures created from After Effect. For now, I try to create in Unity, In whenever I turn the UI on or HUD it should blur the background automatically.


    (1). Using (.png) UI.



    (2). After Effect.



    Any assets in the store recommend will be appreciated.

    Thank you.
     
    Last edited: Jul 9, 2018
  2. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    2,375
    I render the scene to a RenderTexture and use a custom shader to blur the RenderTexture content. Then I use the RawImage UI Component to display the blurred RenderTexture as an image in the UI.
     
  3. Pollawat

    Pollawat

    Joined:
    Aug 27, 2016
    Posts:
    115
    Thank you, sir. Any assets in the store for suggestion sir?
     
  4. Pollawat

    Pollawat

    Joined:
    Aug 27, 2016
    Posts:
    115
    I got it sir. thank you for your advice.
     
  5. Miguel-Herrero

    Miguel-Herrero

    Joined:
    Jan 19, 2015
    Posts:
    10