Website powered by

VFX | Portal

Inspired by Designer Life | Link to reference: https://youtu.be/uRcQ9VRD44Q?list=PLWwpXGlZt0lL2gJmmxWOBEJ4XrknuqcCK&t=6
It helped me understand how to do the UV for the portal mesh and how to do the material but I did my textures and anticipation. I improvised a little bit for the whole concept until I was satisfied and it took me around 4 days to do it.

Textures were generated procedurally in Substance Designer based on those videos:
Videos from 3dEx | https://www.youtube.com/watch?v=iz1YMOTvE7o&t=2s
https://www.youtube.com/watch?v=3UqfXlkw8hk
Video from Balaganvfx | https://www.youtube.com/watch?v=QIDt7k5EjeI
Post of Ryan Zeng in Real-Time VFX| https://realtimevfx.com/t/rzfx-flow-trail-breakdown/6483

Texture in Photoshop based on this video from Ikky Design: https://www.youtube.com/watch?v=uTYk0yMXXmw
And the Spark was made with the vector shape tool (Ellipse). | https://www.canstockphoto.es/conjunto-estrella-destello-s%C3%ADmbolos-33495476.html

Video | Portal
Made by myself in a simple custom scene in Unreal Engine 4.

Video | Portal
Version 2

GIF

GIF

Generated materials in Unreal with the nodes and reuse of the spark that was made in Photoshop using only the shape tool (ellipse/rectangle) that were squished to do a line, duplicated and rotated.

Generated materials in Unreal with the nodes and reuse of the spark that was made in Photoshop using only the shape tool (ellipse/rectangle) that were squished to do a line, duplicated and rotated.

Reused materials generated in Unreal with the nodes. The only texture, made by hand, is the ring which is eroded by another circle that has differents tons of grey.

Reused materials generated in Unreal with the nodes. The only texture, made by hand, is the ring which is eroded by another circle that has differents tons of grey.

GIF

GIF

All the textures were generated procedurally with Substance Designer. I based myself on 2 different videos from 3dEx and 1 video from Balaganvfx for the first texture and a post from Ryan Zeng on Real-Time VFX for the second one.

All the textures were generated procedurally with Substance Designer. I based myself on 2 different videos from 3dEx and 1 video from Balaganvfx for the first texture and a post from Ryan Zeng on Real-Time VFX for the second one.

Based on Balaganvfx and 3dEx's videos.

Based on Balaganvfx and 3dEx's videos.

 Based on Ryan Zeng's post.

Based on Ryan Zeng's post.

GIF

GIF

The wavy texture was done in Photoshop and based on the video from Ikky Design.  The noises were done in Substance Designer by following Balaganvfx's video.

The wavy texture was done in Photoshop and based on the video from Ikky Design. The noises were done in Substance Designer by following Balaganvfx's video.

Simple texture made in Photoshop. It is made of multiple lines scatter in the space with different size and I changed the V Tiling in the material.

Simple texture made in Photoshop. It is made of multiple lines scatter in the space with different size and I changed the V Tiling in the material.

GIF

GIF

Reuse of the same materials generated by nodes in Unreal.

Reuse of the same materials generated by nodes in Unreal.

GIF | Portal 01 - Alternative End Explosion

GIF | Portal 01 - Alternative End Explosion