Разбираемся · Создание онлайн-курсов

Картинка в картинке Shotcut: как добавить автора к демонстрации урока

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

В этом материале

Решите, зачем второе изображение нужно в этом эпизоде

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

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

Сначала соберите содержательную последовательность по правилам монтажа учебного видео. Эффект «картинка в картинке» добавляйте к понятному объяснению. Он не восстанавливает пропущенный шаг и не делает нечитаемый исходный интерфейс крупнее.

Разложите экран и камеру по двум видеодорожкам

Сохраните отдельную копию проекта Shotcut и добавьте две видеодорожки. На нижней V1 расположите запись экрана, на верхней V2 — соответствующий фрагмент камеры. Оба клипа должны пересекаться по времени там, где требуется наложение. Размещение двух файлов подряд на одной дорожке даст последовательный показ, а не одновременный.

Разработчик Shotcut описывает принцип наложения как несколько видеодорожек и фильтры на верхней в ответе о размещении изображения поверх видео. Пока верхний клип занимает весь кадр, он может полностью закрывать демонстрацию — это ожидаемый промежуточный результат.

Для нашего примера оставим экран от 00:00 до 02:00, а камеру — от 00:20 до 01:20. Её присутствие длится 60 секунд, но весь ролик по-прежнему занимает 120 секунд. Проверьте, что на верхнюю дорожку попал именно соответствующий по содержанию отрезок записи, а не произвольная минута разговора.

Измените размер именно верхнего клипа

Выделите клип камеры на монтажной шкале и добавьте видеофильтр Size, Position & Rotate. Он управляет масштабом и положением изображения; режимы описаны в документации фильтра Shotcut. Убедитесь, что фильтр назначен камере, а не всему выходу проекта: иначе уменьшится и основная демонстрация.

Начните с сохранения пропорций. Если исходная камера имеет соотношение 16:9, подходящим пробным размером может быть 480 × 270 в проекте 1920 × 1080. Режим Distort допускает изменение пропорций; для обычного портрета не используйте его, чтобы подгонять лицо под неудобный прямоугольник.

Это выбранные размеры нашего макета, а не универсальный стандарт для видеоуроков. Ширина окна составляет четверть ширины кадра, высота — четверть высоты, площадь — одну шестнадцатую, то есть 6,25%. При другом соотношении сторон исходника сначала решите вопрос кадрирования, а не растягивайте изображение.

Рассчитайте положение и проверьте занятые области

Поставим окно в правый верхний угол с отступом 48 пикселей. Для прямоугольника 480 × 270 на холсте 1920 × 1080 координата X равна 1920 − 480 − 48 = 1392, координата Y — 48. Правая граница оказывается на 1872, нижняя — на 318. Эти числа помогают воспроизвести макет без приблизительного перетаскивания.

Пройдите выбранную минуту по контрольным точкам: начало объяснения, раскрытое меню, показ результата и конец фразы. Если окно закрывает рабочую область, измените положение для эпизода или сократите его присутствие. Не оценивайте удобство только по одному удачному стоп-кадру.

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

Оставьте один понятный источник речи

В учебном примере основная озвучка уже записана вместе с экраном. Камера содержит ещё одну запись того же голоса. Отключите её звук на V2 и прослушайте результат: две почти одинаковые дорожки могут давать эхо или окраску речи. Если качественная озвучка находится именно в камерном файле, выберите её основным источником и соответственно измените маршрут звука.

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

Не отключайте звук всей демонстрации, если в уроке требуется услышать результат операции. Разделите речь и нужный учебный звук по смыслу и проверьте каждый. Монтажная задача состоит в ясном объяснении, а не просто в наличии одного значка динамика.

Проверьте экспорт и сохраните редактируемую версию

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

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

Сохраните проект, обе исходные записи и заметку с параметрами окна. Тогда при обновлении урока можно заменить демонстрацию и заново проверить перекрытия, сохранив управляемую композицию. В Umhub передаётся готовый проверенный ролик; встроенный монтаж такого эффекта здесь не предполагается.

Источники

  1. ответе о размещении изображения поверх видео ↗
  2. документации фильтра Shotcut ↗
Создать аккаунт и собирать свою библиотеку →
От знаний — к своему курсу

Создайте свой курс в Umhub

Примените то, что узнали: соберите программу, добавьте материалы и пригласите учеников.

Создать курс