Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I think I've found a quite nice trick to recreate a little lens distortion effect in Figma to replicate the Liquid Glass material. Find a little tutorial below ⬇️

191,701 Aufrufe • vor 1 Jahr •via X (Twitter)

11 Kommentare

Profilbild von Max
Maxvor 1 Jahr

The trick is in multiple circles with different "background blur" values, starting with the smallest one in the center and getting bigger to the edges. Additionally, the entire group with lenses should be blurred using the "Layer blur" effect, which will make the lens effect appear smoother.

Profilbild von Max
Maxvor 1 Jahr

Or you can use my Figma community file to learn how it works :)

Profilbild von Rainmaker
Rainmakervor 2 Jahren

🚀 Discover how Reinforcement Learning can transform trading strategies! Check out my free Substack for full code and backtest of the completed Q-learning algorithm. Don't miss out! 📈✨

Profilbild von liquid density
liquid densityvor 1 Jahr

@figma One fo the closest ive seen

Profilbild von Fred Wanders
Fred Wandersvor 1 Jahr

@figma respectfully. Are you on crack? This is literally progressive blur.

Profilbild von Sharif
Sharifvor 1 Jahr

@figma Bravo Max! Best implementation I’ve seen so far

Profilbild von George Wert
George Wertvor 1 Jahr

@figma Best one I’ve seen by far!

Profilbild von Rio Marchello
Rio Marchellovor 1 Jahr

@figma Nice but I guess not that gpu-friendly

Profilbild von Max
Maxvor 1 Jahr

@figma not friendly at all))

Profilbild von Nachi. ✦
Nachi. ✦vor 1 Jahr

@figma More like a refracted glass effect rather than liquid glass??

Profilbild von liloli
lilolivor 1 Jahr

@figma My mac will turn into an inferno lol

Ähnliche Videos