Как снять фото или видео вращающегося предмета или человека, и сделать анимацию вращения

Владельцам интернет-магазинов: привлечь внимание покупателей

Покупатели скорее решатся на покупку, если ваши товары будут интересно и привлекательно показаны на экране мобильного устройства и домашнего компьютера. Покажите покупателям ваш товар с разных сторон. Пусть товар крутится перед покупателем на сайте магазина. А покупатель смотрит и принимает решение о покупке.

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

Не обязательно показывать полный оборот предмета 360°. Интересно выглядит вращение с эффектом туда-и-обратно (он же пинг-понг, bounce) - подходит для большинства товаров:

Способы съемки и обработки

Схема основных вариантов съемки и обработки изображений:

Съёмка и подготовка вращающихся изображений проводится в два этапа:

1й этап - фото или видео съемка предмета или человека на поворотном столе

Снимаемый предмет помещается в центр диска поворотного стола.

Подробнее о различных моделях поворотных столов:

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

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

Поворотный стол своими руками (недорогие детали для сборки)

Пробная съёмка стула на простой поворотной платформе с вращением тросом:

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

Камера или мобильное устройство устанавливается на штатив, настраивается оптимальное освещение. Отличные результаты даёт съёмка предметов в лайткубе - в нём проще освещать предмет, тени хорошо рассеиваются. На фоне белых стенок лайткуба меньше заметны края поворотного круга.

См. рекомендации по освещению

При видеосъёмке человека на поворотной платформе важно сохранить неизменной форму тела от первого до последнего кадра. Если в процессе съёмки человек изменит позу, это станет заметно при "склейке" вращения. По этой причине для людей быстрая видеосъёмка подходит лучше, чем медленная фотосъёмка с остановками.

Для видеоъёмки людей предложим вам моторизованную поворотную платформу ПС Видео:

Из отснятого видео потом несложно получить серию jpeg изображений с разными углами поворота платформы, или GIF анимацию, или сделать вращающееся видеоизображение.

Фотографировать человека на поворотной платформе удобнее в режиме интервальной съёмки с короткой выдержкой, без остановок. Удобна фотосъёмка на поворотном столе серии ПС Фото - поворотный стол сам управляет срабатыванием фотокамеры в нужные моменты через подключенный к камере синхрокабель.

Примеры 360° съёмки людей на поворотной платформе (здесь видны нестыковки и ненужные движения):

"Склейка" вращения не так бросается в глаза, когда человек повёрнут к камере спиной. В этот момент не видны изменения мимики лица и направление взгляда. Если человек в процессе съёмки ссутулится, со спины это совсем не заметно. А на склейке сбоку получился бы рывок назад.

Фокусное расстояние объектива зеркальной камеры обычно устанавливается в интервале от 50мм до 100мм. При съёмке на камеру смартфона можно руководствоваться правилом: расстояние от объекта до камеры должно быть больше, чем размеры самого объекта. Лучше увеличивать изображение предмета на экране с помощью зума, чем приближать камеру вплотную к снимаемому объекту - так получим правильные пропорции без искажений.

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

При съёмке камерой смартфона на Android, попробуйте мобильное приложение Open Camera. С этим приложением вы сможете вести фотосъёмку в автоматическом пакетном режиме, не касаясь устройства в процессе съёмки. В пакетном режиме делается серия кадров с заданным интервалом, нужно только вовремя поворачивать поворотный стол на следующий ракурс между кадрами.

Вам не обязательно нажимать кнопку срабатывания затвора, и не нужен пульт: запускайте съёмку хлопком в ладоши или другим громким звуком.
Подробнее о настройках приложения Open Camera

Open Camera отлично подходит и для съемки видео. Это приложение распространяется бесплатно, нет навязчивой рекламы. Можно скачать на Google Play

Владельцы iOS-девайсов, вероятно, могут применить для этой цели другое приложение: TimeLapse-Free (доступно в App Store).

Видеоъемка - результат

Результатом съёмки будет стандартный видеофайл. Его можно обработать:

