Чтобы сделать радугу в Alight Motion, проще всего использовать градиентную заливку слоя с несколькими цветовыми точками — красный, оранжевый, жёлтый, зелёный, голубой, синий и фиолетовый выставляются последовательно на шкале градиента, а форма задаётся либо фигурой, либо маской. Этот способ работает в любой актуальной версии приложения на Android и iOS и не требует сторонних плагинов.
Ниже разберём несколько рабочих методов: радужный градиент на фигуре, радужный текст, анимированную переливающуюся радугу и дугу-радугу через маску. Каждый способ подходит под свою задачу — от простого фона до эффектного интро.
Что понадобится перед началом работы
Для создания радуги достаточно базовой версии Alight Motion. Функции градиента, масок и ключевых кадров доступны и в бесплатной сборке, однако экспорт будет с водяным знаком. Убедитесь, что приложение обновлено до актуальной версии — интерфейс пунктов меню в старых сборках может отличаться.
Создайте новый проект с нужным разрешением и частотой кадров. Для вертикальных роликов под соцсети обычно выбирают соотношение 9:16, для обычного видео — 16:9. Фон проекта лучше сразу сделать тёмным или прозрачным, чтобы радужные цвета выглядели контрастно.
Способ 1: радужный градиент на фигуре
Самый быстрый вариант — прямоугольник или круг с градиентной заливкой. Нажмите «+» на таймлинии, выберите Фигура и добавьте нужную форму на холст. Затем откройте параметры слоя и перейдите в раздел Цвет и заливка.
Переключите тип заливки со сплошного цвета на градиент. На шкале градиента появятся цветовые точки — именно они формируют радугу. Тапните по каждой точке, чтобы задать цвет, и добавляйте новые нажатием на пустую область шкалы. Расположите оттенки в порядке спектра: красный → оранжевый → жёлтый → зелёный → голубой → синий → фиолетовый.
- 🌈 Используйте минимум 5–7 цветовых точек — иначе переходы будут грубыми.
- 🎨 Линейный градиент даёт классические полосы, радиальный — круговое свечение.
- 📐 Угол линейного градиента меняется в настройках — вертикальный вариант выглядит как полосы флага.
- ✨ Для мягких переходов сдвигайте точки ближе друг к другу, для резких полос — размещайте парные точки вплотную.
☑️ Радужный градиент за 6 шагов
Способ 2: радужный текст
Радужная надпись делается аналогично, но вместо фигуры добавляется текстовый слой. Нажмите + → Текст, введите надпись и выберите плотный жирный шрифт — на тонких шрифтах градиент теряется. Затем в параметрах текста откройте заливку и включите градиент.
Расставьте цветовые точки так же, как для фигуры. Вертикальный градиент даст смену цветов сверху вниз, горизонтальный — посимвольное растекание спектра. Чтобы буквы выделялись сильнее, добавьте обводку контрастного цвета в разделе Граница и тень.
Способ 3: анимированная переливающаяся радуга
Статичный градиент выглядит плоско, поэтому в роликах радугу обычно анимируют. Принцип простой: смещение градиента или вращение слоя записывается ключевыми кадрами, и цвета начинают плавно «течь».
Поставьте курсор в начало фрагмента и нажмите иконку ромбика, чтобы создать первый ключевой кадр. Переместите курсор на пару секунд вперёд, измените смещение градиента или поворот слоя — появится второй ключевой кадр. При воспроизведении радуга будет непрерывно переливаться. Для зацикливания дублируйте первый кадр в конце.
⚠️ Внимание: не ставьте слишком много ключевых кадров с разными скоростями на коротком отрезке — переливание станет дёрганым. Для плавности используйте график скорости (easing) между ключами.
Как сделать бесшовный цикл переливания
Скопируйте первый ключевой кадр, вставьте его в конец отрезка и убедитесь, что значения смещения градиента в начале и в конце совпадают. Тогда при повторе ролика стык будет незаметен.
Способ 4: дуга-радуга через маску
Классическая дуга — это круг с градиентом, нижняя половина которого скрыта. Создайте круг, залейте его радужным градиентом, затем добавьте маску или поместите поверх фигуру цвета фона, перекрывающую нижнюю часть. Второй вариант проще для новичков.
Для эффекта «нарисованной» радуги используйте слой с кистью: проведите дугу вручную и залейте её градиентом. Такой приём хорошо смотрится в детских иллюстрациях и анимированных открытках. Если нужна радуга поверх фотографии неба — уменьшите непрозрачность слоя примерно до половины и попробуйте режим наложения, доступный в вашей версии приложения.
Сравнение способов создания радуги
| Способ | Сложность | Где уместен | Анимация |
|---|---|---|---|
| Градиент на фигуре | Низкая | Фоны, заставки | По желанию |
| Радужный текст | Низкая | Заголовки, интро | По желанию |
| Переливающийся градиент | Средняя | Динамичные ролики | Обязательна |
| Дуга через маску | Средняя | Иллюстрации, стикеры | По желанию |
Начинать лучше с первого способа — он занимает пару минут и даёт понимание работы градиентной шкалы. После этого остальные методы осваиваются быстро, потому что построены на тех же инструментах.
Типичные ошибки и как их избежать
Чаще всего радуга получается «грязной» из-за неправильного порядка цветов. Проверьте, что оттенки идут строго по спектру — если поменять местами, например, зелёный и синий, переход станет мутным. Вторая частая проблема — слишком мало цветовых точек: трёх цветов недостаточно для полноценной радуги.
- 🚫 Не используйте пастельные оттенки на светлом фоне — радуга потеряется.
- 📱 Проверяйте результат на экране телефона, а не только в превью редактора.
- 💾 Сохраняйте удачный градиент как пресет, чтобы применять его в других проектах.
- 🎞️ При экспорте выбирайте достаточный битрейт — иначе плавные переходы цвета дадут полосы (бендинг).
⚠️ Внимание: на слабых устройствах многослойные проекты с анимированными градиентами могут притормаживать в предпросмотре. Это не влияет на итоговый экспорт — снижайте качество предпросмотра в настройках проекта, а не качество самих слоёв.
⚠️ Внимание: названия пунктов меню и расположение настроек могут отличаться в зависимости от версии приложения и платформы. Если описанного пункта нет на месте, проверьте обновления Alight Motion или поищите функцию через поиск по настройкам слоя.
Часто задаваемые вопросы
Можно ли сделать радугу в бесплатной версии Alight Motion?
Да. Градиенты, фигуры, текст, маски и ключевые кадры доступны бесплатно. Ограничение бесплатной версии — водяной знак на экспортированном видео.
Почему градиент выглядит резкими полосами, а не плавным переходом?
Проверьте расстояние между цветовыми точками на шкале градиента: чем ближе точки, тем резче граница. Для плавного спектра распределите 7 точек равномерно по всей шкале.
Как сделать радугу поверх своего видео?
Импортируйте видео в проект, добавьте поверх него слой с радужным градиентом и уменьшите его непрозрачность либо подберите режим наложения, если он поддерживается вашей версией приложения.
Можно ли сохранить радужный градиент для других проектов?
Да. Слой с градиентом можно сохранить как элемент или пресет и затем добавлять в новые проекты без повторной настройки цветов.
Радуга переливается слишком быстро — что изменить?
Растяните расстояние между ключевыми кадрами на таймлинии: чем больше интервал, тем медленнее анимация. Дополнительно сгладьте движение через график скорости (easing).