Как сделать предметы вращения

Добавлено: 15.08.2017, 09:24 / Просмотров: 92481

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

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

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

Фотокамера устанавливается на штатив, настраивается оптимальное освещение (см. рекомендации по освещению).

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

Схема освещения предмета в лайткубе на поворотном столе
Предмет на поворотном столе в лайткубе

Фокусное расстояние объектива устанавливается в интервале от 50мм до 120мм. Чтобы передать правильные пропорции и форму фотографируемого предмета, расстояние от предмета до фотокамеры должно быть больше, чем размеры самого предмета (не менее, чем в 3-5 раз). Желательно, чтобы в кадр не попадал передний край диска поворотного стола, и также боковые края диска слева и справа от предмета. Если в кадре не будет ничего постороннего, и экспозиция будет настроена правильно, то вам не потребуется трудоёмкая обработка отснятого фотоматериала (либо обработка будет очень простая).

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

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

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

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

 

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

 

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

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

 

2) Сайт MEGAVISOR.COM (особенно удобен для начинающих)

MEGAVISOR.COM - сайт для автоматического создания интерактивных изображений. Идеальное решение для тех, кто хочет быстро получить вращающееся 3D изображение, не заморачиваясь с установкой софта и его изучением.

Процесс очень простой: вы загружаете отснятую вами серию фотографий на сайт MEGAVISOR, и сразу же получаете готовое вращающееся 3D изображение (и ссылку для вставки на ваш сайт). Чтобы 3D изображение появилось на вашем сайте, вам достаточно просто вставить на страницу вашего сайта ссылку на это 3D изображение - точно так же, как вставляются ссылки на видео с YouTube.

Преимущество сайта MEGAVISOR: от вас не требуется никаких специальных знаний - MEGAVISOR всё сделает сам. А посетители увидят на вашем сайте готовые интерактивные 3D изображения предметов.

У MEGAVISOR есть защита от копирования ваших роликов конкурентами, но к сожалению, только за дополнительную плату. Вы можете сделать собственную защиту - вставить ваш логотип в фотоизображения, и это сделает бессмысленными все попытки украсть их. Есть простые бесплатные программы, вставляющие логотип сразу во всю серию изображений, например: ImBatch, FastStone Photo Resizer, SunlitGreen BatchBlitz.

 

Инструкция по созданию вращающегося 3D изображения с помощью Мегавизор

 

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

Преимущество формата HTML5: совместимость практически со всеми устройствами и операционными системами. Недостаток: для интеграции вращающегося изображения на сайт нужны определённые знания.

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

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

 

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

Ссылка на сайт производителя (компании YoFLA):
http://www.yofla.com/3D rotate

Создание ролика в формате HTML: Программа 360° Product Viewer автоматически создаёт набор папок с файлами, которые достаточно вставить на сайт, сделать ссылку на файл index.html и вы получите на экране вращающееся изображение предмета. Есть включение/выключение кнопок управления вращением, настройка скорости вращения, зумирования и т.д. Можно вставлять свой логотип в ролик. Пользоваться этой программой очень просто, единственный недостаток: программа не русифицирована (тексты на английском), но всё интуитивно понятно. Демо-версия 360° Product Viewer по умолчанию вставляет в окошко с изображением небольшой логотип "YoFLA". Есть несложный способ удаления этого логотипа, при желании можно подставить вместо него собственный текст. Преимущества формата HTML: вращение без проблем отображается на любых мобильных устройствах!

Создание ролика в формате GIF: Программа 360° Product Viewer создаёт файл GIF-анимации, сразу же готовый для загрузки на сайт. Демо-версия не вставляет логотип производителя в GIF-ролик, поэтому можно спокойно пользоваться данной программой без регистрации. Очень просто и удобно работать!

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

Программу 360° Product Viewer можно бесплатно загрузить с сайта:
http://www.yofla.com/3D rotate/download/

 

5) HTML5-анимация (Javascript + XML) с помощью программы WebRotate 360 Product Viewer

Создание вращающихся 3D изображений на Javascript (а также в формате GIF)

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

Скачайте Руководство пользователя к программе WebRotate 360 Product Viewer (на английском):
Руководство пользователя к программе WebRotate 360 Product Viewer webrotate360.pdf

Программу WebRotate 360 Product Viewer можно бесплатно загрузить с сайта:
http://www.webrotate360.com/360-product-viewer.html

 

4) GIF-анимация

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

Для создания роликов в формате GIF существует несколько специальных программ, например:
- UnFREEz - очень простая бесплатная программа,
- 360° Product Viewer - великолепные результаты (для создания GIF-роликов не обязательно покупать зарегистрированную версию),
- WebRotate 360 Product Viewer,
- Easy GIF Animator,
- Babarosa Gif Animator,
- Advanced GIF Animator, и другие.
Все эти программы можно найти и скачать в интернете. Освоить работу с программами GIF-анимации совсем несложно. Освоив технологию, можно быстро наполнить сайт вращающимися изображениями товаров.

___________

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

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

