Website powered by

Animated Ceiling Material

With this project, I wanted to learn how to animate materials in Substance Designer.
I saw this beautiful art piece https://www.artstation.com/artwork/N5WADd by Artstation artist Jan Urschel, and really thought that the ceiling looked like it should be moving, kind of like the underside of moving water.
Once I had the material set up in Substance Designer and animating in Substance Player, I made some tweaks to it and brought it into UnReal Engine to animate and render it in a scene.

I go into a little more detail about how I accomplished this in the descriptions of all the different node maps,
and a more in-depth blog post about how this project was made can be found here: (https://www.artstation.com/shanny947/blog/n898/animated-material-how-to)

Animating ceiling material video rendered in UnReal
(https://www.youtube.com/watch?v=WVwYbxJ96iI)

Animated material shown in Substance Player

Animated material shown in Substance Player

The first thing I attempted was animating the material inside of Substance. 

This is the Node Map used for animating in Substance. It has FX Maps that continually pan the whole material down, and the overlay of the height diagonally.

The first thing I attempted was animating the material inside of Substance.

This is the Node Map used for animating in Substance. It has FX Maps that continually pan the whole material down, and the overlay of the height diagonally.

These are the calculations for the FX Map that pans the height, the FX Map that pans everything down, and the function for making the intensity of the warp change back and forth. All of these are used to animate the material directly in Substance.

These are the calculations for the FX Map that pans the height, the FX Map that pans everything down, and the function for making the intensity of the warp change back and forth. All of these are used to animate the material directly in Substance.

I then had to make some changes in order to do the real-time animating in UnReal. 

This is the Node Map used for animating in UnReal. It just has a regular exposed parameter in the intensity of the Directional Warp.

I then had to make some changes in order to do the real-time animating in UnReal.

This is the Node Map used for animating in UnReal. It just has a regular exposed parameter in the intensity of the Directional Warp.

This is the setup of the UnReal material, allowing for panning the whole material down, panning the height overlay diagonally, and creating tessellation on the material.

This is the setup of the UnReal material, allowing for panning the whole material down, panning the height overlay diagonally, and creating tessellation on the material.

This is the UnReal Blueprint I created in order to animate the material's exposed parameter in the intensity of the Directional Warp. This creates the same effect as the "Wave Function" I made for animating inside Substance.

This is the UnReal Blueprint I created in order to animate the material's exposed parameter in the intensity of the Directional Warp. This creates the same effect as the "Wave Function" I made for animating inside Substance.