spravkapc.ru

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Доброго времени суток!

В последнее время наблюдается достаточно большая популярность коротких видео: среди них можно найти не только забавные ролики про котиков (для поднятия настроения ☝), но и достаточно полезные инструкции (не всё же можно показать на фото/картинке).

Кстати, подобные короткие ролики часто называют коубами (даже есть одноименный сайт: https://coub.com/, аналогичен сервису «Vine» от компании «Twitter»).

К чему это я? Подобные бесконечно-зацикленные ролики достаточно легко создавать самостоятельно (как пример — см. превью к этой записи: «Постой паровоз…»). И в этой заметке хотел предложить один из наиболее доступных способов, как это можно сделать новичку (причем, это будет файл, который весит в 5-10 раз меньше какой-нибудь GIF-анимации 👌).

И так, ближе к теме…

Пошаговое создание зацикленного видео (коуба)

ШАГ 1: выбор ПО для обработки видео

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

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



Под эти задачи я бы порекомендовал остановиться на «Видео-Монтаже» (у него есть все эти функции). Ссылка ниже.

Видео-Монтаж

Сайт разработчика: http://video-editor.su/

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Простой и многофункциональный редактор видео на русском языке. Благодаря его пошаговому интерфейсу, с программой легко разобраться и можно прямо с первого же раза создать своё первое видео. В общем-то, ниже на своем примере я покажу как это сделать…✌

ШАГ 2: добавление видео и обрезка фрагмента

И так, после установки и запуска программы выберите создание нового проекта, а после согласитесь на авто-установку формата изображения (обычно, используется 16:9).

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Новый проект

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



Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Добавить видео в проект

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

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Выделение фрагмента

ШАГ 3: эффекты и улучшения

При необходимости всё в том же разделе «Редактировать» вы можете добавить на ролик какие-нибудь эффекты. Например, изображение можно слегка затенить/осветлить, придать ему черно-белый цвет и т.д. Эффектов в программе достаточно много.

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Эффекты



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

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Текст на видео

Ну и нельзя не отметить вкладку «Улучшения» — благодаря комплексному авто-улучшению и стабилизации изображения можно существенно повысить качество изображения (особенно заметна разница, если оно было снято на старую домашнюю камеру).

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Улучшения

ШАГ 4: добавление фоновой музыки

Для работы с музыкой в «Видео-Монтаже» есть одноименный раздел.

В общем-то, здесь всё настолько просто, что не требуется доп. комментариев: после клика на «Добавление фоновой музыки» у вас есть два пути — либо вставить свою заготовку, либо выбрать что-нибудь стандартное из заготовок редактора.

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)



Добавить фоновую музыку

Кстати, если вы хотите сделать ролик без музыки — то среди стандартной коллекции звуков выберите и добавьте «Тишину».

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Тишина

ШАГ 5: сохранение и вставка зацикленного видео

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

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Видео в другом формате

Далее укажите, что вам нужен формат «WebM (VP9)» (см. пример на скриншоте ниже).

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)



WebM (VP9)

После задайте разрешение (размер кадра) и битрейт (качество). Обратите внимание, что в зависимости от выставленных параметров — будет меняться размер файла (программа заранее просчитывает его еще до начала конвертирования).

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Создать видео (выбор качества сжатия)

В общем-то, сам процесс кодирования достаточно быстрый (на мой ролик потребовалось не более 30 сек.). Кстати, размер для такого видео достаточно компактный — всего 1,8 МБ (гораздо меньше, чем если бы я сделал GIF).

Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Всего-то 1,8 МБ

Теперь пару слов о том, как из подобного файла сделать зацикленный бесконечный ролик

Вам нужно загрузить такое видео на какой-нибудь хостинг, например:

  • https://webm.red/
  • https://webmshare.com/
  • https://coub.com/

Далее, получив прямую ссылку на свое видео (Direct Link), вам останется подредактировать слегка код, представленный ниже (я выделил фрагмент, в который вам нужно вставить свою ссылку вместо моей):



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

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
Читайте также:
untitled3untitlededituntitled4folder-openhomepenciluntitled2star