Программа 360° Product Viewer для создания 3D роликов. Описание и рекомендации

Поворотные столы для 3D Кран для 3D фотосъемки Поворотный столик Lazy Susan Скачать файлы Контакт Compact turntables for 360 product photography with manual rotation

Программа "360° Product Viewer" для создания вращающихся изображений в формате HTML и GIF. Описание и рекомендации по применению

 

Владельцам интернет-магазинов и фотографам: программа "360° Product Viewer" предельно проста в освоении и очень удобна в работе!

 

Перед началом работы с программой "360° Product Viewer"

Программа "360° Product Viewer" создана специально для "склейки" серии отдельных фотоизображений предмета в непрерывный ролик, показывающий предмет во вращении (виртуальный объект, VR, 3D фото).

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

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

Сфотографировать серию фотоизображений предмета во вращении удобнее всего с помощью специального поворотного стола для 3D фотосъёмки

Для примера, возьмём серию изображений флакона с одеколоном, сфотографированных на поворотном столе. И на основе этих фотографий, с помощью программы "360° Product Viewer" создадим вращающийся 3D ролик в формате GIF, а затем в формате HTML.

 

Начинаем работать с программой "360° Product Viewer"

Запускаем программу. Вы увидите запрос на код лицензии. Если программа у вас не зарегистрирована, просто нажмите кнопку [Use free version]:

Начинаем работать с программой 360 Product Viewer

Основное окно программы выглядит так:

Начинаем работать с программой 360 Product Viewer

В разделе 1. Load Images вы видите окно загрузки изображений "Drop images here or click for load" в желтой рамке. Загрузим фотоизображения для обработки. Для этого в папке с исходными фотоизображениями выделяем все нужные файлы, и мышью втаскиваем их прямо в это окно:

Программа 360 Product Viewer. Загрузка исходных изображенийПрограмма 360 Product Viewer. Загрузка исходных изображений

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

Программа 360 Product Viewer. Загрузка исходных изображений

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

Программа 360 Product Viewer. Загрузка исходных изображений

 

Настройки параметров будущего ролика

Переходим к разделу настроек 2. Adjust settings. Здесь вы можете настроить скорость вращения, указав время полного оборота предмета в секундах:

Программа 360 Product Viewer. Настройки параметров

Предусмотрены ещё полезные дополнительные настройки, для этого нажмите кнопку [Advanced settings]:

Программа 360 Product Viewer. Настройки параметров

На вкладке "Player" / "UI" вы можете включить или выключить различные кнопки управления вращением в ролике, а также увеличением картинки (UI означает "интерфейс пользователя"):

Программа 360 Product Viewer. Настройки параметров

На вкладке "Player" / "Control" можно настроить характер управления мышью. Параметр "Drag Speed" определяет насколько послушно будет вращаться изображение при протаскивании по нему мышью. Оптимальное значение этого параметра: 0.2 или 0.3.
Галочка "Reverse Pointer Drag Direction" переключит направление вращения мышью на противоположное. Галочка "Mouse Wheel zooms" включит управление увеличением/уменьшением картинки с помощью колеса мыши:

Программа 360 Product Viewer. Настройки параметров

На вкладке "Player" / "Rotation" можно включить/выключить автоматическое вращение, однократное или многократное вращение, изменить направление вращения:

Программа 360 Product Viewer. Настройки параметров

Если вам нужно не полное вращение, а лишь качание предмета влево-вправо (ping-pong, bounce), то включите галочку "Bounce Rotation (if not a full 360 view)":

Программа 360 Product Viewer. Настройки параметров

На вкладке "Output" / "Image Settings" можно настроить качество изображения (JPEG сжатие) и повышение резкости картинки (данная опция действует только для роликов в HTML формате):

Программа 360 Product Viewer. Настройки параметров

Для возврата в основное окно программы нажмите кнопку [Return]:

Программа 360 Product Viewer. Настройки параметров

Все основные настройки выполнены, переходим к разделу 3. Finish.

Ролик в формате GIF

Для создания ролика в формате GIF теперь достаточно выбрать "Animated Gif" и нажать кнопку [Create!]:

Программа 360 Product Viewer. Создание 3D ролика в формате GIF

И будет создан файл GIF-анимации в указанной вами папке. Остаётся только загрузить этот файл на ваш сайт и задача решена.

Ролик в формате HTML

Для создания ролика в формате HTML выберите "HTML" и так же нажмите кнопку [Create!]:

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

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

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

