BRUTALISM 101 - Tip of the Week

Michal Franczak 2018-07-27 09:40 tutorial  > Unreal Engine  > modeling

Creating stylized arch-viz animation in Unreal Engine.

Today I am gonna show you how I created the animation BRUTALISM 101. It's industrial / minimal / ambient / psychodelic look at Akira Sakamoto Architect & Associates corridor. It is a simple proof-of-concept visualization that was made with my music band in mind (shameless self-promo: check Red Emprez on Spotify if you like synthwave). I play live occasionally so it was a nice idea to have some visualizations during the concert.

 

But why use Unreal Engine and not some path-tracing offline renderer?

The first reason: the speed. This animation contains almost 2000 frames and it rendered about 3-4 minutes in Unreal Engine. It would render for many hours in Cycles or any other offline renderer. As I am doing it as a hobbyst and I don't have hundreds of processing cores, it was obvious that if I want to make many animations and learn from them, I need a game engine. 

The second reason: game engines have many tricks that could be very hard to implement traditional way. I am talking about interesting volumetrics, particle systems working in realtime, animated materials, game logic that can be used in animations, etc. 

The third reason: game engine rendering quality is becoming higher at a very fast pace. Game engines have a bright future in movie industry, look at the works of Oats Studios: check out "The Book of the Dead" or "Adam" series for Unity or latest "Star Wars" elevator cutscene made in Unreal. They look great!

And last but not least: I could use Unreal or Unity, I choosed Unreal because I had access to GPU lightbaking, which means that it renders pretty fast.

 

reference

That is my reference. I like the raw, yet elegant look of this corridor and the way it is lit. Interior was modeled and unwrapped in Blender, but it consists of very simple meshes that could be created in any 3d application.

 

01_blender_viewport

This is a view from camera in Blender. Meshes have distinct colors - these are material colors. When I prepare my meshes for exporting, I like to see if I have assigned all materials correctly. This view gives me instant feedback.

So, what is my process of creating a mesh for Unreal Engine?

