Search Unity

  1. Improved Prefab workflow (includes Nested Prefabs!), 2D isometric Tilemap and more! Get the 2018.3 Beta now.
    Dismiss Notice
  2. The Unity Pro & Visual Studio Professional Bundle gives you the tools you need to develop faster & collaborate more efficiently. Learn more.
    Dismiss Notice
  3. Improve your Unity skills with a certified instructor in a private, interactive classroom. Watch the overview now.
    Dismiss Notice
  4. 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:
    139
    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,507
    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:
    139
    Thank you, sir. Any assets in the store for suggestion sir?
     
  4. Pollawat

    Pollawat

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

    Miguel-Herrero

    Joined:
    Jan 19, 2015
    Posts:
    11