- Мобильным приложением на вашем телефоне. Отснять и сразу же сделать короткое зацикленное видео

- Видеоредактором - отрезать короткий фрагмент с одним оборотом объекта, и выложить видео с непрерывным вращением 360° на ваш сайт, в блог

- Онлайн на сайте и скачать непрерывно вращающиеся GIF изображения (это быстро и просто).

- Сделать GIF анимацию видеоконвертором, например Free Video to GIF Converter.

- Преобразовать видео в серию фотоизображений JPEG, например бесплатной программой Free Video to JPG Converter.
Затем из этой серии фото получите интерактивное 'живое' изображение, вращаемое мышью на экране или пальцем на телефоне.

Фотосъёмка - результат

В результате 360° фотосъемки получается серия однотипных фотографий предмета с разными углами поворота относительно фотокамеры:

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

Получив фото-видео материалы, переходим к их обработке.

______________________________

2й этап - создание вращающихся 3D изображений предметов, товаров

Серии фотографий предмета или видео обрабатываются одним из нескольких способов:

1) Видео 360°

Преимущества видео:

- Видеосъёмку телефоном может сделать каждый, это совсем просто.

- От видео вращающегося объекта нужно просто отрезать лишнее (оставить один оборот), зациклить это видео и получится вращение.

- Вращение на видео выглядит плавным, картинка очень реалистичная.

- Быстрота загрузки: короткие видео (mp4) в небольшом разрешении для сайта обычно имеют размер в пределах 1МБ и загружаются быстро.

Короткие видео товаров с вращением для сайта

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

Бесплатное мобильное приложение для видеосъемки и быстрой обработки (для Android):
GIF Maker & GIF Editor & Video Maker

2) GIF анимация

Преимущества формата GIF:

- GIF анимацию легко сделать, даже не имея навыков.

- Можно сделать и из фото, и из видео.

- Картинка GIF без проблем отображается на всех мобильных устройствах.

- Файл GIF просто загрузить на сайт, в блог, в интернет-магазин, его не требуется встраивать в структуру сайта. Это же просто картинка .gif.

Недостаток:

- Невозможно управлять вращением (вращение только безостановочное и только в одном направлении). Преимуществ больше, чем недостатков.

Отличные варианты для начинающих - просто, быстро, бесплатно:

- GIF анимация и короткие видео с помощью мобильного приложения на телефоне.

- GIF анимация на основе отснятого видео

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

Всё делается в режиме онлайн, и сразу же готовы результаты. Качество онлайн анимации как правило очень хорошее.

Продвинутые варианты. Для создания роликов в формате GIF существует множество специальных программ GIF анимации, например:

- Free Video to GIF Converter. Простая бесплатная программа GIF анимации из видео.

- ThunderSoft Video to GIF Converter. Для получения GIF анимации из видео. Платная (можно найти варианты без оплаты).

- PhotoScape. Удобная бесплатная программа для GIF анимации из фотографий. Есть предварительная обработка изображений. Понимает различные форматы фотографий. Лучше других подходит для роликов с неполным вращением предмета (качание влево-вправо, ping-pong, bounce).

- 360° Product Viewer. GIF анимация из серии фотографий. Даёт великолепные результаты. Платная.

- UnFREEz. Для GIF анимации из серии фотографий. Простая бесплатная программа. Недостаток: не умеет обрабатывать картинки, работает только с уже подготовленным набором картинок в формате GIF.

- WebRotate 360 Product Viewer. Для GIF анимации из серии фотографий. Платная.

Все эти программы доступны в интернете. Освоив технологию, можно быстро наполнить сайт или блог вращающимися "живыми" изображениями.

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

Подготовлены подробные рекомендации и бесплатные шаблоны, вы сможете скачать их и использовать.

Фотоизображения отображаются в виде вращающейся картинки с помощью специального плеера (скрипта), установленного на сайте. Исходные изображения (фазы вращения предмета) помещаются в отдельную папку, а их отображение на странице сайта осуществляется скриптом (JavaScript), встроенным на страницу.

