{"id":14293,"url":"\/distributions\/14293\/click?bit=1&hash=05c87a3ce0b7c4063dd46190317b7d4a16bc23b8ced3bfac605d44f253650a0f","hash":"05c87a3ce0b7c4063dd46190317b7d4a16bc23b8ced3bfac605d44f253650a0f","title":"\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u043d\u0435 \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0432 \u043d\u0438 \u043a\u043e\u043f\u0435\u0439\u043a\u0438","buttonText":"","imageUuid":""}

Как создать популярный glass-effect в Figma?

1) Рисуем круг. В нашем примере он размером 540х540px

2) Задаем черную заливку в прозрачностью 3%

3) Сразу задаем эффект размытия заднего фона на 110px

4) Создаем радиальный градиент. Настройки и образцы цвета на картинке 3.

5) Готово! Помещаем тестовые фигуры позади нашего круга. Эффект готов. По желанию можно поиграться с шумами или покрутить настройки градиентов!

Забирай этот и другие лайфхаки в канале Дизайн склад

А еще топовые мокапы, платные шрифты, книги по дизайну, свежие PNG и советы по дизайну

0
2 комментария
Невероятный Блондин

Дезинг 🤦🏼‍♂️

Ответить
Развернуть ветку
Anna Sk

Наверное, потому что десигнов уже много и все имена заняты :D

Ответить
Развернуть ветку
-1 комментариев
Раскрывать всегда