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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результатом съёмки видео у вас будет стандартный видеофайл. Его можно обработать:
- Онлайн с помощью специализированных сайтов, и получить непрерывно вращающиеся GIF изображения (это быстро и просто).
- Сделать GIF анимацию видеоконвертором, например Free Video to GIF Converter.
- Преобразовать видео в серию фотоизображений JPEG, например бесплатной программой Free Video to JPG Converter, и из этой серии фото получить 3D изображение, вращаемое мышью на экране или пальцем на телефоне.

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

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

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

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

______________________________

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

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

1) 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 анимации из серии фотографий. Платная.
Все эти программы доступны в интернете. Освоив технологию, можно быстро наполнить сайт или блог вращающимися "живыми" изображениями.

2) Специальные сайты для автоматического создания вращающихся изображений

Рекомендуем вам сайт sirv.com. Вы сможете быстро получить готовые вращающиеся изображения из серии фотографий предмета на поворотном столе. Отличное решение "для чайников" и неспециалистов! Поддерживается вращение мышью влево-вправо, дополнительно можно включить или выключить самостоятельное вращение изображения "волчком".
Процесс работы очень простой: вы регистрируетесь на сайте, загружаете отснятую вами серию фотографий в соответствующее окно, и сразу же получаете готовое вращающееся на 360 градусов изображение, а также ссылку в формате html для вставки на ваш сайт. Чтобы вращающееся изображение появилось на вашем сайте (в блоге, в соцсети), вам достаточно корректно вставить на страницу вашего сайта эту html-ссылку. Так же, как вставляются, например, ссылки на видео с YouTube.
Преимущество sirv.com: от вас не требуется никаких специальных знаний, не нужно изучать программы, вся обработка происходит автоматически.
Недостаток: бесплатный вариант имеет ограничения.
Сайт англоязычный.
Ссылка: sirv.com

3) Простое вращение на HTML5 + JavaScript - готовое бесплатное решение для вашего сайта

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

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

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

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

4) HTML5 анимация с помощью программы 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

7) Программа Easy 3D Scan - создание 3D изображений на основе отснятого видео

Программа позволит создать интерактивные 3D изображения и встроить их в каталог вашего сайта всего за 3 шага:
1. Снимите видео вращающегося объекта. Вам понадобятся лишь камера (планшет или смартфон), свет, фон и поворотный стол.
2. Отснятое видео загрузите в программу. 3D изображение будет готово всего через 2 минуты.
3. Загрузите готовое изображение в свой аккаунт на платформе Cappasity и встройте его на сайт, в мобильное или VR/AR приложение (у вас будет ссылка для встраивания).

Программа платная (есть бесплатный вариант). Подробнее о программе Easy 3D Scan

______________________________

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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