Просмотров: 64581

Как сделать так чтобы картинка крутилась


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

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

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

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

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

Предмет на поворотном <strong>как сделать так чтобы картинка крутилась</strong> столе в лайткубе

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

Фотосъемка предмета на поворотном столе

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

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

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

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

 

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

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

Рекомендуем вам сайты sirv.com, 3dbin.com и megavisor.com. Эти сайты позволяют быстро получить готовые вращающиеся изображения из серии фотографий предмета на поворотном столе. Отличное решение "для чайников" чтобы и неспециалистов! Поддерживается вращение мышью влево-вправо, дополнительно можно включить или выключить самостоятельное вращение изображения "волчком".

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

Преимущество сайтов sirv.com, 3dbin.com и megavisor.com: от вас не требуется никаких специальных знаний, не нужно изучать программы, вся обработка происходит автоматически.

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

 

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

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

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

 

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

 

6) GIF анимация

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

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

___________

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

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

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

 

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

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

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

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

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

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

Поворотный стол M внутри лайткуба

Предлагаем вам недорогие комплекты осветительного оборудования для предметной съемки:

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

 

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

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

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

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

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

Большой софтбокс, установленный позади поворотного стола, хорошо "выбивает" задний край круга и делает фон за предметом ярко-белым. Предмет как бы висит в воздухе на белом фоне:

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

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

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

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

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

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

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

 

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

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

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

 

Закажите поворотный столик - подставку Контакты:
Тел: 8(495)343-3242
Моб: 8-926-115-4991
E-mail:

 

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

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

 

Комплекты осветительного оборудования для предметной съемки

Вращающийся столик-подставка для блюд и тортов Lazy Susan

 


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



Рекомендуем посмотреть ещё:


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

Как "заставить" изображение крутиться? Форум Коробка барби для фотосессии своими руками

Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась Как сделать так чтобы картинка крутилась