Наложение картинки на видео через онлайн-сервисы

Способ 1: Canva

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

Перейти к онлайн-сервису Canva

  1. После перехода по представленной выше ссылке на главную страницу сайта воспользуйтесь одной из двух доступных на его верхней панели кнопок – «Войти» или «Зарегистрироваться».

    Как наложить картинку на видео онлайн_003

    Введите данные для авторизации в учетной записи, если таковая уже имеется, создайте новую или используйте существующие аккаунты в Google, Facebook либо Apple.

  2. Как наложить картинку на видео онлайн_002

  3. Кликните по значку «Видео»

    Как наложить картинку на видео онлайн_001

    и выберите подходящий вариант проекта из списка доступных, пролистывая их в сторону.

    Как наложить картинку на видео онлайн_037

    Так, если планируете публиковать ролик на YouTube, лучше сразу открыть соответствующий проект.

    Как наложить картинку на видео онлайн_038

    Именно это и было сделано в нашем примере.

  4. Как наложить картинку на видео онлайн_039

  5. На момент написания настоящей статьи встроенный в веб-сервис Canva видеоредактор находится в стадии открытого бета-тестирования, все его функции можно «Попробовать бесплатно».
  6. Как наложить картинку на видео онлайн_040

  7. Вероятно, именно из-за бета-версии интерфейс из русскоязычного сменится на английский, но в решении нашей задачи это не будет проблемой. Для добавления видеофайла и изображения, с которыми планируете работать, выполните следующее:
    • Перейдите на боковой панели во вкладку «Upload»;
    • Как наложить картинку на видео онлайн_041

    • Нажмите на кнопку «Upload Media»;
    • Как наложить картинку на видео онлайн_042

    • Если необходимые файлы хранятся на диске компьютера, кликните по элементу «Device» (далее будет рассмотрен именно этот вариант). Если же они находятся в одном из поддерживаемых облачных хранилищ или социальных сетей, воспользуйтесь соответствующим им кнопками и далее следуйте пошаговым подсказкам от Canva;
    • Как наложить картинку на видео онлайн_043

    • С помощью появившегося окна системного «Проводника» перейдите к директории с изображением и роликом, выделите их и нажмите на кнопку «Открыть».
    • Как наложить картинку на видео онлайн_045

  8. Ожидайте, пока файлы будут загружены, после чего кликните по видео для его добавления в рабочую область, предварительно перейдя во вкладку «Videos».
  9. Как наложить картинку на видео онлайн_046

  10. Файл появится на шаблонном полотне,

    Как наложить картинку на видео онлайн_047

    а управлять его воспроизведением можно будет с помощью кнопки «Play» и таймлайна с возможностью быстрого перемещения к нужному кадру.

    Как наложить картинку на видео онлайн_048

    Здесь самое время отметить три важных нюанса. Во-первых, если вами был выбран шаблонный проект с разрешением 1920*1080, а ролик имеет меньшее разрешение (например, 720p, как в нашем случае), эта «разница» при экспорте заполнится «пустотой» — белым фоном, который станет частью изображения. По необходимости видео можно растянуть до нужных размеров, но это ощутимо ухудшит качество, поэтому лучше сразу выбирать соответствующий макет или файл. Также немаловажно учитывать ориентацию — альбомную и портретную.

    Как наложить картинку на видео онлайн_069

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

    Подробнее: Как удалить фон на фото с помощью Canva

    Как наложить картинку на видео онлайн_051

    В-третьих, изображение можно добавить только на весь ролик сразу, но не на отдельные его кадры.

  11. Как наложить картинку на видео онлайн_049

  12. Перейдите в подраздел «Images» вкладки «Uploads» и выделите картинку для добавления в рабочую область, то есть на видео. Зажав графический элемент ЛКМ, переместите его в нужное место и по необходимости измените размер, сдвигая расположенные в углах рамки маркеры.
  13. Как наложить картинку на видео онлайн_052

  14. Чтобы оценить результат, включите воспроизведение ролика и, если потребуется, разверните его на весь экран.
  15. Как наложить картинку на видео онлайн_058

  16. Помимо уже имеющегося изображения, к проекту можно добавить один или сразу несколько из множества предлагаемых Canva графических элементов, в числе таковых:
    • «Elements» — линии и фигуры, графика, фотографии и т. д.;
    • Как наложить картинку на видео онлайн_059

    • «Text» — различные надписи-стикеры, которые можно редактировать, а также заголовки и подзаголовки;
    • Как наложить картинку на видео онлайн_060

    • «Styles» — варианты стилистического оформления, содержащие различные цветовые решения и шрифты;
    • Как наложить картинку на видео онлайн_061

    • «Background» — фоновые изображения;
    • Как наложить картинку на видео онлайн_062

    • «More» — дополнительные элементы (фото, аудио и видеофайлы, графики, папки, а также интеграции с веб-приложениями и сервисами);
    • Как наложить картинку на видео онлайн_063

    • «Templates» — собственно изначальный шаблон проекта (выбирался на шаге №2 настоящей инструкции), который в любой момент можно изменить. Однако стоит учитывать, что в таком случае большую часть действий придется выполнять заново.
    • Как наложить картинку на видео онлайн_064

  17. Когда желаемый результат будет достигнут, сохраните видеофайл на компьютер. Для этого нажмите по кнопке «Download» на верхней панели, а затем по одноименному элементу в появившемся меню экспорта.

    Как наложить картинку на видео онлайн_065

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

    Как наложить картинку на видео онлайн_066

    Ожидайте, пока проект будет экспортирован (длительность этой процедуры зависит от размера и продолжительности итогового видео),

    Как наложить картинку на видео онлайн_067

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

  18. Как наложить картинку на видео онлайн_068

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

    Читайте также: Как создать презентацию с помощью веб-сервиса Canva

