Как сделать бегущую строку в InShot

Как сделать бегущую строку в иншот

Как сделать бегущую строку в иншот

Задача: создать ровное горизонтальное движение текста от правого края кадра к левому без рывков и потери читаемости. В InShot это делается через ключевые кадры слоя Текст. Формат проекта для вертикального видео – 1080×1920, для квадрата – 1080×1080. Частота кадров 30 fps; при 24 fps на длинных строках заметнее микростопы.

Подготовьте фон: пустой цвет, размытие из фото или короткий видеолооп. Для контраста включите у текста обводку 2–4 pt или тень с прозрачностью 40–60%. На вертикальном холсте держите строку в средней трети экрана и отступайте не менее 10% от верхнего/нижнего края – так надпись не перекроют интерфейсы TikTok/Reels.

Шрифт выбирайте без засечек, средней толщины. Для равномерной «маркировки» лучше моноширинный шрифт; если его нет, уменьшите межбуквие на 2–4 единицы и отключите автоперенос (иконка с выравниванием). Размер подбирайте так, чтобы в кадре умещалось 1–1.5 строки. Длинные предложения дробите на 2–3 короткие – это повышает читабельность на экранах 5–6″.

Скорость движения задайте длиной клипа: при длительности 6–8 с надпись средней длины (35–45 символов) читается с первого прохода. Если текст короче 25 символов – делайте 4–6 с; длиннее 60 символов – 9–10 с. Ориентир: ~150–180 пикс/с для 1080p даёт комфортное восприятие на 30 fps.

Анимация: поместите текст за правую границу кадра (на пару букв) и поставьте первый ключевой кадр. Перемотайте к концу клипа, уведите текст за левую границу и поставьте второй ключевой кадр. В InShot интерполяция линейная, поэтому дополнительных кривых не требуется; главное – чтобы края строки выходили за пределы кадра на 5–10% ширины.

Для циклической строки продублируйте слой и сдвиньте копию на половину длительности – получится «бесшовный» поток. Либо добавьте в конец проекта 0.3–0.5 с статичного кадра и включите склейку «через затемнение» между дублями – переход маскирует стык при повторе.

Экспорт: 1080p, 30 fps, битрейт 8–12 Мбит/с. При наличии мелкого текста избегайте 60 fps – платформа всё равно перекодирует, а микродрожание шрифта усиливается. Перед выгрузкой просмотрите ролик на телефоне в яркости 60–80%: если буквы «плывут», увеличьте размер шрифта на 2–4 пункта или усилите обводку.

Подготовка проекта: выбор соотношения сторон и фона для строки

Откройте проект как «Видео» и сразу задайте соотношение сторон: 9:16 для Stories/Reels/TikTok, 16:9 для YouTube, 1:1 для ленты, 4:5 для Instagram-постов. Для вертикали 9:16 держите рабочее разрешение 1080×1920, для горизонтали 16:9 – 1920×1080. Это исключит последующее кадрирование бегущей строки и смещение текста.

Под бегущую строку зарезервируйте отдельную полосу: для 9:16 – 160–220 px по высоте от нижнего края, для 16:9 – 120–180 px. Если видео планируется для TikTok/Reels, оставьте безопасные отступы: не прижимайте полосу вплотную к низу, поднимите её на 40–60 px и не растягивайте под значки справа (оставьте 100–140 px поля).

