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
Back to feedPost
🔥 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
Great work!
Thanks so much!
Exceptional work! 🥰
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?
the glass refraction on the 3d mark is a cool touch. did you build the interaction with three.js?
Yeah, built with react-three-fiber since I'm using Next.js
React-three-fiber inside a Next.js app usually means the canvas gets dynamically imported with SSR off, otherwise the first paint pays for a scene that only shows up after hydration. Glass is the other cost. Transmission in three.js renders the scene into its own buffer, so a...
The video is pulled via Mux, so that handles the offset.
Also, how many AI comments are we getting here 🧠
showreel playing inside the mask is such a good upgrade from the static SVG
This looks so good 🔥
I bring the unexpected to brand and digital is a confident line and that glitchy red monogram backs it up instead of just claiming it. Video playing inside the mark with glass refraction is a lovely upgrade over a flat SVG mask. Design plus engineering is your real edge.
Nice motion graphics I like it it's awesome 🎉
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
Related posts
Brand work for HauntChain
I'm loving building this brand and the results so far
A deFi platform with some gamification
That's cute ❤️
Oblik: a Framer template for brand and motion studios
Most studio sites show a logo. Oblik shows the system.
A new Framer template for brand and motion studios,
free to remix.
The oversized type feels really bold.