Серию фотоизображений вращающегося предмета можно получить двумя способами:

1) Сфотографировать предмет на поворотном столе под разными углами поворота относительно камеры,

2) Отснять видео крутящегося предмета, и перевести видео в серию фотоизображений jpeg, например программой Free Video to JPG Converter.

Подробная информация по применению скрипта и шаблоны для скачивания

Существуют и более продвинутые варианты - настраиваемые плагины для CMS, например:

Threesixty Slider

jQuery Plugin

AJAX-ZOOM

psk.360rotator для Bitrix

4) Интерактивная анимация с помощью программы Object2VR

Object2VR - популярная программа для получения вращающихся изображений из серии фотоизображений. Официальная программа платная.

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

Подробное описание программы Object2VR

5) HTML5 и GIF анимация с помощью программы 360° Product Viewer

Создание вращающихся 3D изображений в формате HTML или GIF, по вашему выбору. Программа теперь только платная.

GIF анимация
Программа 360° Product Viewer создаёт файл GIF анимации, сразу же готовый для загрузки на сайт.

Интерактивное вращение на HTML+Javascript
Программа 360° Product Viewer автоматически создаёт набор папок с файлами, которые достаточно вставить на сайт, сделать ссылку на файл index.html и вы получите на экране вращающееся изображение предмета. Есть включение/выключение кнопок управления вращением, настройка скорости вращения, зумирования и т.д.

Подробное описание программы 360° Product Viewer

6) HTML5 и GIF анимация с помощью программы WebRotate 360 Product Viewer

Создание вращающихся 3D изображений на Javascript, а также в формате GIF. Программа платная.

Программа WebRotate 360 Product Viewer отличается разнообразием настроек, предусмотрена пакетная обработка изображений (ретушь, коррекция, обрезка и т.д.)

Программу WebRotate 360 Product Viewer можно загрузить с сайта: webrotate360.com

______________________________

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

Характер вращения предмета
Вращение предмета может быть полным (на 360°) или частичным (качание предмета влево-вправо, ping-pong, bounce).

В этом примере сделана GIF анимация:

В каких случаях нужен дополнительный фон

При фотосъемке на поворотном столе мелких предметов, ювелирных украшений, сувениров и других товаров, края диска обычно находятся за пределами кадра. Предмет лежит в центре диска поворотного стола, и сам же диск служит фоном. Это самый простой случай.

Если же предмет крупный, то в кадр попадет и край диска поворотного стола, и окружающее пространство. В этом случае за диском поворотного столика устанавливается фон. Например, типовой бумажный фотографический фон или лист пластика.

Если фон темный, то освещается в первую очередь центр круга и сам предмет. Если фон белый, то освещение настраивается таким образом, чтобы сделать фон чисто-белым и замаскировать границу диск-фон. Однако, по нашему опыту, вместо плоского белого фона лучше применять лайткуб.

Некоторые крупные предметы могут оказаться великоватыми для данного поворотного стола, и в кадр попадут края диска. Решение: вырезать круг бОльшего диаметра, например из рулонного фотографического фона, пластика или ватмана, и наложить его сверху на диск. Накладной круг закроет пространство вокруг диска, и у вас в кадре будет только однородный фон. Круг может быть вырезан не идеально ровно, может лежать не по центру, это не имеет значения - он всё равно сливается с задним фоном.

Под большим накладным кругом станут не видны выступы разметки ручного поворотного стола серии М. Это не проблема! Просто поставьте поворотный стол на край любого имеющегося у вас стола, и продолжайте съёмку. Вы сможете сдвигать диск пальцем на следующий сектор, даже не видя разметку:

Съёмка подвешенных предметов во вращении

Если вы хотите подвесить поворотный стол, его лучше крепить на две горизонтальные штанги, поднятые на нужную высоту. Можно применить подходящие по диаметру скобы или зажимы.

Но и без подвешивания поворотного стола вполне реально получить практически тот же эффект парения крутящегося предмета в воздухе. Нижний край предмета приклеивается к кругу поворотного стола, и может крутиться с ним, а верхний край предмета приподнимается в воздух леской. Леска может свободно закручиваться во время съёмки. Для подвязывания лески достаточно всего одной стойки с перекладиной.

