Как создать вращающиеся GIF изображения в онлайн режиме из отснятого видео

Владельцам интернет-магазинов: делайте вращающиеся изображения ваших товаров онлайн - это быстро, просто и бесплатно!

Что нужно сделать:
1) Отснять видео вращающегося предмета. Желательно снять больше одного оборота, с некоторым запасом.
2) Обрезать видео по времени, чтобы получился точно один оборот предмета.
3) Перевести обрезанное видео в GIF анимацию.
4) Полученный GIF файл загрузить на сайт.

Последовательность действий на схеме:

Перед началом работы

Сначала предмет снимается во вращении на поворотном столе.

Процесс съёмки на ручном поворотном столе выглядит примерно так:

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

В приведённом ниже примере тюбик был отснят смартфоном на ручном поворотном столе. Применялось мобильное приложение Open Camera в режиме видео. Освещение - свет из окна слева. В качестве отражателей света использованы листы ватмана, как на схеме:

Теперь из полученного видеофайла создадим вращающееся на 360° изображение предмета. Сохраним его в формате GIF с бесконечным вращением. Не будем использовать никакие заранее установленные программы, а сделаем все работы онлайн. И сразу же получим результат.

1) Для обрезки видео используем сайт online-video-cutter, удобный для такой работы.
2) Для перевода видео в GIF анимацию отлично подходит сайт online-converting.

Давайте пройдём весь этот процесс по шагам.

Делаем обрезку видео

Открываем сайт:

http://online-video-cutter.com

Загружаем наш видео файл для обработки:

После загрузки видео видим окно с изображением и под ним таймлайн:

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

Ненужное пространство вокруг предмета в кадре можно обрезать, задать стандартные или произвольные пропорции. Например, привести картинку к квадрату 1:1, как здесь:

При последующей конвертации в GIF вы сможете задать точные размеры картинки.

Выбираем качество видео. Чем выше качество, тем больше будет файл и размер картинки (и наоборот).

Перед сохранением смотрим видео, проверяем совпадение начального и конечного положения предмета в обрезанном фрагменте. Затем нажимаем кнопку "Сохранить" и сохраняем файл в соответствующей папке.

Мы готовы к конвертации видео в формат GIF.

Приступаем к созданию GIF анимации

Открываем сайт:

http://online-converting.ru

Главная страница:

Находим раздел "Видео-конвертер" и нажимаем ссылку "анимированный GIF":

Нажимаем кнопку "Выбор файла":

Выбираем нужный нам файл видео и загружаем его.

Настройки GIF анимации

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

Настроим нужный нам размер картинки (если имеющийся размер не подходит). Если размер менять не нужно, оставим пустые поля.

Отрегулируем скорость обновления картинки, например 15 кадров в секунду:

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

Для переключения направления вращения предмета используйте галочку "Реверс видео".

Запускаем конвертацию, нажимаем кнопку "Конвертировать":

Идёт конвертация:

Сохранение файла GIF анимации

В нижней части страницы теперь появилась ссылка для скачивания файла GIF анимации:

Скачиваем. Осталось только загрузить полученный файл GIF анимации на ваш сайт или блог.

Так выглядит результат:

На GIF изображениях не всегда корректно отображаются плавные переходы серого цвета, но обратите внимание: здесь эти оттенки переданы без искажений и "ступенек".

Ссылка на сайт online-converting:
http://online-converting.ru

В приведённом выше примере тюбик был отснят смартфоном на ручном поворотном столе. Применялось мобильное приложение Open Camera в режиме видео.

Анимация вращения даёт отличные результаты при съёмке людей. Для создания анимированного "живого" портрета человека есть моторизованная платформа ПС Видео.

Другие интересные сайты для создания GIF анимации онлайн из видео

Можно сделать аналогичные операции с помощью других сайтов, например:

ezgif.com - нужно открыть на сайте вкладку "Video to GIF converter". Интерфейс у Ezgif менее удобен, зато есть все необходимые функции (кадрирование, обрезка по времени, изменение размеров и т.д.). Качество картинки обычно очень хорошее.

kapwing.com - нажмите на сайте кнопку "Start editing" и загрузите видео. Интерфейс понятный и удобный, но иногда сайт работает некорректно, и видео получается с ошибками.

Какие ещё есть варианты анимации?

Можно просто снять видео вращающегося объекта, зациклить это видео и получить аналогичный результат. Вращение на видео выглядит более плавным. Один видеофайл mp4 обычно весит меньше, чем файл GIF.

Пример зацикленного видео:

Подробнее о видео 360° с непрерывным вращением

Короткие видео

Короткие "живые" видеоролики с бесконечным движением тоже отлично показывают ваш товар. Вращение объекта неполное, но выразительное.

Короткие видео делать проще, файлы получаются меньше.

Подробнее о коротких видео

Анимация вращения даёт отличные результаты при съёмке людей. Для создания анимированного "живого" портрета человека разработана моторизованная платформа ПС Видео.

Другие способы получения вращающихся 3D изображений

Общие рекомендации: способы получения крутящихся изображений, съемка, освещение, софт и т.д.

3D съемка предметов смартфоном с помощью Open Camera

Анимация вращения из серии фото:

- GIF анимация онлайн

- GIF анимация из фотографий бесплатной программой PhotoScape

- GIF анимация программой UnFREEz

- HTML5 анимация программой Object2VR

- HTML5 и GIF анимация программой 360° Product Viewer

- Интерактивное вращение пальцем и мышью на JavaScript: готовое решение (бесплатно) для вашего сайта

Анимация вращения из видео:

- GIF анимация из видео программой ThunderSoft Video to GIF Converter

- GIF анимация бесплатной программой Free Video to GIF Converter

- Управляемое вращение из видео (Free Video to JPG Converter + HTML5)

Бизнес для вас!

Для удобства фотосъемки предметов в разных фазах (ракурсах) вращения предлагаем вам специальное оборудование:

Поворотные столы для съемки 360

Нужна консультация по поворотному столу? Ответим на ваши вопросы: