🔥 New addition to my portfolio 🔥 Previously I had an SVG mask of my logo in the center with my ...🔥 New addition to my portfolio 🔥 Previously I had an SVG mask of my logo in the center with my ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
🔥 New addition to my portfolio 🔥 Previously I had an SVG mask of my logo in the center with my showreel behind it, but this had a couple of issues. So yesterday I pushed it further and I created a 3D variation, video playing inside it, glass refraction and it's even more beautiful when you click into it. Take a look; www.grilledpixels.com
Bella's avatar
Great work!
Adam's avatar
Thanks so much!
DESH's avatar
Exceptional work! 🥰
Maty's avatar
Going from an SVG mask to a full 3D variation with glass refraction is a big jump in complexity for a logo treatment. What was the hardest part to get right, the refraction itself or making sure the showreel still reads clearly behind it?
Benjamin's avatar
TRUEFRAME logo
the glass refraction on the 3d mark is a cool touch. did you build the interaction with three.js?
Adam's avatar
Yeah, built with react-three-fiber since I'm using Next.js
Abdul's avatar
webixus logo
Upgrading from a flat SVG mask to a 3D glass refraction with an embedded showreel elevates the entire interactive feel of the portfolio! That level of visual polish and smooth WebGL execution makes a lasting impression. Outstanding work!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started