First, I quickly create my corridor from a single cube, then I add details (in this case it was only the wall on the left that had to be removed and replaced with white pillars. Then I add thickness to my meshes (with Solidify modifier) and separate them. The rest of the process for each mesh:

  • apply all modifiers
  • unwrap in Blender or, if the mesh is complicated - in RizomUV
  • assign material
  • name mesh
  • assign vertex colors if needed

 

02_blender_overview

These are all meshes after all these steps(unwrapped and with unique materials). As you can see I added two curved endings to corridor - one behind camera and one at the other end of the corridor. they are used wanted to block light from the front and back.

Unreal rendering bases on baking global illumination into special textures called lightmaps. The quality of this bake depends not only from the ray count that we choose (we can change it at any time in Unreal) but also on the size of the texture (also possible to change in Unreal) and the quality of our unwrapping - which we need to take care in Blender.

To achieve the best texel density we need to be sure that we separate meshes and give them thickness. When rendering in 3ds Max or Blender, it is common to have all walls of building as one mesh. When working with Unreal, it's the best to separate each wall, floor, ceiling, etc. Without thickness we will have artifacts in baked lighting in Unreal and separation assures us that we keep maximum texel density of our lightmaps.

 

04_unwrapping

Here you can see meshes with UV Grid texture applied. Notice how it is stretched on the main ceiling mesh? I did it for a reason...

 

05_ceiling

This is how ceiling was unwrapped. Knowing that only the bottom part of it will be visible to camera, I focused on giving the most of texture area to bottom faces. The rest was scaled down. So, the texture will look very badly on the top of the ceiling, but since we will never see the top of the ceiling, we don't have to worry - the bottom part of the ceiling will look good and crisp!

 

06_pillars

The pillars are very close to camera, so I used bevel on the mesh to get better edges.

 

07_pillars_mesh

This is a 3-segment bevel. We can achieve it by adding "Bevel" modifier.

 

nr_01419_Untitled

In my case I automated this process by using "HardOps" add-on for Blender, which adds bevels, assignes sharp edges and smoothes mesh in one step.

 

08_pillars_unwrapping

Pillars unwrapped. I aligned view to the camera and used "project from view method" to get undistorted uv map. Then I manually unwrapped the rest.

 

pillars_unwrapping2

Final UV map of pillars mesh. It's worth to notice that I separated my pillars mesh - you can see that there are only 12 pillars here. The rest was put in a separate mesh that is further from a camera. All for the sake of maximizing texel density.

 

03_camera

In the wireframe view we can see that I placed a camera inside my corridor. I also placed a prism shape (just to have something that can be animated).

 

10_prism_unwrapping

Prism mesh unwrapped.

 

nr_01420_Untitled

Test render in Blender / Cycles. Does not look to fancy, but after tweaking the settings in Unreal Engine it will be ok.

 

nr_01421_Untitled

"Name Panel" add-on for Blender is great for mass-renaming assets. It has "Transfer names" function which copies the name of mesh to other attributes (in this case: to name of the material and data block).

 

nr_01422_Untitled

And after transfering names we can change prefix of material from "SM_" to "M_" with "Batch name" function.

 

nr_01423_Untitled

I used "Capsule" add-on for exporting meshes to Unreal Engine. It let's you to automatically export selected meshes to chosen location as FBX files. I use scene origin for each mesh. This will be helpful during the import.

 

nr_01424_Untitled

My exported FBX files are ready to import into Unreal Engine 4!

 

11_ue_import

I import meshes to separate folder in Unreal Engine. And then I select them all and drag and drop to viewport. The last step is to reset location to 0,0,0 (with all meshes selected). Since I used scene origin during export, each mesh will be placed correctly in the same place as it was in Blender.

You can see that I have all materials assigned and ready here. I prepared materials in Substance Painter. I will not describe the whole process, because it would make this tutorial much longer, but here is the screenshot from the substance Painter - right wall material:

 

nr_01425_Untitled

You can see that I used BaseLayer for my concrete (texture was downloaded from textures.com) and then tweaked roughness with some overlayed scratches layers. 

 

nr_01426_Untitled

I exported textures to Unreal Engine 4 and assigned them to the instance of my base material. With this instance it is possible to tweak some texture settings - very handy if you want to get similar look to the reference photo quickly!

 

12_ue_resolution

If you look closely, you will see that I overridden lightmap resolution of the right wall (currently selected with the yellow outline). I set it to 2k (2048) to achieve good global illumination. This wall is very close to camera, so we need to crank up the values. The cinematic was made in Unreal engine 4.19.2 and it was for a reason - it's the one of two UE4 versions that works with unofficial GPU baking by Luoshuang. It means that we can render global illumination in minutes instead of hours (if we have decent GPU. In my case I could render with GTX 1080 and it took 4 minutes on max settings, sweet!).

 

13_bp_skysphere

One of the light / environment components is BP_skysphere component available in Unreal. Settings are slightly changed, you can see them on the right panel.

 

14_directional_light

Directional light settings. Notice cranked up intensity (to 13) and indirect intensity (1,5).

 

14_directional_light_1

More directional light settings. Although I enabled volumetric fog for this light, I barely used it in final shots.

 

15_fog

Exponential Fog settings. It slightly brightens the interior.

 

16_pp_volume

Post-process Volume settings. I used color correction for my scene.

 

17_pp_volume2

I also added some image efffects, all settings visible on the right. Worth noting is that some of these settings are animated, which you will see on later screenshot, so don't rise the brow seeing such high chromatic abberation settings :) It was used as FX in sequencer.

 

18_skylight

Skylight settings

 

19_reflection

It's a small scene so I used one single reflection capture sphere. Settings on the right.

 

20_sequencer

Then the real fun began - I animated cameras in sequencer. I also animated some Post-Process settings, like temperature and tint of the scene, chromatic abberation, etc. On the bottom you can see that I also added my prism to sequencer and attached animation to it. 

The next step was to export frames to disk and then edit the whole video in Davinci Resolve (which was also used for mirror effects and final grading). After that I imported video file to Reaper and composed sfx and music then exported audio file to Resolve and re-exported video with audio.

Thanks for reading, hope you liked it!

 

screen01

Author: Michal Franczak Editor: Michał Franczak
Tags:
You may also like...
Substance in 3ds Max

Substance in 3ds Max

Allegorithmic released the new version of Substance plugin for 3DS Max. Read what's new.
×

LEAVE A COMMENT

You need to be logged in to leave a comment. Don't have account? Register now.
Pepetrucci13:22:01  |  04-08-2018
Awesome tutorial (and awesome animation aswell). I'm still trying to get optimal results in unreal mainly on the unwrap/lightmap part of the process, so this gave me some very good tricks and hints. Thank you and keep up the good work!

+ ADD A COMMENT

  • ul. Przedzalniana 8, 15-688 Bialystok, POLAND