Способ 2: Panzoid

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

Перейти к онлайн-сервису Panzoid

  1. После запуска видеоредактора Panzoid в левом блоке нажмите по кнопке «Import» для перехода к добавлению контента.
  2. Переход к выбору файлов для вставки картинки в видео через онлайн-сервис Panzoid

  3. При отображении «Проводника» придется по очереди выбирать видео и картинку.
  4. Выбор файлов для вставки картинки видео через онлайн-сервис Panzoid

  5. После перетащите их по очереди на таймлайн, зажав блок левой кнопкой мыши.
  6. Перемещение материалов на таймлайн для вставки картинки в видео через онлайн-сервис Panzoid

  7. Изображение должно сразу же отобразиться поверх видео, а при помощи простых инструментов вы можете перемещать его, поворачивать и трансформировать, задействовав для этого окно предпросмотра.
  8. Настройка расположения картинки в видео через онлайн-сервис Panzoid

  9. Растяните продолжительность картинки на таймлайне, чтобы она показывалась только определенный период или на протяжении воспроизведения всего видео.
  10. Настройка длительности воспроизведения картинки в видео через онлайн-сервис Panzoid

  11. Используйте другие присутствующие в Panzoid функции, чтобы выполнить дополнительное редактирование видео, если есть желание.
  12. Дополнительные настройки видео перед сохранением в Panzoid

  13. После переключитесь в раздел «Export project» и щелкните по пункту «Device render».
  14. Переход к сохранению видео после наложения картинки в Panzoid

  15. Укажите параметры обработки, включая количество кадров в секунду, разрешение и конечный формат, а затем кликните «Start».
  16. Выбор параметров для сохранения видео в Panzoid

  17. Ожидайте конца обработки видео, что займет от нескольких минут до часа, ведь продолжительность ролика бывает разная, как и заданные параметры рендеринга.
  18. Начало сохранения видео после вставки изображения в Panzoid

  19. По завершении щелкните «Download your video», чтобы скачать проект на компьютер.
  20. Запуск скачивания видео после вставки картинки через онлайн-сервис Panzoid

  21. Дождитесь конца скачивания и переходите к дальнейшему взаимодействию с видео.
  22. Успешное сохранение видео после наложения картинки через онлайн-сервис Panzoid

Способ 3: Clipchamp Create

Clipchamp Create — продвинутый редактор видео, работающий в режиме онлайн. В нем есть все необходимые опции для того, чтобы быстро и правильно наложить картинку на видео, но и без ограничений не обходится. В бесплатной версии сайта можно скачать готовый проект только в 480p и с наложенным водяным знаком.

