Туториалы1 мин. чтения

Как сделать голографический эффект в 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

Данный эффект сделает ваш дизайн более ярким и привлекательным. Используйте его на разных фигурах и экспериментируйте с цветами градиента.

Подписывайся на наш регулярный дайджест

Будем присылать полезные статьи и новости из мира AI, дизайна, технологий и карьерного развитиядизайна и технологий

Более 3000 человек уже получают полезные материалы