Вращение на 360 градусов с полным оборотом
Вращение на 360 градусов с полным оборотом.
Здесь сделано 36 ракурсов на оборот.
Неполное вращение на 180 градусов, ping-pong
Неполное вращение на 180 градусов, ping-pong.
Здесь получилось 19 ракурсов.

 

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

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

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

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

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

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

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

Обратите внимание: если фотографируемый предмет стоит точно в центре поворотного круга, он не попадает в пересвеченное световое пятно (на схеме жёлтый цвет применён условно):

Для освещения фона здесь использован отдельный источник света, он установлен над фоном

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

 

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

Пример бестеневого освещения при фотосъемке на поворотном столе с помощью трёх источников света

Или с помощью трёх осветителей RED DEVIL с рассеивающими насадками:

Пример освещения предмета тремя осветителями RDL (поворотный стол M)
Пример освещения предмета тремя осветителями RDL (поворотный стол M)

 

Эффективно устраняет ненужные тени от предмета кольцевой осветитель (вспышка), закрепляемый на объективе фотокамеры:

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

Пример кольцевого осветителя Пример кольцевого осветителя

 

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

Фотосъемка одежды на манекене на поворотном столе 360 градусов Фотосъемка одежды на манекене на поворотном столе 360 градусов

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

Фотосъемка головных уборов на манекене на поворотном столе 360 градусов Фотосъемка головных уборов на манекене на поворотном столе 360 градусов

 

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

Хороший результат при съемке в лайткубе дают три источника света - два боковых показывают форму предмета (рисующий свет) и один источник сзади (контровой) "выбивает" фон, вид сверху:

Поворотный стол внутри лайткуба. Схема освещения - вид сверху
Схема освещения в лайткубе - вид сверху

 

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

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

Кран для полусферической 3D фотосъемки

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

Пример полусферического 3D изображения (вращайте мышью во всех направлениях):

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

Компактные поворотные столы для 3D фотосъемки предметов с вращением диска рукой (серия M)
Самые низкие цены, неубиваемая конструкция, быстрая окупаемость. Удобен для съемки в лайткубе. Идеальный вариант для небольших интернет-магазинов и частных фотографов
Цены
Где купить поворотные столы серии M (наши дилеры): Москва, Санкт-Петербург, Казань, Нижний Новгород, Самара, Екатеринбург, Новосибирск, Кемерово, Ростов-на-Дону, Коломна, Рязань, Тула, Томск
Универсальные поворотные столы для 3D фото, видеосъемки и 3D сканирования предметов и людей. Управление от компьютера (серии Муравей и Пёс)
Три сферы применения: 3D фотосъёмка, видеосъемка и 3D сканирование - в одном устройстве. Диаметр от 40 см до 3 метров, максимальная нагрузка 60 - 1000 кг в зависимости от модификации
Цены
Поворотные столы для предметной 3D фотосъемки с автоматическим вращением диска (серия SA)
Высокая производительность, несколько режимов работы, гибкость настроек. Рассчитаны на большую нагрузку, в т.ч. на съемку людей. Поддерживается синхронизация с фотокамерами Canon, Nikon, Pentax, Sony по специальному кабелю.
Цены
Поворотные платформы большой грузоподъемности с управляемым вращением (серия SB)
Простой, надёжный и долговечный поворотный стол для вашего 3D сканера
Цены
 
Комплекты деталей для самостоятельной сборки поворотных платформ (подиумов) большой грузоподъемности с вращением вручную (серия Z)
Новая серия, в разработке
 

 

Цены и характеристики моделей поворотных столов для предметной 3D фотосъемки Цены на поворотные столы

Задайте ваш вопрос по поворотным столам! Задайте ваш вопрос по поворотным столам:

Наши координаты. Поворотные столы для предметной 3D фотосъемки Контакт:

Тел: 8(495)343-3242

Моб: 8-926-115-4991

E-mail:

 

Программа Object2VR для создания 3D роликов

Программа Object2VR для создания 3D роликов - описание. Рекомендации по применению. Поворотные столы для предметной 3D фотосъемки. Оборудование для 3D фотографии владельцам интернет-магазинов и фотографам

 

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

 

Поворотный столик - подставка для блюд и тортов Lazy Susan

 


Источник: http://addspace.ru/application.htm


Закрыть ... [X]

Как сделать 3D фото на 360 градусов - часть 1 Обработка фото Подставка для отвёрток своими руками


Как сделать предметы вращения Как сделать вращающееся 3D фото предмета на HTML 5. Скрипт
Как сделать предметы вращения Как сделать вращающиеся 3D-фотографии Ecwid
Как сделать предметы вращения Создание 3D - вращения предметов
Как сделать предметы вращения 1000 выкроек игрушек - делаем своими руками
Как сделать предметы вращения 2.1. Быстрая стандартная установка MySQL
Как сделать предметы вращения 3G антенны
50 лучших способов сделать предложение руки и сердца! Более 25 лучших идей на тему «Клатч из бисера» на Pinterest Гель-лак для наращивания Shaper - ruNail Как зациклить презентацию в PowerPoint или запустить её Как настроить вариатор Мастерская Pit_Stop Как раскрутить интернет магазин вконтакте