Перейти к онлайн-сервису Clipchamp Create

  1. При первом переходе к Clipchamp Create потребуется авторизоваться при помощи социальных сетей или ввести электронную почту для регистрации нового профиля.
  2. Авторизация в онлайн-сервисе Clipchamp Create для наложения картинки на видео

  3. После успешного входа на левой панели нажмите «Create a video».
  4. Создание проекта в онлайн-сервисе Clipchamp Create для наложения картинки на видео

  5. При создании проекта выберите соотношение сторон, которое будет оптимальным в конкретном случае.
  6. Выбор типа проекта в онлайн-сервисе Clipchamp Create для наложения картинки на видео

  7. После открытия редактора в левом блоке сверху щелкните «Browse my files».
  8. Переход к добавлению видео в онлайн-сервисе Clipchamp Create

  9. Добавьте сначала видео или картинку.
  10. Добавление видео для проекта через онлайн-сервис Clipchamp Create

  11. Перетащите материал на таймлайн.
  12. Перенос видео на таймлайн для наложения картинки через онлайн-сервис Clipchamp Create

  13. Снова вернитесь в «Add media» через левую панель.
  14. Переход к загрузке картинки для проекта через онлайн-сервис Clipchamp Create

  15. Нажмите «Browse my Files» для добавления второго материала.
  16. Кнопка для добавления картинки к видео через онлайн-сервис Clipchamp Create

  17. Теперь в «Проводнике» отыщите недостающий компонент проекта.
  18. Выбор картинки для добавления к проекту через онлайн-сервис Clipchamp Create

  19. Перетащите картинку на верхний слой, а видео под него.
  20. Перенос картинки на таймлайн после добавления в проект через онлайн-сервис Clipchamp Create

  21. Растяните продолжительность воспроизведения изображения на необходимую длину, а затем убедитесь в том, что оно отображается поверх видео. Сейчас картинка может занимать практически все окно предпросмотра, но далее мы настроим размер и положение.
  22. Настройка длительности воспроизведения картинки через онлайн-сервис Clipchamp Create

  23. Для этого после выбора картинки откройте вкладку «Transform». Здесь можно отразить снимок, повернуть его и настроить прозрачность.
  24. Трансформирование картинки на видео через онлайн-сервис Clipchamp Create

  25. В «Layout» укажите режим «Picture in picture».
  26. Настройка типа наложения картинки на видео через онлайн-сервис Clipchamp Create

  27. Задайте позицию и размер изображения, отслеживая его расположение через окно предпросмотра.
  28. Настройка размера и расположения картинки на видео через онлайн-сервис Clipchamp Create

  29. Используйте другие инструменты, чтобы управлять таймлайном и монтировать видео, если в этом есть потребность. Например, можно добавить другие фотографии, склеить видео, настроить переход и расположить надписи.
  30. Дополнительные действия с видео перед сохранением в онлайн-сервисе Clipchamp Create

  31. По готовности нажмите «Export» для перехода к сохранению.
  32. Переход к сохранению видео через онлайн-сервис Clipchamp Create

  33. Бесплатно можно сохранить видео только в 480p, а если желаете получить более высокое разрешение, следует приобрести один из предлагаемых тарифных планов.
  34. Настройки для сохранения видео через онлайн-сервис Clipchamp Create

  35. После опуститесь вниз правой панели и нажмите «Download watermarked 480p demo».
  36. Запуск сохранения видео через онлайн-сервис Clipchamp Create

  37. Ждите окончания рендеринга.
  38. Процесс обработки видео для сохранения в онлайн-сервисе Clipchamp Create

  39. После этого видео будет скачано автоматически.
  40. Успешное скачивание видео после обработки в онлайн-сервисе Clipchamp Create

Способ 4: InVideo

Онлайн-сервис InVideo работает примерно по такому же принципу, как и предыдущий, и для него тоже действуют аналогичные ограничения бесплатной версии. Из-за этого юзер столкнется с задачей выбора при экспорте готового проекта.

Перейти к онлайн-сервису InVideo

  1. Откройте главную страницу InVideo и зайдите на вкладку «Blank Template».
  2. Переход к созданию чистого проекта в онлайн-сервисе InVideo

  3. Выберите подходящую ориентацию проекта и переходите к началу взаимодействия с ним.
  4. Создание чистого проекта для наложения картинки на видео через онлайн-сервис InVideo

  5. Через левую панель переместитесь к разделу «Uploads».
  6. Переход к добавлению файлов для наложения картинки на видео в онлайн-сервисе InVideo

  7. Там щелкните по кнопке «Upload — files up to 200 MB». Возможность загрузить файл весом до 200 мегабайт — еще один недостаток бесплатной версии InVideo.
  8. Кнопка для добавления файлов к проекту онлайн-сервиса InVideo

  9. В «Проводнике» точно так же выберите видео и картинку, и сначала сам ролик перетащите в окно предпросмотра.
  10. Перенос видео на проект в онлайн-сервисе InVideo

  11. После этого наложите на него изображение.
  12. Перенос картинки на проект через онлайн-сервис InVideo

  13. При помощи появившегося инструмента редактирования настройте расположение и размер картинки.
  14. Выбор размера и расположения картинки на проекте через онлайн-сервис InVideo

  15. На таймлайне вы можете редактировать длину сцены, чтобы задать период, во время которого будет показано изображение.
  16. Выбор длины воспроизведения картинки через онлайн-сервис InVideo

  17. Используйте дополнительные инструменты редактирования, чтобы закончить работу с видео.
  18. Дополнительные настройки проекта через онлайн-сервис InVideo

  19. Кнопкой «Preview & Export» перейдите к сохранению готового проекта на компьютере.
  20. Переход к сохранению видео через онлайн-сервис InVideo

  21. Ожидайте осуществления обработки, посмотрите само видео, а затем кликните «Export With Watermark».
  22. Выбор типа сохранения видео через онлайн-сервис InVideo

  23. Начнется процесс рендеринга, после чего видео можно будет скачать.
  24. Процесс обработки видео в онлайн-сервисе InVideo

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

Подробнее:
Как наложить видео или картинку на видео
Лучшие приложения для наложения видео или картинки на видео

Закрыть Мы рады, что смогли помочь Вам в решении проблемы.
Закрыть Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:



Еще статьи по данной теме:


Задайте вопрос или оставьте свое мнение

Примечание: если отправленный комментарий не появился на странице, значит он ушел на проверку и скоро будет опубликован. Пожалуйста, не дублируйте вопрос. Мы ответим Вам в ближайшее время.