Как сделать видео «до и после» на компьютере

Ролик «до и после» за несколько секунд показывает то, что в тексте пришлось бы долго описывать: как изменилась упаковка товара, как выглядела комната до ремонта и после, что стало с деревянным стулом после реставрации. Поэтому такой формат любят блогеры, мастера, дизайнеры и небольшие бренды, особенно в коротких роликах.

Чтобы сравнение получилось честным и наглядным, мало просто склеить два фрагмента. Кадры нужно снять так, чтобы их можно было сопоставить, а затем выбрать способ показа и переход. Разбираем и показываем, как собрать видео до и после на компьютере в пяти программах.

Видео до и после: советы и рекомендации

Эффект до и после в видео работает, только если между кадрами меняется сам объект. Если вместе с ним меняются угол съемки, расстояние и свет, зритель не поймет, что именно стало лучше. Вот как этого добиться.

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

Сохраняйте масштаб объекта. Не меняйте зум и расстояние до объекта. Если сравниваете упаковку товара, кладите старую и новую коробку на одно и то же место на столе. Тогда на экране они займут одинаковую площадь, и разница в дизайне будет видна сразу.

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

Используйте одни и те же настройки камеры. Автоматический баланс белого и экспозиция могут подстроиться под сцену по-разному, и «после» окажется теплее или ярче не из-за изменений, а из-за камеры. Если есть ручной режим, зафиксируйте настройки.

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

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

Подберите фоновую музыку. Ролик «до и после» часто идет без комментариев, и в тишине даже эффектное сравнение смотрится пусто. Поэтому на видео можно наложить музыку: спокойный трек без слов не отвлекает от изменений, а смену кадров удобно совместить с сильной долей. Используйте треки, на которые у вас есть права, например, из встроенной библиотеки видеоредактора или площадки, на которой собираетесь публиковать контент.

Монтаж сравнения фото и видео: способы и переходы

Монтаж сравнения «до и после» можно построить несколькими способами. Выбор зависит от того, что вы сравниваете и сколько времени у зрителя на просмотр.

Последовательный показ. Сначала на экране кадр «до», затем «после». Это самый простой вариант, он подходит почти для любого сюжета. Чтобы зритель успел рассмотреть детали, длительность фрагмента обычно делают 2–4 секунды (дольше — если ролик о ремонте).

Разделение экрана. Кадры стоят рядом: слева «до», справа «после» или один над другим. Зритель видит обе версии одновременно, поэтому способ хорошо работает для упаковки, интерьеров и всего, где важны мелкие различия. Для вертикального видео удобнее делить экран по горизонтали, для горизонтального — по вертикали.

Шторка. Кадр «после» постепенно закрывает кадр «до», как будто по экрану проводят линию. Такой переход для видео сразу показывает, где начинается изменение, и особенно эффектно смотрится, если ракурс в обоих кадрах совпадает до миллиметра.

Наложение с растворением. Один кадр плавно перетекает в другой. Это самый простой способ сделать плавный переход в видео без резкой смены картинки. Лучше всего растворение смотрится при одинаковом ракурсе: если кадры сильно отличаются, во время перехода изображения наложатся друг на друга и могут выглядеть неаккуратно.

К любому способу стоит добавить подписи «до» и «после». Без них зритель может перепутать порядок.

Как выбрать переходы для монтажа видео:

• для одного сравнения хватает одного типа перехода, разные эффекты отвлекают от самого результата;
• плавный переход длительностью около секунды выглядит спокойнее, чем резкая склейка;
• если сравниваете несколько этапов (например, стул до шлифовки, после шлифовки и после покраски), используйте один и тот же переход между всеми этапами.

Как сделать видео «до и после» в видеоредакторе

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

Мовавика Видео

Мовавика Видео — видеоредактор для Windows и macOS с ИИ-функциями, готовыми эффектами и шаблонами. Сравнение здесь можно собрать вручную, а оформление взять из шаблонов: заставку, финальные титры и анимированный текст для подписей.

Как сделать видео до и после:

