Embedded Files
apowell1_M_02 Panning and WPO Material2.mp4Step Into my portal, please.
Step Into my portal, please.
What's on the other side? Who dares find out... In this blog I'll demonstrate how I created this mesmerizing portal material and the thought process that went into creating it. Let's step right in! (No pun intended.)
Reference Summary
Reference Summary
Ok, I may or may not have been playing Hogwarts Legacy the past few days and wanted to do something "magical" for this portal. I also wanted to lean into the blues and purples for a color palette, inspired by the game as well.
As for the overall shape/silhouette of the portal, I went with SKYRIM as reference to give the traditional look and feel of "stepping into a brand new world."
Source: https://www.gamingbible.com/news/platform/pc/skyrim-hidden-portal-074003-20241009
Source: https://www.radiotimes.com/technology/gaming/hogwarts-legacy-charles-rookwood-trial/
Adding Movement to Layers
Adding Movement to Layers
I researched a few ways to get movement on the material but more importantly how to make it interesting by watching a video from a channel called Geodraws on Youtube (link cited below). He showed how to setup multiple layers and ways to vary their indivdual speeds. I knew I had to use this technique because it looked so cool.
Making Pretty Colors
Making Pretty Colors
For some reason I couldn't get purple directly from the material instance editor (parameter), so I opted to try and create my own. I started out by adding red and blue, and a combined them using a LERP node with a gradient to evenly distribute. I thought the color was too dark initially, so I tested out a few of the default Photoshop-like filters and chose the Lighten node as a final.
Final Build
Final Build
Here is what everything should look like put together.
Feature Demonstration
Feature Demonstration
apowell1_M_02 Panning and WPO Material.mp4Conclusion
Conclusion
The creation of the portal material was actually really fun. I enjoyed testing "movement" in a material and again, never really thought possible. It's like bringing 3D art to life without the need to animate! Whoop whoop!
apowell1_M_02 Panning and WPO Material2.mp4Resources
Resources
Tutorial: https://www.youtube.com/watch?v=2Qm1vT7G-Ss
Environment: https://www.fab.com/listings/b066de06-73b8-4fbe-b30c-468f5bcf7575
Page updated
Report abuse