High quality reflections in Unreal Engine 4

Michał Franczak 2017-05-19 11:45 tutorial  > Unreal Engine  > rendering

Make mirror-like planar reflections in Unreal Engine 4.

Click on image to enlarge

slice1_a.jpg

One of the first things that we should do if we want to increase reflections quality is opening Project settings and changing Reflection Capture Resolution value. 1024 is a nice start. Of course - increasing this value is binded with performance cost quite noticeably.

 

Click on image to enlargeHighresScreenshot00018_evermotion_804.jpg

If you do not use Screen Capture Spheres, boxes or planar reflection, you will get artifacts, especially on a flat surface. Here you can see that the plane is reflecting black color on the edges, because Unreal is unable to capture the scene correctly. You can also see blurry Screen Space reflections - far from desired quality. 

 

Click on image to enlargeslice2_5.jpg

Just bringing Reflection Capture Sphere got rid of the black area problem. We also added Post Process Volume and turned "Screen Space Reflections" to 0, so they do not interfere with our captured reflections. Still - reflection of our trumpet appears jagged and blurry.

 

Click on image to enlargeslice3_5.jpg

Another setting that increases reflections quality is GBuffer Format. You will have better results if you change it to "High Precision Normals" setting. This way reflections will be smooth even on curved surfaces, like car hood.

 

Click on image to enlargeslice4_5.jpg

You need to open LOD0 settings of each object that needs high quality reflections and check "Use High Precision Tangent Base" setting. After that press "Apply settings" on the bottom of the list.

 

Click on image to enlargeslice5_5.jpg

We want to achieve nice mirror-like flat surface that reflects our trumpet. So we add Planar Reflection component from "Visual Effects" panel. At the default it has "Show preview plane" on - it helps to see reflections more clearly. You can turn it off after you are done with tweaking. You can see that reflections are really bad quality. I made it on purpose to show you the main quality setting of this component. It is "Screen Percentage" - here it is set to real low value (25%).

 

Click on image to enlargeslice6_5.jpg

If you drag the slider "Screen Percentage" to "100" you will see much smoother result. We can see some artifacts under buttons of the trumpet - bottom faces are not reflected correclty. We can fix that...

 

Click on image to enlargeslice7_5.jpg

I enabled "render scene two-sided" so we can now see buttons reflection correctly. I also disabled preview plane.

 

Click on image to enlargeslice9_5.jpg

I want to see if my reflections are good, so I change roughness of the floor to 0.

 

Click on image to enlargeslice10_5.jpg

I get rid of my reflection spheres. To have correct reflections from PlanarReflection I need to add some environment lighting. So I place BP_skysphere, Atmospheric fog and Skylight into scene. I also need to increase PlanarReflection size to cover all the floor. If I wouldn't do that, I would get again "black area" artifact, that we have seen before.

 

Click on image to enlargeslice11_5.jpg

Our reflection now seems very good, crisp and without artifacts.

 

Click on image to enlargeslice12_5.jpg

There is small problem though - when I place my camera further from models, their reflections appear black / shadowed. It is unrealistic. We will need at least one Reflection Capture Sphere after all.

 

Click on image to enlargeslice13_5.jpg

With the sphere, our reflections are bright even if we are navigating far from our models. You can tweak Sphere influence radius and brightness.

 

Click on image to enlargeHighresScreenshot00024_evermotion_803.jpg

The final screenshot.

 

Author: Michał Franczak Editor: Michał Franczak
Tags: unreal planar reflections planar
You may also like...
Unreal Engine is free for teachers and students

Unreal Engine is free for teachers and students

Can be installed and used on all school owned computers and personal copies can be provided free of charge to students.
×

LEAVE A COMMENT

You need to be logged in to leave a comment. Don't have account? Register now.
  • ul. Przedzalniana 8, 15-688 Bialystok, POLAND
  • ph.: +48 85 674 50 05