Управляемое вращение из видео. Программа Free Video to JPG Converter и анимация вращения 360°
Разбивка видео на кадры + HTML5 анимация
Зачем это нужно
Попробуйте простой и быстрый способ получить интерактивное объёмное изображение предмета. Это может быть товар для сайта вашего магазина. Или демонстрация ювелирного украшения, скульптуры. Или объёмный "живой" портрет человека.
Изображение можно вращать мышью на экране или пальцем на телефоне. В отличие от GIF анимации, здесь вращение полностью управляемое. Поворачивайте картинку на желаемый угол (ракурс), останавливайте, вращайте обратно.
Как получить результат - последовательность действий на схеме:
Важно отснять более одного оборота, чтобы потом "склеить" начало и конец видео. Ещё лучше сделать несколько оборотов, с запасом. Но если вас интересуют только короткие видео с неполным оборотом объекта, вам лучше сюда: Короткие видео товаров для магазина
Если у вас поворотный стол с ручным вращением, просто вращайте диск более-менее плавно и без остановок. Небольшая неравномерность движения никак не скажется на результате. И чем больше диаметр поворотного стола, тем удобнее его плавно вращать.
При съёмке человека, стоящего на поворотной платформе, желательно сохранить неизменной его осанку и форму тела от первого до последнего кадра. В процессе фотографирования человек устаёт, и постепенно меняет свою позу. При склейке вращения это станет заметно. Поэтому быстрая видеосъёмка для людей предпочтительнее фотосъёмки - человек не успевает ссутулиться. Для съёмки человека отлично подходят поворотные платформы ПС Видео и PL.
Обработка отснятого видео 360°
Обработка потребуется минимальная:
1) Обрезать видео по времени, чтобы получить один оборот предмета в кадре.
2) Откадрировать картинку - убрать лишнее пространство вокруг предмета.
3) Уменьшить картинку до нужного размера для вставки на сайт (обычно 500-600 точек по длинной стороне).
Пример видео после обработки. Здесь сделана обрезка по времени до одного оборота и убраны лишние "поля" вокруг предмета:
Обратите внимание: вращение предмета на видео не очень равномерное. Скажется ли это на результате, как вы думаете?
Конвертация видео в серию кадров JPEG программой Free Video to JPG Converter
Мы хотим нарезать видео "ломтиками" на отдельные кадры через равные промежутки времени. В результате получим заданное количество картинок, показывающих один оборот предмета вокруг своей оси. Как кадры мультфильма.
Есть различные способы конвертации - с помощью программ-конверторов или онлайн обработка на специализированных сайтах. Давайте попробуем простую бесплатную программу Free Video to JPG Converter.
Загружаем видеофайл:
Можно просто перетащить мышью:
В программе предусмотрено несколько вариантов разбивки видео на кадры - по счёту, по времени, и т.д. Но для нашей задачи подходит только один способ: разделить весь видеофрагмент на фиксированное число кадров, оптимально - 50 кадров.
Зато уже не важно: какова была продолжительность видеофрагмента, с какой скоростью крутили поворотный стол при съёмке, какова частота кадров видео и т.д. В любом случае мы получим из видео заданное количество изображений jpeg с равномерным шагом по времени. Это нам и нужно.
Указываем папку для сохранения серии изображений jpeg:
3) Готовое бесплатное решение - вращение на HTML5. Предлагаем вам шаблоны файлов HTML + JavaScript. Вам понадобится только сделать групповое переименование файлов jpeg и скопировать их в соответствующую папку шаблона.
Если у вас получилось 50 файлов, используйте шаблон на 50. Но иногда не очень четко получается стыковка первого и последнего кадров из-за неточной обрезки видео. Программы-видеоредакторы грешат неточной обрезкой и крайние кадры могут совпадать по ракурсу (вращение будет "заедать" на стыке). Иногда при конвертации теряется один кадр. Эту проблему легко решить: просто взять другой готовый шаблон на 48 кадров. А лишние и сомнительные кадры удалить.
Важно только не забыть сделать групповое переименование после удаления файлов, чтобы нумерация оставшихся картинок соответствовала правилам шаблона. Смотрите рекомендации по применению шаблонов.
Пример анимации из видео с рулеткой. Вращайте изображение:
Видео для эксперимента было снято на скорую руку на ручном поворотном столе. Стол стоял на неустойчивой поверхности. Предмет на видео вращали недостаточно равномерно. Стык картинок получился неточный. Но в результате все эти огрехи незаметны, и оказались не важны. Из 50 кадров взяты 48, использован типовой html-шаблон на 48 кадров.
Можно ли сделать проще?
Можно просто снять видео вращающегося объекта, зациклить это видео и получить аналогичный результат. Вращение на видео выглядит более плавным. Один видеофайл mp4 обычно весит меньше, чем серия фотоизображений JPEG. Но такое вращение уже не будет управляемым!
Анимация вращения даёт отличные результаты при съёмке людей. Для создания анимированного "живого" портрета человека разработаны платформа PL и моторизованная платформа ПС Видео.
Другие способы получения вращающихся 3D изображений
Высокая производительность, несколько режимов работы, Bluetooh управление. Рассчитаны на большую нагрузку, в т.ч. на съемку людей. Возможна синхронизация с фотокамерой
На сайте addspace.ru не осуществляется сбор или обработка персональных данных в соответствии с Законом 152-ФЗ
GIF анимация с вращением - Описание процесса GIF анимации из видео - Рекомендации по применению Free Video to GIF Converter для GIF анимации - Поворотные столы для предметной 3D видеосъемки - Поворотные столы для 3D видео - Вращение GIF изображения - Создание крутящейся гифки - Как сделать вращающиеся анимированные изображения в формате GIF
AddSpace.Ru
Free Video to JPG Converter
Бизнес для вас!
Нужна консультация по поворотному столу? Ответим на ваши вопросы:
