накладення картинки на відео через онлайн-сервіси

Зміст

• Спосіб 1: Canva
• Спосіб 2: Panzoid
• Спосіб 3: Clipchamp Create
• Спосіб 4: InVideo
• Питання та відповіді

Спосіб 1: Canva

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

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

1. Після переходу по представленої вище посиланням на головну сторінку сайту скористайтеся однією з двох доступних на його верхній панелі кнопок –»Увійти" або »зареєструватися" .

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


2. Клікніть по значку»Відео"

   І виберіть відповідний варіант проекту зі списку доступних, перегортаючи їх в сторону.

   

   Так, якщо плануєте публікувати ролик на YouTube, краще відразу відкрити відповідний проект.

   

   Саме це було зроблено в нашому прикладі.


3. На момент написання цієї статті вбудований в веб-сервіс Canva відеоредактор знаходиться в стадії відкритого бета-тестування, всі його функції можна «спробувати безкоштовно» .

4. Ймовірно, саме через бета-версії інтерфейс з російськомовного зміниться на англійську, але у вирішенні нашої задачі це не буде проблемою. Для додавання відеофайлу і зображення, з якими плануєте працювати, виконайте наступне:
   • Перейдіть на бічній панелі у вкладку «Upload» ;
   
   • Натисніть на кнопку «Upload Media» ;
   
   • Якщо необхідні файли зберігаються на диску комп'ютера, клікніть по елементу «Device» (далі буде розглянуто саме цей варіант). Якщо ж вони знаходяться в одному з підтримуваних хмарних сховищ або соціальних мереж, скористайтеся відповідним їм кнопками і далі дотримуйтесь покроковим підказкам від Canva;
   
   • За допомогою вікна системного, що з'явилося " провідника» перейдіть до директорії із зображенням і роликом, виділіть їх і натисніть на кнопку »відкрити" .
   
5. Чекайте, поки файли будуть завантажені, після чого клікніть по відео для його додавання в робочу область, попередньо перейшовши у вкладку «Videos» .



6. Файл з'явиться на шаблонному полотні,

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

   

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

   

   По-друге, якщо у картинки буде непрозорий фон, його потрібно видалити. Це можна зробити як самостійно в будь-якому зручному графічному редакторі, так і засобами сервісу Canva, про що ми раніше розповідали в окремій інструкції.

   Детальніше: Як видалити фон на фотографії за допомогою Canva

   

   По-третє, зображення можна додати тільки на весь ролик відразу, але не на окремі його кадри.


7. Перейдіть до підрозділу «Images» вкладки «Uploads» і виділіть картинку для додавання в робочу область, тобто на відео. Затиснувши графічний елемент ЛФМ, перемістіть його в потрібне місце і в разі потреби змініть розмір, зрушуючи розташовані в кутах рамки маркери.

8. Щоб оцінити результат, увімкніть відтворення ролика і, якщо буде потрібно, розгорніть його на весь екран.

9. Крім вже наявного зображення, до проекту можна додати один або відразу кілька з безлічі пропонованих Canva графічних елементів, в числі таких:
   • «Elements» &8212; лінії та фігури, графіка, фотографії тощо.;
   
   • «Text» & 8212; різні наклейки, які можна редагувати, а також заголовки та підзаголовки;
   
   • «Styles» & 8212; варіанти стилістичного оформлення, що містять різні колірні рішення і шрифти;
   
   • «Background» & 8212; фонові зображення;
   
   • «More» & 8212; додаткові елементи (фото, аудіо та відеофайли, графіки, папки, а також інтеграції з веб-додатками і сервісами);
   
   • «Templates» &8212; власне початковий шаблон проекту (вибирався на кроці №2 цієї Інструкції), який в будь-який момент можна змінити. Однак варто враховувати, що в такому випадку більшу частину дій доведеться виконувати заново.
   
10. Коли бажаний результат буде досягнутий, збережіть відеофайл на комп'ютер. Для цього натисніть на кнопку «Download» на верхній панелі, а потім по однойменному елементу в меню експорту.

    

    Змінювати формат кінцевого файлу не має сенсу, так як MP4 є не тільки рекомендованим за замовчуванням, але і єдиним доступним варіантом даного типу Мультимедіа.

    

    Чекайте, поки проект буде експортований (тривалість цієї процедури залежить від розміру і тривалості підсумкового відео),

    

    Після чого ви зможете його " Зберегти» , вказавши в " провіднику» будь-яке зручне місце на диску комп'ютера і за бажанням змінивши ім'я.



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

Читайте також: як створити презентацію за допомогою веб-сервісу Canva

Спосіб 2: Panzoid

Panzoid &8212; єдиний повністю безкоштовний онлайн-сервіс, який ми розглядаємо в рамках цієї статті. У функціональності він трохи поступається конкурентам, але розробники не ставлять обмежень за якістю рендера і не накладають водяних знаків на вже готове відео з доданою картинкою.

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

1. Після запуску відеоредактора Panzoid в лівому блоці натисніть по кнопці &171;Import&187; для переходу до додавання контенту.

2. При відображенні &171; провідника&187; доведеться по черзі вибирати відео і картинку.

