Делаем 3D UI эффект 📱

1. Рисуем 3 квадрата 120, 88 и 80 px и 2 круга 68 и 56 px.
2. Ставим посередине иконку и скругляем углы квадрата до 20, 16 и 12 px
3. Добавляем обводку 1px 2-му квадрату и самому маленькому кругу.
4. Добавляем градиент большому квадрату и кругу и градиент реверс маленькому квадрату и кругу, а также обводке среднего квадрата
5. Добавляем градиент обводке маленького круга, средний квадрат заливаем чёрным.
6. Иконку заливаем синим градиентом, добавляем тени, также добавляем тень маленькому кругу, размываем самый большой квадрат.

Готово ✅

Автор: rs_design_h

💪 designkarate – уроки фотошоп и фигма.

Градиент в Фигма 📱

Автор: leproiz

💪 designkarate – уроки фотошоп и фигма.

Ресурсы для дизайнеров: для вдохновения, со шрифтами, мокапами, иконками и т.д. ✨

Автор: kali.designs

💪 designkarate – уроки фотошоп и фигма.