Создание виртуальных туров

В этом уроке мы рассмотрим создание виртуального тура с помощью камеры Insta360 One X2 Для камеры используем монопод (невидимую сельфипалку) и трипод для устойчивости. Чем меньше лепестки трипода, тем проще в дальнейшем обрабатывать фото, но устойчивость камеры слабее.  Insta 360 one X2 Установим камеру на не обходимую нам высоту, если это помещение, то на уровне глаз человека или в среднем 180см от пола. На улице можно устанавливать камеру и выше. На камере выберем режим фото 360 градусов и съемка через 5-10 секунд после нажатия кнопки спуска затвора. Это время нам понадобится что бы убежать из кадра. Для съемки панорамных туров в помещение лучше использовать HDR фото, так как камера в помещение не будет шататься от ветра, фотографии будут лучше отображать освещение окон в HDR режиме. Полученные фотографии загружаем в программу Insta360. Программа автоматически сделает раскладу фотографии 360 и нам остается нажать на кнопку экспорт в верхнем правом углу. Insta 360 В окне экспорта выбираем место куда сохранить фотографию и OK. insta360 экспорт 360 фото На наших готовых фотографиях внизу видно трипод и если яркое освещение то тень от монопода. Тень от монопода и ножки трипода на 360 фотографии Для того что бы убрать тень и трипод, мы можем воспользоваться онлайн ресурсом fotor.com там с легкостью можно удалить объекты с фотографии онайлан, и для это не надо скачивать себе на компьютер программы. На картинке ниже указаны стрелочками тень и трипод который лучше убрать онлайн ресурсом fotor.com.

до после
 
Если проделанная операции в онлайн ресурсе fotor.com сделана качественно, то внизу почти будет не заметно место, где стояла камера на триподе.
monopod2
 

Допустим вы снимаете фотографии 360 в помещение или в пасмурный день и у вас нет тени от монопода и есть только на фото внизу трипод. На его место можно поставить логотип и он закроет место трипода. Лучше всего использовать круглый логотип за ранее подготовленный. В онлайн ресурсе fotor.com есть так же и Fotor Design с помощью которого можно поставить логотип вниз нашей фотографии и тем самым закрыть трипод.
monopod3
 
Другой вариант работы с  плагином flexify2 для работы в Adobe Photoshop. Так как фотографию мы делали во дворе Нарвского музея, то для примера взяли логотип Нарвского музея и сделали его за ранее круглым.
В программе Adobe Photoshop мы вставили на фотографию ровно по центру логотип и примерно уменьшили его размер.
Логотип на фото в Adobe Photoshop
 
Для того что бы логотип корректно лег внизу фотографии и по центру, мы использовали бесплатный плагин на 30 дней для Adobe Photoshop flexify 2, пробную версию можно скачать с официального сайта.
Выделяем слой с логотипом и запускаем плагин flexify2
плагин flexify2 в программе Adobe Photoshop

 В настройках плагина нам надо  изменить только верхний параметр на 90 и наш логотип автоматически опуститься вниз изображения и развернется на 360 градусов. Логотип 360 градусов flexify2 Сохраняем подготовленные 360 фотографии для виртуального тура. Два способа сжатия фотографий для загрузки на сайт вирутального тура. Все наши фотографии весят в оригинальном размере примерно 12мб, для того что бы не нагружать наш сервер и скорость загрузки сайта предлагаю воспользоваться одним из онлайн ресурсов для сжатия фото, без потери качества. 1 способ - использовать ресурс fotor.com для онайлн компресси фотографий в хорошем качестве и сохранение цветапередачи. fotor.com/features/image-compressor  Загружаете фотографию и оналйн ресурс fotor.com сделает всю работу за вас. 2 способ - использовать ресурс Iloveimg загружаем фотографии, в бесплатном аккаунте можно загрузить до 15 фото за раз и нажимаем кнопку сжать, после окончания процедуры сжатия, нам покажут сколько будет весить новые сжатые файлы, а так же процент компрессии.  Iloveimg На примере видно, что одна моя фотография с Нарвским замком в оригинале весила 12,65мб, а после компрессии стала весить 3,14мб. По завершению компрессии сайт автоматически скачает архив с вашими сжатыми фотографиями, которые нам понадобятся для дальнейшего создания виртуального тура. Онлайн ресурс Marzipano для бесплатного создания простого виртуального тура или загрузки просто 360 фотографии и обработки для дальнейшей вставки на ваш сайт. Заходим на сайт ресурса Marzipano и выбираем кнопку Marzipano Tool, у нас откроется окно куда нам надо перетащить или нажать кнопку загрузить наши фотографии для тура. Marzipano tool загрузка фотографий Совет, для корректно работы с туром пользователю, фотографии лучше называть местом, куда будет перемещаться пользователь. Загрузите свои фотографии и дождитесь окончательной загрузки. Слева под настройками будет показано состояние загрузки фотографий. Инструменты онлайн ресурса Marzipano tool. Инструменты онлайн сервиса Marzipano tool выбор управления вращения фотографии. автозапуск вращения фотографии. показывать кнопки у правления в браузере просмотра тура. включить кнопку полный экран в просмотре тура. место, куда загружаются фотографии, здесь их можно переименовывать нажав на карандаш у фотографии или удалять, а так же слева есть 4 горизонтальные полоски у каждой фотографии и за них можно менять местами фотографии устанавливая нужный вам порядок. кнопка info hotspot - позволяет добавить инфо кнопку на фотографии, нажав на которую пользователь может почитать информацию кнопка link hotspot - позволяет добавить кнопку на фотографии, нажав на которую пользователь может перейти на другую панораму кнопка set initial view - позволяет установить начальный обзор, с которого начнется вращение фотографии. кнопка export - сохраняет ваш проект в архив и автоматически скачивает его. Кнопка info hotspot Кнопка info hotspot в программе Marzipano tool Щелкнув по кнопке info hotspot на экране появиться кружочек с буков i, вы можете его перетащить куда вам надо и нажав на карандаш ввести название, нажав на второй карандаш ввести описание. Так же рядом с кнопкой есть кнопка корзина для удаления info hotspot. Кнопка link hotspot Кнопка link hotspot в программе Marzipano tool link hotspot - позволяет добавить на вашу панораму кнопку перехода на другой объект. Нажав на карандаш у вас появиться список загруженных фотографий, выбирайте куда надо перейти из этого списка. Так же есть кнопка удалить переход, кнопка вращения вашей основной кнопки перехода по кругу, и верхняя кнопочка которая сразу вас перенесет на другую выбранную панораму. После того как вы настроили все свои переходы и описания к фотографиям, нажимаем кнопку export. Онлайн ресурс Marzipano обработает все и сохранит архив, который потом можно вставлять на свой сайт. Для редактирования цвета кнопок и вариантов перехода можно воспользоваться форумом онлайн ресурса Marzipano и конечно надо немного разбираться в кодинге. Ниже приведен готовый пример панорамного тура с переходом между двумя фотографиями сделанных в городе Нарва.

DigiPortfoolio: Воплощаем ваши идеи в Нарве с 2001 года

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

Наши услуги:

Готовы начать проект? 📞 Звоните: +372 5596 5762 | ✉️ Пишите: info@digipo.eu  |