Одна из техник создания градиентного свечения в дизайне — использование графического редактора Figma. 1 Для этого нужно: 1
- Добавить на макет фрейм и в боковой панели настроек в блоке Fill указать чёрный цвет. 1
- Добавить внутрь фрейма прямоугольник. 1 Затем в боковой панели настроек в блоке Fill нажать на образец цвета и поменять его на любой насыщенный и яркий — например, фиолетовый, зелёный, синий. 1
- В том же окне вместо Solid выбрать Angular. 1 В настройках градиента сделать так, чтобы на левой или правой стороне был полупрозрачный участок. 1
- Скопировать получившийся прямоугольник и отразить его по горизонтали, нажав Ctrl (⌘) + Shift + H. 1
- Расположить фигуры так, чтобы они образовали единый ровный градиент. 1 При необходимости изменить их размер. 1
- В верхней части фигур с градиентами должна быть ровная линия — поверх неё добавить прямоугольник белого цвета. 1
- Выделить белый прямоугольник. 1 В боковой панели в блоке Layer поменять Pass through на Color dodge и указать непрозрачность 34%. 1 Затем в блоке Effects нажать на плюсик, вместо Drop shadow указать Layer blur, нажать на иконку и указать 90. 1
- Добавить в нижнюю часть композиции прямоугольник. 1 Затем в блоке Effects нажать на плюсик, вместо Drop shadow указать Layer blur, нажать на иконку и указать 200. 1
- Выделить размытый прямоугольник. 1 Затем в боковой панели настроек в блоке Fill нажать на образец цвета, указать чёрный и вместо Solid выбрать Linear. 1 Настроить градиент так, чтобы между фоном и цветным светом был плавный переход. 1
- Добавить в верхнюю часть композиции круг — его центр должен быть там же, где и у белого прямоугольника. 1 Затем в боковой панели настроек в блоке Fill нажать на образец цвета и указать тот же, что и у основного градиента. 1 В блоке Effects нажать на плюсик, вместо Drop shadow указать Layer blur, нажать на иконку и указать 800. 1 При необходимости можно снизить непрозрачность слоя. 1
- По желанию добавить текст под получившуюся лампу. 1 Чтобы он выглядел хорошо, не забыть затемнить нижнюю часть текста, так как источник света сверху. 1
Также технику создания градиентного свечения можно освоить в программе Photoshop, например, как это показано в видео на сайте dzen.ru. 4