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

В этом уроке мы рассмотрим создание виртуального тура с помощью камеры 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 OÜ.

Начиная с 2001 года мы обучались и развивались в сфере мультимедийного дизайна. На данный момент мы предлагаем услуги по созданию интернет дизайна, печатного дизайна, разработки рекламы, создание сайтов, туров 360 градусов.

Так же мы можем сделать печать на различных материалах и размерах. Изготовляем наклейки, визитки, roll-up стенды, сувенирную продукцию, печать на футболках.

В каталоге Вы найдете предлагаемые варианты, так же Вы можете связаться с нами по телефону +372 5596 5762 или прислать свой заказ на электронную почту info@digipo.eu

Ищите нас в социальных сетях: