Зміст
![Как наложить картинку на видео онлайн](https://cdn.daad.org.ua/images/11434/314f7961dcc0f998f7c44719f1b8af31.png)
Спосіб 1: Canva
Популярний онлайн-сервіс, орієнтований, в першу чергу, на створення дизайнів і презентацій як на основі будь-якого з безлічі доступних шаблонів, так і повністю з нуля. Крім цього, в його арсеналі є редактори фото і відео, до можливостей яких ми і звернемося для вирішення озвученої в заголовку статті завдання.
- Після переходу по представленої вище посиланням на головну сторінку сайту скористайтеся однією з двох доступних на його верхній панелі кнопок –»Увійти"
або
»зареєструватися"
.
Введіть дані для авторизації в облікового запису, якщо така вже є, створіть нову або використовуйте існуючі акаунти в Google, Facebook або Apple.
- Клікніть по значку»Відео"
І виберіть відповідний варіант проекту зі списку доступних, перегортаючи їх в сторону.
Так, якщо плануєте публікувати ролик на YouTube, краще відразу відкрити відповідний проект.
Саме це було зроблено в нашому прикладі.
- На момент написання цієї статті вбудований в веб-сервіс Canva відеоредактор знаходиться в стадії відкритого бета-тестування, всі його функції можна «спробувати безкоштовно» .
- Ймовірно, саме через бета-версії інтерфейс з російськомовного зміниться на англійську, але у вирішенні нашої задачі це не буде проблемою. Для додавання відеофайлу і зображення, з якими плануєте працювати, виконайте наступне:
- Перейдіть на бічній панелі у вкладку «Upload» ;
- Натисніть на кнопку «Upload Media» ;
- Якщо необхідні файли зберігаються на диску комп'ютера, клікніть по елементу «Device» (далі буде розглянуто саме цей варіант). Якщо ж вони знаходяться в одному з підтримуваних хмарних сховищ або соціальних мереж, скористайтеся відповідним їм кнопками і далі дотримуйтесь покроковим підказкам від Canva;
- За допомогою вікна системного, що з'явилося " провідника» перейдіть до директорії із зображенням і роликом, виділіть їх і натисніть на кнопку »відкрити" .
- Чекайте, поки файли будуть завантажені, після чого клікніть по відео для його додавання в робочу область, попередньо перейшовши у вкладку «Videos» .
- Файл з'явиться на шаблонному полотні,
А управляти його відтворенням можна буде за допомогою кнопки «Play» і таймлайна з можливістю швидкого переміщення до потрібного кадру.
Тут саме час відзначити три важливі нюанси. По-перше, якщо вами був обраний шаблонний проект з роздільною здатністю 1920*1080, а ролик має меншу роздільну здатність (наприклад, 720p, як в нашому випадку), ця «різниця» при експорті заповниться «порожнечею» &8212; білим фоном, який стане частиною зображення. За необхідності відео можна розтягнути до потрібних розмірів, але це відчутно погіршить якість, тому краще відразу вибирати відповідний макет або файл. Також важливо враховувати орієнтацію & 8212; альбомну і портретну.
По-друге, якщо у картинки буде непрозорий фон, його потрібно видалити. Це можна зробити як самостійно в будь-якому зручному графічному редакторі, так і засобами сервісу Canva, про що ми раніше розповідали в окремій інструкції.
Детальніше: Як видалити фон на фотографії за допомогою Canva
По-третє, зображення можна додати тільки на весь ролик відразу, але не на окремі його кадри.
- Перейдіть до підрозділу «Images» вкладки «Uploads» і виділіть картинку для додавання в робочу область, тобто на відео. Затиснувши графічний елемент ЛФМ, перемістіть його в потрібне місце і в разі потреби змініть розмір, зрушуючи розташовані в кутах рамки маркери.
- Щоб оцінити результат, увімкніть відтворення ролика і, якщо буде потрібно, розгорніть його на весь екран.
- Крім вже наявного зображення, до проекту можна додати один або відразу кілька з безлічі пропонованих Canva графічних елементів, в числі таких:
- «Elements» &8212; лінії та фігури, графіка, фотографії тощо.;
- «Text» & 8212; різні наклейки, які можна редагувати, а також заголовки та підзаголовки;
- «Styles» & 8212; варіанти стилістичного оформлення, що містять різні колірні рішення і шрифти;
- «Background» & 8212; фонові зображення;
- «More» & 8212; додаткові елементи (фото, аудіо та відеофайли, графіки, папки, а також інтеграції з веб-додатками і сервісами);
- «Templates» &8212; власне початковий шаблон проекту (вибирався на кроці №2 цієї Інструкції), який в будь-який момент можна змінити. Однак варто враховувати, що в такому випадку більшу частину дій доведеться виконувати заново.
- Коли бажаний результат буде досягнутий, збережіть відеофайл на комп'ютер. Для цього натисніть на кнопку «Download»
на верхній панелі, а потім по однойменному елементу в меню експорту.
Змінювати формат кінцевого файлу не має сенсу, так як MP4 є не тільки рекомендованим за замовчуванням, але і єдиним доступним варіантом даного типу Мультимедіа.
Чекайте, поки проект буде експортований (тривалість цієї процедури залежить від розміру і тривалості підсумкового відео),
Після чого ви зможете його " Зберегти» , вказавши в " провіднику» будь-яке зручне місце на диску комп'ютера і за бажанням змінивши ім'я.
![Как наложить картинку на видео онлайн_002](https://cdn.daad.org.ua/images/11434/9ec3a8aee4119003936ac4d7befc5393.png)
![Как наложить картинку на видео онлайн_039](https://cdn.daad.org.ua/images/11434/7ffba09309187a24eb5d10aa72998b7a.png)
![Как наложить картинку на видео онлайн_040](https://cdn.daad.org.ua/images/11434/ef36184caf3e2ead42eb494aaeb8a704.png)
![Как наложить картинку на видео онлайн_049](https://cdn.daad.org.ua/images/11434/be62c65678e785d9c588b62afc64993c.png)
![Как наложить картинку на видео онлайн_052](https://cdn.daad.org.ua/images/11434/6c529b72dd84f2d17496e21ca1e5c678.png)
![Как наложить картинку на видео онлайн_058](https://cdn.daad.org.ua/images/11434/f17cd8ada055edc5df058eb0e662b905.png)
![Как наложить картинку на видео онлайн_068](https://cdn.daad.org.ua/images/11434/09d27e3b636754407dd6088e455642b9.png)
На сьогоднішній день можливості доступного в рамках онлайн-сервісу Canva відеоредактора вельми обмежені, але із завданням накладення картинки поверх ролика він справляється досить ефективно.
Читайте також: як створити презентацію за допомогою веб-сервісу Canva
Спосіб 2: Panzoid
Panzoid &8212; єдиний повністю безкоштовний онлайн-сервіс, який ми розглядаємо в рамках цієї статті. У функціональності він трохи поступається конкурентам, але розробники не ставлять обмежень за якістю рендера і не накладають водяних знаків на вже готове відео з доданою картинкою.
- Після запуску відеоредактора Panzoid в лівому блоці натисніть по кнопці &171;Import&187; для переходу до додавання контенту.
- При відображенні &171; провідника&187; доведеться по черзі вибирати відео і картинку.
- Після перетягніть їх по черзі на таймлайн, затиснувши блок лівою кнопкою миші.
- Зображення повинно відразу ж відобразитися поверх відео, а за допомогою простих інструментів ви можете переміщати його, повертати і трансформувати, задіявши для цього вікно попереднього перегляду.
- Розтягніть тривалість картинки на таймлайні, щоб вона показувалася тільки певний період або протягом відтворення всього відео.
- Використовуйте інші присутні в Panzoid функції, щоб виконати додаткове редагування відео, якщо є бажання.
- Після перейдіть до розділу &171;Export project&187; і клацніть по пункту &171;Device render&187; .
- Вкажіть параметри обробки, включаючи кількість кадрів в секунду, дозвіл і кінцевий формат, а потім клікніть &171;Start&187; .
- Чекайте кінця обробки відео, що займе від декількох хвилин до години, адже тривалість ролика буває різна, як і задані параметри рендеринга.
- Після завершення натисніть &171;Download your video&187; , щоб завантажити проект на комп'ютер.
- Дочекайтеся кінця скачування і переходите до подальшої взаємодії з відео.
![Переход к выбору файлов для вставки картинки в видео через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/fad908e8f9bdc061ae3cfa397dd555d4.png)
![Выбор файлов для вставки картинки видео через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/6ddfee8fcadef931aa077dea1a6b60f1.png)
![Перемещение материалов на таймлайн для вставки картинки в видео через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/21f28957e360a335f6dff2dcbcad575e.png)
![Настройка расположения картинки в видео через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/c279528b720a739a38b3657146607b08.png)
![Настройка длительности воспроизведения картинки в видео через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/9b4084768bd2744c5dc863db34ad40e1.png)
![Дополнительные настройки видео перед сохранением в Panzoid](https://cdn.daad.org.ua/images/11434/ace3ca438b0e5e116d4f967ab7791ab7.png)
![Переход к сохранению видео после наложения картинки в Panzoid](https://cdn.daad.org.ua/images/11434/5f0da0c4cf4b5accdabee13316330952.png)
![Выбор параметров для сохранения видео в Panzoid](https://cdn.daad.org.ua/images/11434/b34d01892cbaf35a954e68e8f01de9fc.png)
![Начало сохранения видео после вставки изображения в Panzoid](https://cdn.daad.org.ua/images/11434/f1b101e8e4491927d2d0f2f8111d5dbe.png)
![Запуск скачивания видео после вставки картинки через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/1bf0ab1e5bf0cc23f786b37c10b03f2d.png)
![Успешное сохранение видео после наложения картинки через онлайн-сервис Panzoid](https://cdn.daad.org.ua/images/11434/79d922a0347636a25604d87b9d20f5bf.png)
Спосіб 3: Clipchamp Create
Clipchamp Create &8212; просунутий редактор відео, що працює в режимі онлайн. У ньому є всі необхідні опції для того, щоб швидко і правильно накласти картинку на відео, але і без обмежень не обходиться. У безкоштовній версії сайту можна завантажити готовий проект тільки в 480p і з накладеним водяним знаком.
- При першому переході до Clipchamp Create потрібно авторизуватися за допомогою соціальних мереж або ввести електронну пошту для реєстрації нового профілю.
- Після успішного входу на лівій панелі натисніть &171;Create a video&187; .
- При створенні проекту виберіть співвідношення сторін, яке буде оптимальним в конкретному випадку.
- Після відкриття редактора в лівому блоці зверху натисніть &171;Browse my files&187; .
- Додайте спочатку відео чи зображення.
- Перетягніть матеріал на таймлайн.
- Знову поверніться до &171;Add media&187; через ліву панель.
- Натисніть &171;Browse my Files&187; для додавання другого матеріалу.
- Тепер у &171;провіднику&187; знайдіть відсутній компонент проекту.
- Перетягніть картинку на верхній шар, а відео під нього.
- Розтягніть тривалість відтворення зображення на необхідну довжину, а потім переконайтеся в тому, що воно відображається поверх відео. Зараз картинка може займати практично все вікно попереднього перегляду, але далі ми налаштуємо розмір і положення.
- Для цього після вибору картинки відкрийте вкладку &171;Transform&187; . Тут можна відобразити знімок, повернути його і налаштувати прозорість.
- В &171;Layout&187; вкажіть режим &171;Picture in picture&187; .
- Задайте позицію і розмір зображення, відстежуючи його розташування через вікно попереднього перегляду.
- Використовуйте інші інструменти, щоб керувати таймлайном і монтувати відео, якщо в цьому є потреба. Наприклад, можна додати інші фотографії, склеїти відео, налаштувати перехід і розташувати написи.
- По готовності натисніть &171;Export&187; для переходу до збереження.
- Безкоштовно можна зберегти відео тільки в 480p, а якщо бажаєте отримати більш високий дозвіл, слід придбати один з пропонованих тарифних планів.
- Після опустіться вниз правій панелі і натисніть &171;Download watermarked 480p demo&187; .
- Чекайте закінчення рендеринга.
- Після цього відео буде завантажено автоматично.
![Авторизация в онлайн-сервисе Clipchamp Create для наложения картинки на видео](https://cdn.daad.org.ua/images/11434/b5eee41da788874c2d8efcbe00f445f0.png)
![Создание проекта в онлайн-сервисе Clipchamp Create для наложения картинки на видео](https://cdn.daad.org.ua/images/11434/a80a2c518b98b52acee27c55ebe57c8a.png)
![Выбор типа проекта в онлайн-сервисе Clipchamp Create для наложения картинки на видео](https://cdn.daad.org.ua/images/11434/55a7c2dd309c9658f6d0bf0490dcf755.png)
![Переход к добавлению видео в онлайн-сервисе Clipchamp Create](https://cdn.daad.org.ua/images/11434/e685ed2eec158a809e46840d82aee8ac.png)
![Добавление видео для проекта через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/aeea144fa167c335210d2bb900bc1c22.png)
![Перенос видео на таймлайн для наложения картинки через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/c884ac0a7b9d2cbd7ee74f7640172022.png)
![Переход к загрузке картинки для проекта через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/6fb3783453f97bf25778479529b9f5bc.png)
![Кнопка для добавления картинки к видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/3487ac7c58fde0de1d1c94bcac02c472.png)
![Выбор картинки для добавления к проекту через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/c19c0910300a4de234c0f25432684a3d.png)
![Перенос картинки на таймлайн после добавления в проект через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/eb6fc06bcb1de836bd4ef0346721a4ad.png)
![Настройка длительности воспроизведения картинки через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/62603515e66c88e63bab865238e219a9.png)
![Трансформирование картинки на видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/9025137e27a36e0cc854cf590f13e78f.png)
![Настройка типа наложения картинки на видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/cb9cea99b40e5dbd33b8a328cae1fb3b.png)
![Настройка размера и расположения картинки на видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/eab1a9a058db9dd8ff992e6b7498fcf2.png)
![Дополнительные действия с видео перед сохранением в онлайн-сервисе Clipchamp Create](https://cdn.daad.org.ua/images/11434/dfcbb3aa878c5a68e3572a8621577999.png)
![Переход к сохранению видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/ad612103f0fc8b5f5672963ab0518d42.png)
![Настройки для сохранения видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/0d86ddc80d63e6d651cff58c83a4f68e.png)
![Запуск сохранения видео через онлайн-сервис Clipchamp Create](https://cdn.daad.org.ua/images/11434/9b5425aef8b80a0246a73fa0d6889856.png)
![Процесс обработки видео для сохранения в онлайн-сервисе Clipchamp Create](https://cdn.daad.org.ua/images/11434/66e45ab4cfe1da7a205f90dcffd12b64.png)
![Успешное скачивание видео после обработки в онлайн-сервисе Clipchamp Create](https://cdn.daad.org.ua/images/11434/3ed4c771224497122ca8bc6f3463100a.png)
Спосіб 4: InVideo
Онлайн-сервіс InVideo працює приблизно за таким же принципом, як і попередній, і для нього теж діють аналогічні обмеження безкоштовної версії. Через це юзер зіткнеться із завданням вибору при експорті готового проекту.
- Відкрийте головну сторінку InVideo і перейдіть на вкладку &171;Blank Template&187; .
- Виберіть відповідну орієнтацію проекту і переходите до початку взаємодії з ним.
- Через ліву панель перейдіть до розділу &171;Uploads&187; .
- Там клацніть по кнопці &171;Upload &8212; files up to 200 MB&187; . Можливість завантажити файл вагою до 200 мегабайт &8212; ще один недолік безкоштовної версії InVideo.
- В &171;провіднику&187; точно так же виберіть відео і картинку, і спочатку сам ролик перетягніть у вікно попереднього перегляду.
- Після цього накладіть на нього зображення.
- За допомогою з'явився інструменту редагування налаштуйте розташування і розмір картинки.
- На часовій лінії ви можете редагувати довжину сцени, щоб встановити період, протягом якого буде показано зображення.
- Використовуйте додаткові інструменти редагування, щоб закінчити роботу з відео.
- Кнопкою &171;Preview & Export&187; перейдіть до збереження готового проекту на комп'ютері.
- Чекайте здійснення обробки, подивіться саме відео, а потім клікніть &171;Export With Watermark&187; .
- Почнеться процес рендеринга, після чого відео можна буде завантажити.
![Переход к созданию чистого проекта в онлайн-сервисе InVideo](https://cdn.daad.org.ua/images/11434/6d4b0af2fda8e54786bd2e9e52df6e96.png)
![Создание чистого проекта для наложения картинки на видео через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/608602124e21c7bf9c2522d22ec33bc6.png)
![Переход к добавлению файлов для наложения картинки на видео в онлайн-сервисе InVideo](https://cdn.daad.org.ua/images/11434/9587ce90448fe52c357e924fe5dbb216.png)
![Кнопка для добавления файлов к проекту онлайн-сервиса InVideo](https://cdn.daad.org.ua/images/11434/bb0aed8368d4e7d6c0e35b9ea3966f4e.png)
![Перенос видео на проект в онлайн-сервисе InVideo](https://cdn.daad.org.ua/images/11434/d2e2297eb4e96850f026109a8dd573c1.png)
![Перенос картинки на проект через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/612c812530c94a379e4884f36b01eb04.png)
![Выбор размера и расположения картинки на проекте через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/c9ea2c92feef4c810fa93e6f588ee197.png)
![Выбор длины воспроизведения картинки через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/ca7eb5d1ab8b9e84b121dd0cdd2f70e0.png)
![Дополнительные настройки проекта через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/7f5907335ef3daad35b743690808e74f.png)
![Переход к сохранению видео через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/b9a448ea707328fbbdc4ba487d632102.png)
![Выбор типа сохранения видео через онлайн-сервис InVideo](https://cdn.daad.org.ua/images/11434/2ed2e5209e2bcac81bd86551dc87effb.png)
![Процесс обработки видео в онлайн-сервисе InVideo](https://cdn.daad.org.ua/images/11434/4832e6174a45e47ef4012558b277fde9.png)
Якщо вам з якихось причин не підходять описані вище онлайн-сервіси, наприклад, не хочеться купувати повну версію для того, щоб завантажити відео в хорошій якості, радимо ознайомитися з повноцінним програмним забезпеченням, що дозволяє накладати ролики і картинки поверх існуючого шару, прочитавши допоміжний матеріал по посиланнях нижче.
Детальніше:
як накласти відео чи зображення на відео
найкращі програми для накладання відео або картинки на відео