3. Після перетягніть їх по черзі на таймлайн, затиснувши блок лівою кнопкою миші.

4. Зображення повинно відразу ж відобразитися поверх відео, а за допомогою простих інструментів ви можете переміщати його, повертати і трансформувати, задіявши для цього вікно попереднього перегляду.

5. Розтягніть тривалість картинки на таймлайні, щоб вона показувалася тільки певний період або протягом відтворення всього відео.

6. Використовуйте інші присутні в Panzoid функції, щоб виконати додаткове редагування відео, якщо є бажання.

7. Після перейдіть до розділу &171;Export project&187; і клацніть по пункту &171;Device render&187; .

8. Вкажіть параметри обробки, включаючи кількість кадрів в секунду, дозвіл і кінцевий формат, а потім клікніть &171;Start&187; .

9. Чекайте кінця обробки відео, що займе від декількох хвилин до години, адже тривалість ролика буває різна, як і задані параметри рендеринга.

10. Після завершення натисніть &171;Download your video&187; , щоб завантажити проект на комп'ютер.

11. Дочекайтеся кінця скачування і переходите до подальшої взаємодії з відео.

Спосіб 3: Clipchamp Create

Clipchamp Create &8212; просунутий редактор відео, що працює в режимі онлайн. У ньому є всі необхідні опції для того, щоб швидко і правильно накласти картинку на відео, але і без обмежень не обходиться. У безкоштовній версії сайту можна завантажити готовий проект тільки в 480p і з накладеним водяним знаком.

Перейти до служби Clipchamp Create

1. При першому переході до Clipchamp Create потрібно авторизуватися за допомогою соціальних мереж або ввести електронну пошту для реєстрації нового профілю.

2. Після успішного входу на лівій панелі натисніть &171;Create a video&187; .

3. При створенні проекту виберіть співвідношення сторін, яке буде оптимальним в конкретному випадку.

4. Після відкриття редактора в лівому блоці зверху натисніть &171;Browse my files&187; .

5. Додайте спочатку відео чи зображення.

6. Перетягніть матеріал на таймлайн.

7. Знову поверніться до &171;Add media&187; через ліву панель.

8. Натисніть &171;Browse my Files&187; для додавання другого матеріалу.

9. Тепер у &171;провіднику&187; знайдіть відсутній компонент проекту.

10. Перетягніть картинку на верхній шар, а відео під нього.

11. Розтягніть тривалість відтворення зображення на необхідну довжину, а потім переконайтеся в тому, що воно відображається поверх відео. Зараз картинка може займати практично все вікно попереднього перегляду, але далі ми налаштуємо розмір і положення.

12. Для цього після вибору картинки відкрийте вкладку &171;Transform&187; . Тут можна відобразити знімок, повернути його і налаштувати прозорість.

13. В &171;Layout&187; вкажіть режим &171;Picture in picture&187; .

14. Задайте позицію і розмір зображення, відстежуючи його розташування через вікно попереднього перегляду.

15. Використовуйте інші інструменти, щоб керувати таймлайном і монтувати відео, якщо в цьому є потреба. Наприклад, можна додати інші фотографії, склеїти відео, налаштувати перехід і розташувати написи.

16. По готовності натисніть &171;Export&187; для переходу до збереження.

17. Безкоштовно можна зберегти відео тільки в 480p, а якщо бажаєте отримати більш високий дозвіл, слід придбати один з пропонованих тарифних планів.

18. Після опустіться вниз правій панелі і натисніть &171;Download watermarked 480p demo&187; .

19. Чекайте закінчення рендеринга.

20. Після цього відео буде завантажено автоматично.

Спосіб 4: InVideo

Онлайн-сервіс InVideo працює приблизно за таким же принципом, як і попередній, і для нього теж діють аналогічні обмеження безкоштовної версії. Через це юзер зіткнеться із завданням вибору при експорті готового проекту.

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

1. Відкрийте головну сторінку InVideo і перейдіть на вкладку &171;Blank Template&187; .

2. Виберіть відповідну орієнтацію проекту і переходите до початку взаємодії з ним.

3. Через ліву панель перейдіть до розділу &171;Uploads&187; .

4. Там клацніть по кнопці &171;Upload &8212; files up to 200 MB&187; . Можливість завантажити файл вагою до 200 мегабайт &8212; ще один недолік безкоштовної версії InVideo.

5. В &171;провіднику&187; точно так же виберіть відео і картинку, і спочатку сам ролик перетягніть у вікно попереднього перегляду.

6. Після цього накладіть на нього зображення.

7. За допомогою з'явився інструменту редагування налаштуйте розташування і розмір картинки.

8. На часовій лінії ви можете редагувати довжину сцени, щоб встановити період, протягом якого буде показано зображення.

9. Використовуйте додаткові інструменти редагування, щоб закінчити роботу з відео.

10. Кнопкою &171;Preview & Export&187; перейдіть до збереження готового проекту на комп'ютері.

11. Чекайте здійснення обробки, подивіться саме відео, а потім клікніть &171;Export With Watermark&187; .

12. Почнеться процес рендеринга, після чого відео можна буде завантажити.

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

Детальніше:
як накласти відео чи зображення на відео
найкращі програми для накладання відео або картинки на відео