Выполняется обработка:

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

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

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

В папке будет следующий набор файлов и вспомогательных папок:

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

Запустив файл index.html, вы увидите готовый ролик, и именно с теми настройками, которые вы сделали.

Особенность демоверсии - ролик в формате HTML содержит лого производителя "360 by YoFla". Но эту надпись можно отключить.

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

Для этого откройте файл rotatetool.js для редактирования, например обычной программой "Блокнот".

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

 

Задайте поиск строки "360 by YoFla". Когда поиск покажет найденную надпись, просто удалите её, оставив на месте кавычки, и сохраните изменения.

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

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

Программа 360 Product Viewer. Создание 3D ролика в формате HTML

Можно поступить иначе - заменить надпись "360 by YoFla" на любую другую, например на ваш логотип.

Как вставить вращающееся изображение на сайт

Есть несколько способов вставить готовые HTML ролики на страницы вашего сайта. Очень удобен для этих целей простой html-тег<iframe>. В этом случае картинки автоматически подгружаются на вашу страницу, и вы получаете окно с вращающимся в нём изображением. А папки с наборами файлов по каждому 3D изображению разместите в соответствующем разделе вашего сайта. Если назвать папки по артикулам товаров, то в дальнейшем вам будет проще ориентироваться.

Поручите эту работу вашему вебдизайнеру. Профессиональные рекомендации по вставке роликов на сайт есть на сайте компании YoFla (тексты на английском):
http://www.yofla.com/3d-rotate/support/manuals/

 

Дополнительные возможности программы "360° Product Viewer"

Можно менять цветовое оформление ролика:

Программа 360 Product Viewer. Дополнительные возможности

Есть возможности настройки размера изображения, например подгонять изображение под дизайн вашего сайта:

Программа 360 Product Viewer. Дополнительные возможности

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

Программа 360 Product Viewer. Дополнительные возможности

 

Получение полусферических 3D изображений с помощью программы 360° Product Viewer

Программа 360° Product Viewer так же легко создаёт и полусферические 3D изображения, где предмет вращается не только по кругу, но и вверх-вниз (в рамках полусферы). Предмет можно рассмотреть и сбоку, и сверху, заглянуть во внутренние полости.

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

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

Предмет фотографируется на поворотном столе с разными положениеми камеры относительно плоскости вращения стола

Чтобы получить полусферическое 3D изображение, в настройках указываем программе, что количество рядов изображений "Vertical Steps" будет больше единицы (пишите столько, сколько рядов вы отсняли). И можно задать количество кадров в ряду (кадров на один оборот предмета) "Horizontal Steps":

Получение полусферических 3D изображений с помощью программы 360° Product Viewer

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

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

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

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

 

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

 

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

1) Простое вращение на HTML5: готовое решение для вашего сайта

2) HTML5 и Flash анимация с помощью программы Object2VR

3) GIF анимация с помощью программы UnFREEz

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

 

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

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

Поворотные столы для 3D съемки предметов с вращением диска рукой (серия M)

Универсальные поворотные столы для 3D фото, видеосъемки и 3D сканирования предметов и людей. Управление от компьютера (серии Муравей и Пёс)

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

Автоматические поворотные столы большой грузоподъемности для 3D съемки (серия SA)

Поворотные столы для 3D сканирования предметов с вращением диска рукой (серия LS)

Поворотные столы для предметной 3D фотосъемки с автоматическим вращением диска (серия SA)
Высокая производительность, несколько режимов работы, гибкость настроек. Рассчитаны на большую нагрузку, в т.ч. на съемку людей. Поддерживается синхронизация с фотокамерами Canon, Nikon, Pentax, Sony по специальному кабелю.
Цены
Поворотные платформы большой грузоподъемности с управляемым вращением (серия SB)
Простой, надёжный и долговечный поворотный стол для вашего 3D сканера
Цены

Комплекты деталей для сборки поворотных столов, платформ, подиумов (серия Z)

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

 

Задайте вопрос по поворотным столам для 3D фотосъёмки Задайте вопрос по поворотным столам для 3D фотосъёмки: addspace@inbox.ru

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

Тел: 8(495)343-3242

Моб: 8-926-115-4991

E-mail: addspace@inbox.ru

 

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

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

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

 

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

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

Описание программы 360° Product Viewer - Рекомендации по применению программы 360° Product Viewer для создания 3D роликов - Поворотные столы для предметной 3D фотосъемки - Поворотные столы для 3D фотографии