Делаем 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 – уроки фотошоп и фигма.