Привет! Сейчас тренды быстро меняются, поэтому мы решили запечатлеть самые популярные эффекты в Figma за 2021 год и собрать все туториалы по ним в одном месте! Листай и повторяй 👇
Градиент
- Создаем фигуру, выделяем её и в правой панели напротив надписи «Fill» нажимаем на цвет.
- Вместо значения «Solid» ставим одно из следующих значений:
- Linear — линейный градиент
- Radial — радиальный градиент
- Angular — угловой градиент
- Diamand — градиент в виде кристалла
В меню градиента можно настраивать цвета, прозрачность и тип градиента.
Эффект стекла
- Создаем любой фрейм и заливаем его каким угодно цветом.
- Далее рисуем любую фигуру любого размера, из неё и будем делать наше прозрачное стекло.
- На фигуру накладываем эффект «Background blur» (размытие заднего фона).
- Нажав на «солнышко», выставляем значение силы размытия 15.
- Чтобы появился эффект матового или полуматового стекла, нужно просто изменить прозрачность заливки цвета слоя: выделяем наш квадрат и «Fill» (заливку) и уменьшаем со 100% на 30% (значение для примера, можешь регулировать на свой вкус).
Неоновый текст
Просто используй плагин «TextNeon», и будет тебе счастье 🙂
Неоновые элементы
А вот тут можно использовать плагин «Morph» (для создания неонового текста он тоже подойдет).
- Выбери элемент.
- Запусти плагин через меню/быстрый поиск.
- Выбери один из эффектов и нажми Apply.
Текст по кругу
- Сначала скачай плагин «to Path».
- Теперь на рабочем поле создай фигуру «Круг» и текст, который потом будет располагаться внутри этого круга.
- Открой плагин, выдели текст, круг и нажми кнопку «Link».
- Все, теперь твой текст отображается по кругу. Если нужно его растянуть, можешь просто отрегулировать расстояние между символами или размер шрифта.
Ну что, всё получилось? Умничка 🙂
А на наших курсах мы и не такому учимся. Кроме умения воссоздавать такие же эффекты в Figma, ты освоишь эту программу на все 100%, научишься самостоятельно генерировать крутые идеи, воплощать их в жизнь и многому другому!
Хочешь попасть на них? — Скорее записывайся вот здесь.
Оплатить услуги UX Mind School Вы можете через систему ”Расчет“ (ЕРИП), в любом удобном для Вас месте, в удобное для Вас время, в удобном для Вас пункте банковского обслуживания – интернет-банке, с помощью мобильного банкинга, инфокиоске, кассе банков, банкомате и т.д.