Выберите фон полосы до добавления текста. Надёжный вариант – сплошной цвет с высокой контрастностью к шрифту: белый текст на тёмном (#111) или чёрный текст на светлом (#FFF). Для видеофона используйте размытие исходного кадра и полупрозрачную подложку (непрозрачность 70–85%), чтобы текст читался на пёстрых сценах.

Если требуется фирменный вид, примените градиентную подложку с мягким переходом внутри полосы, но без резких цветов рядом с краями – бегущая строка часто идёт на максимальной ширине, и крайние пиксели мельтешат. Для экранов с PWM избегайте насыщенных чистых красных при белом тексте – возможна рябь на записи.

Проверьте контраст по факту: уменьшите яркость экрана до 30–40% и воспроизведите 5–10 секунд. Если буквы остаются различимыми без усилий, фон выбран удачно. При потере читаемости увеличьте непрозрачность подложки на 5–10% или смените цвет на более тёмный/светлый близкий к нейтральному.

Заранее определите направление и скорость ленты: при высоких частотах мелькания (тонкая гарнитура, быстрый бег) фон должен быть максимально стабилен – без текстур и шумов. Для медленного движения допустим лёгкий шум/зерно, но только при крупном кегле и широком трекинге.

Перед сохранением сделайте контрольный предпросмотр в целевом формате: вертикаль – с учётом интерфейса платформы, горизонталь – на телевизоре/мониторе. Если элементы перекрывают полосу, поднимите её на 20–40 px или уменьшите высоту до ближайшего шага (например, с 200 до 180 px) без изменения кегля.

Создание текстового слоя: шрифт, размер, межбуквенный интервал

Шрифт: выбирайте разборчивый гротеск (sans-serif) или узкий геометрический шрифт для бегущей строки. Откажитесь от тонких декоративных гарнитур: при движении они теряют читаемость. Для русского текста подходят шрифты с чёткими формами букв и открытыми счётчиками.

Размер шрифта – практическая формула: опирайтесь на высоту кадра. Рекомендуемый диапазон – 3–5% от высоты видео. Примеры: для 1920×1080 (высота 1080 px) размер 32–54 px; для 1080×1920 (высота 1920 px) – 58–96 px. Для бегущей строки внизу экрана предпочтительнее нижняя часть диапазона (чтобы не закрывать картинку).

Межбуквенный интервал (кернинг): задавайте аккуратно: для большинства шрифтов интервал в диапазоне -1…+3 px улучшит читаемость при размерах из предыдущего шага. Если текст длинный и буквы слипаются – увеличьте интервал на 1–2 px; если строка слишком «разрежена», уменьшите на 1 px.

Вес и контраст: используйте полужирный или средний вес шрифта для чёткости при движении. Контраст с фоном – не менее 60% по яркости: светлый текст на тёмном фоне или тёмный на светлом. Добавьте тонкую обводку или тень для повышения читаемости на пёстром фоне.

Технические советы для InShot: если строка длинная, выбирайте узкий шрифт или уменьшите размер по формуле выше; проверяйте читаемость на мобильном экране (с 40–50% масштаба). Для теста проигрывайте анимацию на малой скорости и на полной – буквы должны оставаться различимы в обоих режимах.

Настройка анимации прокрутки: ключевые кадры по горизонтали

1. Позиции ключевых кадров. Установите первый ключевой кадр в момент начала клипа с позицией текста за правым краем кадра (рекомендуемая точка – 110% по горизонтали, то есть левый край текста на 10% справа от правого края экрана). Установите конечный ключевой кадр в нужный момент с позицией за левым краем кадра (-110%). Такие значения гарантируют, что текст полностью войдёт и полностью выйдет из кадра без обрезки.

2. Расчёт длительности для удобного чтения. Измерьте ширину текстового слоя в единицах экранных ширин: N = (ширина текста) ÷ (ширина экрана). Для примера: если ширина текста 4800 px, ширина экрана 1920 px, вычисление идёт так – 4800 ÷ 1920 = 2.5. Умножьте N на среднее время прохождения одной экранной ширины – 4 секунды. В примере длительность = 2.5 × 4 = 10 секунд. Этот метод даёт предсказуемую скорость при разных длинах текста.

3. Скорость и сглаживание. Для постоянной бегущей строки используйте Linear (без easing). Если нужна небольшая пауза в начале или конце, добавьте по 0.3–0.6 с ease-in/out, но не больше – большие сглаживания создают видимую задержку. Проверяйте скорость на реальном устройстве и корректируйте множитель 4 с шагом 0.5 с.

4. Позиция по вертикали и выравнивание. Закрепите Y-координату одного и того же значения на всех ключевых кадрах. Сдвиг по Y между кадрами вызывает дрожание. Для 16:9 держите текст на уровне 10–15% от нижнего края, если строка информативная, или центрируйте по вертикали для заголовков.

5. Бесшовный цикл. Для плавного зацикливания дублируйте текстовый слой и сдвиньте старт дубликата на 0.15–0.25 от общей длительности вперёд. Первый слой завершает выход, второй заходит – так не будет пустоты между повторениями. При необходимости добавьте перекрытие 0.05–0.15 с для маскировки стыков.

6. Практические рекомендации. Если текст воспринимается быстро – увеличьте множитель с 4 до 4.5–5. Если слишком медленно – уменьшите до 3–3.5. Для субтитров и коротких фраз используйте 2.5–3.5 секунды на экранную ширину.

7. Проверка и корректировка. Просмотрите финал на устройстве с целевой диагональю. Если символы мельчают или рвутся – уменьшите межбуквенный интервал на 1–2 единицы или увеличьте высоту слоя; если видны скачки при начале движения – сдвиньте начальный ключевой кадр на 0.05–0.1 с вправо и откатайте лёгкое ease-in.

Управление скоростью: длительность клипа и расстояние смещения

Скорость бегущей строки определяется двумя величинами: полным расстоянием смещения и длительностью клипа в таймлайне. Полное расстояние = ширина текста + ширина кадра (текст выходит полностью справа за кадр и уходит полностью влево). Формула: время (с) = расстояние (px) / скорость (px/s).

  1. Определите параметры:
    • ширина кадра – обычно 1080 px для вертикала/горизонтали в Full HD;
    • ширина текстовой полосы – измерьте визуально или оцените в пикселях (примерно: короткая фраза 600–900 px, развернутая строка 1200–2000 px).
  2. Выберите желаемую скорость (px/s) и рассчитайте длительность:
    • Пример быстрый (маркетинг): текст 1800 px, кадр 1080 px, скорость 200 px/s → расстояние 2880 px → длительность ≈ 14.4 с.
    • Пример стандартный (лента новостей): текст 1200 px, кадр 1080 px, скорость 100 px/s → расстояние 2280 px → длительность ≈ 22.8 с.
    • Пример медленный (кредиты): текст 800 px, кадр 1080 px, скорость 60 px/s → расстояние 1880 px → длительность ≈ 31.3 с.
  3. Как применить в InShot:
    1. Добавьте текст на слой и установите начальную позицию полностью справа за кадром.
    2. Установите конечную позицию – полностью слева за кадром. Используйте инструмент «Анимация» или «Ключевые кадры» (keyframes) и создайте ключевой кадр в начале и в конце клипа.
    3. Задайте длительность клипа на таймлайне равной рассчитанному времени (округлите до ближайшего кадра/секунды и протестируйте).
  4. Практические рекомендации:
    • Для читабельности держите минимальную длительность на 6–8 с для коротких фраз; меньше – текст воспринимается как мерцание.
    • Если текст длиннее 2 экранов, увеличьте длительность линейно: удвоение длины → удвоение времени при той же скорости.
    • Округляйте время до целых или половин секунд и проверяйте на устройстве: скорость по расчету часто требует мелкой подстройки.
    • Для улучшения восприятия можно добавить небольшой запас по времени (+5–10%) – особенно для длинных фраз и при использовании плавного начала/конца (ease in/out).
    • При экспорте с фиксированным FPS учтите, что InShot привязывает ключевые кадры к кадрам: если нужно точное время, проверяйте воспроизведение в режиме 1× и 0.5×.

Контроль скорости сводится к точным измерениям расстояния и настройке длительности клипа – измените одно из двух, чтобы получить требуемый темп. Применяйте расчёты как отправную точку, затем доводите визуально.

Зацикливание длинного текста: дублирование и стыковка слоёв

Цель: создать непрерывный поток текста без видимых пауз при прокрутке слева направо или справа налево.

Шаг 1 – оцените расстояние смещения. В InShot задайте ключевой кадр по горизонтали: начальная позиция – текст полностью справа за краем кадра, конечная – текст полностью слева за краем кадра. Общее расстояние смещения равно ширине текста плюс ширина кадра.

Шаг 2 – формула длительности. Выбор длительности зависит от желаемой скорости. Используйте формулу: Длительность (с) = Расстояние (px) ÷ Скорость (px/с). Практическая рекомендация: для комфортного чтения коротких фраз ставьте скорость так, чтобы полная прокрутка экрана занимала 8–12 секунд; для длинных бегущих строк – 15–30 секунд и более.

Шаг 3 – дублирование слоёв. Чтобы не оставалось пустоты, создайте минимум два слоя-одинака: первый начинает анимацию в 0 с, второй – со смещением по времени на Δt = Длительность ÷ N, где N – число дублей. Для большинства задач N=2 достаточно; при очень длинном тексте N=3 уменьшит шанс щелей.

Шаг 4 – временная стыковка. Сдвигайте старт второго слоя по времени так, чтобы его текст входил в кадр ровно тогда, когда первый ещё частично выходит. Практический сдвиг: Δt ≈ 0.45 × Длительность для N=2 или просто половина длительности, затем тонкая подстройка. Небольшое перекрытие по времени 0.06–0.12 с сглаживает видимые стыки.

Шаг 5 – позиционная стыковка. Проверьте по кадру: правый край следующего дублированного слоя должен начинаться строго с места, где левый край текущего стал невидимым. Если видны щели – немного сдвиньте второй слой по X на 1–5 пикселей или измените временной сдвиг на 0.04–0.12 с.

Шаг 6 – плавность анимации. Установите линейную интерполяцию ключевых кадров (без easing) чтобы скорость была постоянной. Если в InShot доступны кривые – выбирайте «linear»; easing вызывает замедления и может создать заметные паузы между дублями.

Шаг 7 – финальная проверка и оптимизация. Экспортируйте короткий тестовый фрагмент (10–20 с). Смотрите на переходы в замедленной перемотке: заметные разрывы убираются подстройкой временных сдвигов и позиций; мельчайшие скачки лечатся уменьшением интервала между дублями или добавлением третьего слоя.

Совет: если текст меняется динамически, держите запас по ширине: добавьте к ширине текста +5–10% при расчётах, чтобы избежать непредвиденных щелей при разной длине строки.

Подложка для читабельности: цветная полоса из стикеров/фигур

Подложка для читабельности: цветная полоса из стикеров/фигур

Для повышения читаемости бегущей строки в InShot используется цветная подложка, которая отделяет текст от фона. Наиболее универсальный вариант – горизонтальная полоса из фигур или стикеров, повторяющихся по длине строки.

При создании подложки используйте прямоугольники с непрозрачностью 70–90%, чтобы текст оставался читаемым на любом фоне. Размер фигуры должен соответствовать высоте текста, оставляя по 10–15% свободного пространства сверху и снизу для визуального комфорта.

Цвет подложки выбирайте контрастный по отношению к тексту: для светлого текста подходят тёмные оттенки, для тёмного текста – светлые. Можно использовать градиенты или сочетания нескольких цветов, если фон видео однотонный и не отвлекает внимание.

Для плавного повторения создайте несколько одинаковых фигур и разместите их последовательно по горизонтали. При анимации бегущей строки важно выровнять стыки фигур так, чтобы движение выглядело непрерывным. Можно использовать зеркальное отражение фигуры на стыках для визуального сглаживания.

Использование стикеров вместо фигур позволяет добавить индивидуальность проекту. Подбирайте стикеры с минимальным количеством деталей и прозрачным фоном, чтобы они не перегружали визуальную линию текста.

Элемент Рекомендация
Прямоугольник Непрозрачность 70–90%, высота чуть больше текста
Цвет Контраст с текстом, однотонный или градиент
Стикеры Минимум деталей, прозрачный фон, одинаковый размер
Повторение Ровные стыки, можно зеркально отражать фигуры

Экспорт без потери чёткости: параметры битрейта и частоты кадров

Экспорт без потери чёткости: параметры битрейта и частоты кадров

При экспорте бегущей строки в InShot критически важны битрейт и частота кадров. Они определяют, насколько плавно и ясно будет отображаться текст, особенно при быстром движении.

Для социальных сетей оптимальны следующие настройки:

  • Битрейт: 8–12 Мбит/с для Full HD, 15–20 Мбит/с для 4K. Более высокий битрейт сохраняет детали текста и цветовые переходы.
  • Частота кадров: 30–60 fps. 30 fps подходит для стандартной прокрутки, 60 fps – для плавного движения длинной строки без разрывов.

При низком битрейте текст может расплываться, особенно на светлом фоне или при контрастных цветах. Слишком высокая частота кадров увеличивает размер файла без заметного улучшения, если видео предназначено для мобильных платформ.

Рекомендации для точной передачи деталей текста:

  1. Выбирайте битрейт в зависимости от разрешения: Full HD 1080p – минимум 8 Мбит/с, 4K – минимум 15 Мбит/с.
  2. Устанавливайте частоту кадров равной исходной частоте проекта, обычно 30 fps для стандартных постов и 60 fps для рекламных или демонстрационных видео.
  3. При экспорте проверяйте визуально текст на разных устройствах, чтобы убедиться в отсутствии размытости.
  4. Если текст крупный и движется медленно, можно уменьшить битрейт до 6–7 Мбит/с без значительной потери чёткости.

Следуя этим настройкам, бегущая строка сохраняет читаемость и аккуратный внешний вид даже после сжатия видео для публикации.

Вопрос-ответ:

Как сделать текст бегущим горизонтально в InShot?

Для создания горизонтальной бегущей строки в InShot необходимо сначала добавить текстовый слой через кнопку «Текст». Затем на панели анимации выбрать движение по горизонтали. Установите начальную точку текста за пределами кадра с одной стороны и конечную точку за пределами с другой. После этого можно регулировать скорость перемещения через длительность клипа.

Можно ли использовать несколько строк текста в одной бегущей строке?

Да, можно. Для этого создайте несколько текстовых слоёв и расположите их друг под другом или рядом. Чтобы движение выглядело непрерывным, важно синхронизировать анимацию всех слоёв по времени. Иногда помогает дублирование слоя, чтобы строка повторялась и создавалось впечатление бесконечной прокрутки.

Как сделать текст читаемым на фоне видео в InShot?

Если видео содержит насыщенные цвета или движение, текст может сливаться с фоном. Один из способов улучшить читабельность — добавить подложку. Это может быть цветная полоса, фигура или прозрачная тень под текстом. Также стоит использовать контрастный цвет текста относительно фона и увеличить межбуквенный интервал для лучшей видимости.

Какие параметры экспорта лучше выбрать, чтобы бегущая строка не теряла качество?

При экспорте стоит задать высокий битрейт и частоту кадров, совпадающую с исходным видео. В InShot это делается в меню экспорта: выбирается разрешение 1080p или выше, битрейт — 8–12 Мбит/с для HD, а частота кадров — 30 fps или 60 fps в зависимости от исходного материала. Так текст будет плавным и чётким.

Можно ли зациклить длинную бегущую строку, чтобы она повторялась бесконечно?

Да, в InShot это делается путём дублирования текстового слоя и точной стыковки его концов. После дублирования слоя сместите второй текст за пределы кадра так, чтобы при завершении движения первого слоя второй начинал движение непрерывно. Этот метод позволяет создать эффект бесконечной прокрутки без разрывов.

Как в InShot сделать бегущую строку, чтобы текст прокручивался плавно и без рывков?

Для создания плавной бегущей строки в InShot сначала добавьте текстовый слой через кнопку «Текст». Затем выберите анимацию «Сдвиг» или «Скролл» по горизонтали. Для равномерного движения задайте ключевые кадры: первый в начале кадра с текстом за пределами экрана, второй – в конце кадра с текстом полностью слева или справа. Если строка длинная, дублируйте слой и объединяйте их так, чтобы при смене одного фрагмента другой появлялся без разрыва. Регулировка длительности клипа и расстояния смещения позволит получить нужную скорость прокрутки. Для лучшей читаемости можно добавить контрастную подложку из стикеров или фигур, чтобы текст выделялся на фоне видео.

Ссылка на основную публикацию