Клеить предмет к кругу удобнее на кусочек (несколько кусочков) двустороннего скотча, например, белого цвета. При бестеневом освещении предмет будет выглядеть словно крутящийся в пространстве.

Чем хорош скотч: можно быстро менять предметы, они будут прилипать и отлипать, и не понадобится чистить предметы от клея после съемки.

При 360° съемке удобно крепить на скотч все неустойчиво лежащие предметы, например: шары, мячи, гантели.

Рекомендации по установке света при съемке предметов на поворотном столе

Применение поворотного стола с лайткубом (фотобоксом)

Белый куб даёт широкие возможности по управлению светом, источники света могут быть практически любые:

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

Бестеневое освещение с помощью трёх осветителей-софтбоксов

Пример бестеневого освещения при съемке на поворотном столе с помощью трёх софтбоксов. Задний софтбокс даёт белый фон, а боковые - рисующий и заполняющий свет (вид сверху):

Простое освещение от окна

Если осветительного оборудования нет, вы можете использовать рассеянный дневной свет из окна. Позади поворотного стола ставится (или вешается) задний фон, а сбоку - белый отражатель. Отражатель подсвечивает теневую сторону предмета и уменьшает тени. В качестве фона и отражателя подойдут обычные листы ватмана, укрывной материал спанбонд, пенопласт и т.д.

Кольцевой осветитель

Эффективно устраняет тени от предмета кольцевой осветитель. Светящееся кольцо вокруг объектива как бы "забрасывает" все тени за предмет, лежащий на поворотном столе.

Для съемки мелких предметов на поворотном столе подойдёт компактная кольцевая лампа, закрепляемая прямо на корпусе смартфона

Освещение при съемке одежды на манекенах.

Позади поворотного стола со стоящим на нём манекеном вешается белый бумажный фон или ставится большой лист оргалита (фанеры), покрашенный обычной белой акриловой краской. Особенность этой схемы освещения: фон освещается отдельно, а предмет одежды на манекене - отдельно. Задача фонового освещения - сделать фон равномерно белым. Для этого обычно применяется два источника света, стоящие справа и слева от предмета вне кадра, и направленные на фон. А фотографируемая одежда освещается также двумя источниками света спереди и чуть сбоку справа и слева, чтобы правильно передать объем и текстуру одежды.

Если манекен маленький, например манекены-головы для съемки головных уборов или манекены-руки для перчаток, то удобнее делать съемку в лайткубе соответствующего размера (60х60 или 80х80 см).

Особенности полусферической 3D съемки предметов

Технология полусферического 3D изображения позволяет вращать изображение предмета не только по кругу, но и во всех направлениях - от вида сбоку до вида сверху.

Вращайте это изображение во все стороны:

Предмет на поворотном столе фотографируется с разным положением камеры (наклоном) относительно плоскости вращения стола. Для этого камера устанавливается на специальную раму для полусферической 3D съемки.

Результатом съемки будет несколько серий фотографий предмета во вращении. Каждая серия показывает предмет с определённой высоты, от фронтального бокового вида до вида сверху.

Затем с помощью специализированной программы (например, Object2VR или 360° Product Viewer) вы получаете изображение предмета, вращаемое как по горизонтали, так и по вертикали. Вращение мышью на экране или пальцем на смартфоне. Глаза видят вполне реалистичное полусферическое 3D фотоизображение.

Что делать, если вам нужна фото-видео съёмка товаров, но вы не готовы приобретать поворотный стол

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

Подробнее о различных моделях поворотных столов для 360° фотосъемки, видеосъемки, 3D сканирования:

ЦЕНЫ на поворотные столы и платформы

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

Другие виды нашей продукции:

Крутящийся центр стола Lazy Susan. Вращающийся столик-подставка для блюд и тортов

Сделать крутящийся центр стола своими руками? К вашим услугам детали для самостоятельной сборки