Как сделать голографический эффект в Figma
В этом уроке мы научимся создавать голографический эффект не используя сторонние плагины и ресурсы.
Шаг 1
Создаём на фигуре радиальный градиент со следующими точками:
#FFB4F7, #FFECC6, #FF95EC, #D384FF, #8EADFF, #E39DFF, #FF7EF6.
Шаг 2
Создаём поверх Angular градиент со следующими точками:
- 3 точки с цветом #000000 и прозрачностью 100%,
- 3 точки с цветом #FFFFFF и прозрачностью 60%.
Шаг 3
Меняем тип наложения последнего градиента на Difference.
Шаг 4
Дублируем форму с радиальным градиентом и ставим 7 точек по очереди:
- Белый, прозрачность 60%,
- Чёрный, прозрачность 100%.
Шаг 5
У последнего градиента меняем режим наложения на Screen
Данный эффект сделает ваш дизайн более ярким и привлекательным. Используйте его на разных фигурах и экспериментируйте с цветами градиента.
Рекомендуем ознакомиться:
Создаём эффектную анимацию в Figma
Для создания эффектной анимации нам понадобятся различные изображения, которые будут раскрываться.
Нажимая кнопку «Подписаться на рассылку», ты соглашаешься с
Политикой Конфиденциальности
и Правилами сайта
.