1. Добавьте фото или видео «до» и «после» и перетащите их на таймлайн: «до» на основную дорожку, «после» — на дорожку над ней так, чтобы фрагменты совпадали по времени.
2. Выделите верхний клип, откройте Инструменты — Расположение и выберите вариант размещения двух видео рядом (функция Разделение). Настройте размеры и положение кадров в окне предпросмотра.
3. При необходимости кадрируйте фрагменты, чтобы объект занимал одинаковую часть кадра в обеих версиях.
4. Если хотите показать кадры по очереди, разместите их на одной дорожке друг за другом. Добавьте между ними переход, например шторку или растворение, и настройте длительность.
5. Добавьте подписи «до» и «после» из коллекции титров. Выберите шрифт, цвет и расположение текста.
6. При желании оформите ролик с помощью шаблонов. Каждый шаблон состоит из блоков (таких как заставки, коллажи или финальные титры), которые можно переставлять, удалять и добавлять. Например, коллаж подойдет, чтобы показать несколько этапов реставрации, а заставку с названием проекта и цвета титров можно настроить под стиль канала.
7. Выберите нужное соотношение сторон и сохраните ролик в MP4: 16:9 для горизонтального видео или 9:16 для вертикального.

DaVinci Resolve

DaVinci Resolve — редактор для Windows, macOS и Linux с полностью бесплатной версией. Разделение экрана здесь настраивают через параметры масштаба, положения и обрезки клипа.

1. Импортируйте материалы и поставьте «до» на первую видеодорожку, а «после» — на вторую, точно над ним.
2. Выделите верхний клип и в панели Инспектор сдвиньте его вправо с помощью параметров Положение, а с помощью Обрезка кадра оставьте нужную часть кадра.
3. Повторите настройку для нижнего клипа, разместив его на другой половине экрана. Проверьте, чтобы изображения стояли рядом, без пустого пространства и наложений.
4. Для последовательного показа поставьте клипы на одну дорожку друг за другом и добавьте между ними переходы (из раздела Видеопереходы).
5. Добавьте текстовые подписи, проверьте результат и экспортируйте видео на вкладке Экспорт.

Shotcut

Shotcut — бесплатный редактор с открытым исходным кодом для Windows, macOS и Linux. Для разделения экрана здесь используют фильтры, которые помогают изменить размер, положение и видимую область кадра.

1. Добавьте материалы «до» и «после» на две видеодорожки, одну над другой, и совместите их по времени.
2. Примените к верхнему клипу фильтр Кадрирование: прямоугольник, чтобы оставить половину кадра, а затем фильтр Размер, позиция и поворот, чтобы поставить ее на нужное место.
3. Повторите для второго клипа, чтобы половинки встали рядом.
4. Для перехода поставьте клипы на одну дорожку внахлест. Shotcut автоматически создаст переход. Выделите его, откройте Свойства и выберите подходящий вариант перехода.
5. Добавьте подписи с помощью текстового фильтра и экспортируйте видео.

OpenShot

OpenShot — бесплатный редактор с открытым исходным кодом для Windows, macOS и Linux. Позволяет размещать кадры рядом, настраивать их положение и добавлять переходы из встроенной коллекции.

1. Импортируйте материалы и разместите «до» и «после» на двух дорожках, одну над другой.
2. Выделите верхний клип и добавьте эффект Кадрирование из раздела Эффекты. В его свойствах настройте обрезку, чтобы оставить нужную часть изображения.
3. В свойствах клипа задайте положение по горизонтали, чтобы половинки встали рядом.
4. Для последовательного показа разместите клипы на одной дорожке с небольшим нахлестом. OpenShot автоматически создаст плавный переход. Если нужна шторка, выберите подходящий эффект в разделе Переходы и разместите его на участке смены кадров.
5. Добавьте подписи через меню Титры, настройте их расположение и экспортируйте готовое видео.

iMovie

iMovie — бесплатный видеоредактор Apple для Mac. Разделение экрана здесь встроено в настройки наложения видео, поэтому сравнение рядом можно собрать за несколько действий.

1. Перетащите фрагмент «до» на монтажную шкалу, а «после» — над ним, чтобы клипы были связаны.
2. Выделите верхний клип, откройте настройки наложения видео (над окном предпросмотра) и выберите Разделенный экран.
3. В графе Положение укажите, с какой стороны будет второй кадр: слева, справа, сверху или снизу.
4. Для последовательного показа поставьте клипы друг за другом и добавьте переход из библиотеки.
5. Добавьте титры с подписями и экспортируйте ролик в файл.