0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Бег по кругу: создание интерактивных панорам и виртуальных туров

Содержание

1panorama

В данной статье мы попытаемся создать самый простой виртуальный тур и понять как он работает с точки зрения кода скриптов krpano.

В виду большого объема статьи, она была разбита на 2 части: 4-ю и 5-ю из цикла уроков по krpano.

Что потребуется ?

При выполнении “упражнений” потребуются материалы, которые на уже знакомы по предыдущим статьям.

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

* Ряд дополнительных графических элементов для виртуального тура.

Подготовка материалов к созданию виртуального тура

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

Для этого воспользуемся дроплетом MAKE PANO (NORMAL) droplet.bat (статья как работать с дроплетами в krpano) из папки krpanotools.

После применения дроплета у вас, в частности, образуются папки panorama1.tiles и panorama2.tiles. В этих папках появится панорамы в кубической проекции. А если вы приобрели лицензию на iphone устройства, то там же появятся версии и для ipad и iphone-ов.

В корне вашего проекта создайте папку panoramas, куда скопируйте папки panorama1.tiles и panorama2.tiles.

В корень проекта скопируйте файл panorama1.swf и panorama1.xml, который образовался после применения дроплета.

Переименуйте их соответственно в vtour.swf и vtour.xml.

В результате у вас получится следующая структура виртуального тура.

Теперь если запустить vtour.swf, то krpano выдаст ряд ошибок. Это связано с тем что мы поменяли пути к кубическим проекциям панорам. Как это исправить – будет показано ниже.

От панорам к виртуальному туру

С точки зрения krpano виртуальный тур является “надстройкой” над панорамами.

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

В отличие от демонстрации отдельных панорам в виртуальном туре каждая панорама должна быть обрамлена тегом scene. Т.е. каждая панорама является так называемой “сценой”, и переход от одной панорамы к другой состоит в переходах к новой сцене.

У данного тега есть атрибут name (задает название сцены) и необязательное событие onstart, которое запускается сразу после запускается новой сцены.

Внутри тега scene описание панорамы точно таким же образом как и в предыдущих уроках. Т.е. то, что ранее располагалось внутри тега krpano, в виртуальном же туре располагается внутри тега scene, который опять таки находится внутри тега krpano.

Оформим первую панораму в виде сцены.

Откроем файл vtour.xml. На данный момент в нем находится следующий код:

Обрамим код панорамы в тег scene (дадим название сцене panorama1).

И помимо этого исправим пути к кубической проекции панорамы

Здесь необходимо сделать отступление.

Если вы создаете виртуальный тур в котором отдельные ресурсы лежат в разных папках, или же когда в конце концов тур упаковывается в единый swf- файл, то все пути необходимо писать через переменную %SWFPATH%. В данной переменной лежит путь до запускаемого swf-файла.

Если пренебречь данным правилом, то впоследствии иногда можно столкнуться с тем – что при размещение тура в интернете krpano будет выдавать ошибки о невозможности загрузить ресурсы тура.

Поэтому более правильно пути к панорамам написать следующим образом:

Таким образом получим код:

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

Т.е. в отличие от предыдущих уроков, когда krpano сразу выполняет код – в виртуальных же турах, когда код панорам выгружен в сцены, этого не происходит.

Здесь выполнение кода в полной мере происходит на основе событий.

Т.е. если произошло событие, а реакции на событие не прописана, то krpano просто нечего выполнять. Поэтому мы видим черный экран.

В этом случае нам нужно в событие, которое происходит сразу после загрузки swf-файла, прописать реакцию – вызов сцены panorama1.

У тега krpano для этого есть событие onstart, точно такое же как и у тега scene. В качестве реакции укажем функцию loadscene.

Звездочкой обозначены необязательные параметры.
Среди передаваемых параметров укажем только обязательный – имя сцены. В результате первая строчка кода будет выглядеть следующим образом:

Теперь если запустить vtour.swf, то мы увидим, что первая панорама у нас благополучно загрузилась.

Пропишем код второй сцены, который обращается уже к кубической проекции панорамы 2. Для этого скопируем код первой сцены и изменим имя сцены, а также пути к панораме.

В результате код будет выглядеть следующим образом:

Создание точек перехода

Точки перехода обеспечивают переход от одной сцены к другой. Описываются они при помощи тега hotspot. Описание всех атрибутов тега достаточно обширно, и его можно посмотреть на сайте krpano.com. Но в целом набор атрибутов очень схож с таковыми у тега plugin.

Здесь же мы будем использовать только самые необходимые:

name – имя хотспота;

url – путь к изображению хотспота;

ath, atv – координаты в сферических системе координат (подробнее об этом в статье krpano: часть 2).

crop, onovercrop – координаты для состояний up, over в файле изображения хотспота (подробнее об этом рассказывалось в уроке krpano: часть 3).

Также будем использовать событие onclick ( пользователь нажал на хотспот)

Основной вопрос здесь – как найти координаты в сферической системе? Для этого нам опять таки пригодится плагин editor.

Создадим в корне проекта папку plugins и скопируем туда плагин editor (находится в папке krpano). Так же создадим папку images, и поместим туда файл картинки хотспота hotspot.png (из материалов к уроку).

Чтобы запустить плагин editor скопируйте уже знакомую строку в обе сцены сразу после закрытия тега image

Теперь при запуске тура внизу появится кнопка editor

Нажмите editor, затем hotspots

Поверните панораму на интересующий вас угол (какой именно сейчас не важно) и нажмите add image hotspot, после чего укажите файл хотспота, который вы скопировали в папку images.

В центре панорамы образуется хотспот:

Нажмите back, а затем xml.

Плагин покажет полный код тура. Найдите строку начинающуюся с

Внутри тега будут указаны углы ath и atv. Скопируйте их значения.

Каждый раз выполнять эти операции несколько утомительно, поэтому можно просто, как во второй части этой серии уроков по krpano , добавлять вместо хотспотов lensflares. Ведь нас интересуют только значения углов, а сам тег hotspot пропишем в коде вручную.

Опять таки как и с lensflares (из второй статьи) можно скопировать код тега полностью. В этом случае вы обозначите все атрибуты этого тега, даже те, которые не используете, и которые установлены в значения по умолчанию. Этот код будет работоспособен, но будет сильно раздут.

При создании виртуального тура по помещению обычно на одну сцену приходится 2-3 хотспота. Всего сцен обычно 4-12. В этом случае можно получить в среднем 20 хотспотов, код которых необоснованно раздут. Это усложнит редактирование и внесение правок в код. Поэтому лучше попытаться минимизировать количество строк кода и не прописывать атрибуты тега, которые и так заданы в нужном нам значении.

По аналогии с тегом plugin, напишем код хотспота.

В качестве события на клик напишем загрузку второй сцены

Этот код следует поместить сразу за закрытия тега image в первой сцене, а код

в этой сцене можно удалить.

Теперь можно изменить код тега krpano, чтобы первоначально грузилась сцена№2 (для быстрой проверки хотспота во второй сцене),

и далее повторить вышепоказанные операции для того чтобы создать хотспот из второй сцены в первую. Хотспот создается аналогично. Единственное что меняем – имя на spot2-1, ставим новые найденные координаты и меняем в событие загрузку на первую сцену.

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

Теперь, если запустить виртуальный тур, то можно увидеть что точки перехода у нас отрабатываются и возможен переход между 2-мя панорамами. Здесь мы создали элементарный виртуальный тур.

Может показаться что все это несколько “заморочено”, а результат не потрясает. Но это только первый этап. Далее мы продолжим работать над текущим туром для расширения функционала. В конечном итоге krpano позволяет создать виртуальный тур, в котором могут быть реализованы практически любые творческие идеи.

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

В следующих статьях будет продолжено повествование о том, как это может быть сделано.

Бег по кругу: создание интерактивных панорам и виртуальных туров

Время, которого многие ждали почти год, пришло. Сессия сдана, с авралами на работе покончено — можно расслабиться хотя бы на пару недель. Впереди летние приключения и масса самых разных впечатлений. Один привезет из далеких стран трофеи-сувениры, другой за короткое время успеет завести приятные знакомства, а кто-то освоит навыки серфингиста и научится «ловить волну». Чем бы вы ни занимались летом, куда бы вы ни отправились, одну вещь вы почти гарантированно возьмете с собой в дорогу — цифровую камеру.

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

Если вы хотите, чтобы снимок той местности, где вы были, не потерял ни единой детали, стоит познакомиться с техникой создания панорам. Да не простых панорам, а круговых.

⇡#Съемка круговых панорам

Для того чтобы создавать панорамы, не нужно ни особого оборудования, ни глубоких познаний в фотографии. Как только вы откроете для себя технику создания панорамных снимков, вы поймете, что до сих пор не осознавали, какими возможностями обладает обычная цифровая камера. Ее потенциал не ограничивается паспортными характеристиками — просто нужно знать, как обойти «ограничения». Современные программные инструменты для склейки отдельных кадров в широкоугольную панораму дают возможность из обычных снимков создавать шедевры в очень высоком разрешении — без видимых швов и с учетом выровненного цветового баланса.

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

Если вы используете для съемки камеру смартфона, имейте в виду, что есть приложения, которые заметно упрощают процесс создания панорамы. Например, в Android 4.2 Jelly Bean возможность съемки круговых панорам реализована по умолчанию. Ну а если такого инструмента или режима по умолчанию нет, можно использовать программное обеспечение сторонних разработчиков. Например, для устройств с Android есть бесплатное приложение Photaf Panorama, которое помогает правильно ориентировать смартфон при съемке, а также склеивает полученные снимки в панораму в автоматическом режиме.

Читать еще:  Убийца MacBook Pro и еще 4 самых интересных ноутбука ASUS

Для устройств с iOS можно посоветовать приложение Cycloramic. С его помощью можно и фотографировать, и склеивать панораму, и создавать виртуальный 3D-тур. Владельцы iPhone 5 могут воспользоваться автоматическим режимом съемки круговой панорамы: нужно поставить смартфон на ровную поверхность, после чего приложение включит режим вибрации и сделает нужное число снимков, всякий раз поворачивая устройство на нужный угол.

⇡#Сборка панорам на компьютере

К сожалению, бесплатных программ для склейки панорам на компьютере не очень много. Один из самых эффективных инструментов — приложение под названием Hugin. Эта программа является кроссплатформенной — она может быть установлена на Windows, Fedora, OS X, Ubuntu, Gentoo, FreeBSD.

В качестве альтернативы Hugin можно также посоветовать графический редактор GIMP. Правда, сам по себе он не умеет объединять части многопиксельного снимка, но зато для него существует дополнение Pandora, которое пусть и не очень корректно, но все-таки справляется со своей задачей. Это дополнение представлено в виде файла с расширением .scm. Чтобы GIMP мог работать с ним, нужно скопировать файл в директорию, где хранятся скрипты программы.

Тем же, кто хочет получить максимум удовольствия от процесса создания панорам, мы рекомендуем обратить внимание на программу Kolor Autopano Giga. Без преувеличения можно сказать, что эта программа — одно их лучших средств для создания панорамных снимков.

О достоинствах Autopano Giga можно говорить очень много. В ней есть и универсальный набор для коррекции искажений на результирующем фото, и очень эффективный алгоритм борьбы с «призраками» (следами от движущихся объектов), и использование технологии HDR для выравнивания экспозиции, и возможность ручной коррекции контрольных точек сшивания.

Но самое главное — в подавляющем большинстве случаев Autopano Giga не требует вмешательства в процесс объединения снимков и выдает настолько идеальный результат, что готовая панорама порой даже не требует финальной обработки в графическом редакторе. К тому же Autopano Giga очень эффективно распараллеливает вычисления, благодаря чему приложение очень быстро обрабатывает снимки на многоядерных процессорах.

⇡#Создание интерактивных панорам

Интерактивную панораму можно создать при помощи программы PanoramaStudio Pro. От подобных приложений это отличается возможностью работы с полными сферическими панорамами 360×180 градусов. Также PanoramaStudio Pro может помочь в создании панорам, состоящих из нескольких рядов снимков. Как любое серьезное приложение для работы с панорамными снимками, PanoramaStudio поддерживает автоматическое выравнивание и склейку изображений, коррекцию искажений объектива, а также имеет специальный режим, в котором вручную можно указать ключевые точки для подгонки кадров.

Визуализировав панораму в окне PanoramaStudio Pro, пользователь может выбрать один из вариантов ее сохранения. Программа предлагает сохранить виртуальный тур не только в виде графического файла, но и в разных интерактивных форматах.

PanoramaStudio Pro может сделать интерактивный скринсейвер в формате SCR или сохранить виртуальный тур в формате EXE. Для публикации в Интернете можно выбрать создание интерактивной панорамы на основе Flash. В этом случае программа создаст несколько файлов, которые необходимы для просмотра виртуального тура в браузере. Визуально это выглядит как фрагмент компьютерной игры: используя кнопки навигации или мышь, вы можете «оглядываться», смотреть по сторонам, приближать или отдалять отдельные детали панорамного изображения. При просмотре html-файла можно также переключаться в полноэкранный режим, включать автоматическое воспроизведение.

В виртуальных турах не обязательно использовать одни круговые панорамы. Можно генерировать галереи и из обычных панорам или даже «узких» снимков. Однако следует иметь в виду, что чем меньше угол обзора используемой фотографии, тем менее эффектным получается результат.

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

Предположим, вы создали целую серию панорамных снимков, сделанных примерно в одном месте. На их основе было создано несколько интерактивных видов. Panotour Pro имеет еще одну полезную функцию: объединение всех этих панорамных «пространств» в интерактивный тур.

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

Когда виртуальный тур содержит достаточно большое количество панорамных видов, пользователю трудно удержать в памяти все ссылки. Чтобы при генерировании конечного тура не потерять виды по причине отсутствия на них ссылок, удобно использовать карту связей проекта Panotour Pro. Эта карта представляет собой диаграмму с топологией ссылок. На ней показываются используемые панорамы, а стрелками указаны ссылки, ведущие от одной панорамы к другой.

Чтобы увидеть, на какие виды содержит ссылки определенная панорама, необходимо выделить ее миниатюру, после чего отобразятся направления задействованных ссылок. При переходе на определенный «слайд» панорамного тура можно задать ракурс — направление взгляда и угол обзора.

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

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

Проекты, созданные в Panotour, можно сохранить в виде галереи файлов swf. Кроме этого, программа способна подготовить html-код для публикации тура на веб-сайте.

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

⇡#Заключение

Когда вы вернетесь из путешествий, друзьям будет что показать — сделанных фотографий и отснятого видеоматериала к концу отпуска наберется достаточно. Но как бы профессионально ни была выполнена видеосъемка и сделаны снимки, всех этих маленьких фрагментов летнего счастья будет недостаточно, чтобы передать атмосферу тех мест, где вы побывали. Однако если вы потратите каких-нибудь полчаса и создадите виртуальный тур из сделанных на отдыхе снимков, то сможете не только провести «экскурсию» для знакомых, но и сами еще раз переживете приятные моменты отпуска.

Создание виртуальных туров 360 — пошаговое руководство для заказчиков

Из этой статьи вы узнаете о процессе создания виртуального тура, начиная от планирования и проведения фотосъемки, и заканчивая сборкой тура из 3D панорам.

Этапы создания виртуальных 3D туров

  1. Утверждение точек съемки панорам и их количества
  2. Утверждение дополнительных модификаций для 3D тура
    1. план/карта помещения
    2. всплывающие подсказки
    3. логотип
    4. …. и т.д
  3. Подготовить помещение
  4. Выбрать время и согласовать съемку
    1. Дата (с оглядкой на погоду)
    2. Время
    3. Продолжительность
  5. Снять 3D панорамы
  6. Склеить 3D панорамы
  7. Собрать виртуальный тур
  8. Опубликовать виртуального тура

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

Далее посчитайте и учтите все доп. модификации, которые будут встроены в проект (план локации, структурированный список панорам, подсказки и т.п.).

Также не забудьте учесть следующие особенности локации:

  1. сложность освещения и наличие зеркал;
  2. время, в которое можно провести съемку тура;
  3. подготовку помещений;
  4. получение необходимых разрешений на фотосъемку от собственников помещения.

Из вышеизложенного станет понятно, сколько времени займет съемка и сборка 3D тура.

Подсчет количества панорам и выбор точек съемки

Если помещение не сложной формы и не сильно зонировано, то начерно расставить точки съемки можно на плане помещения.

Когда расставить панорамы на плане нет возможности или помещение очень большое и/или нестандартной формы, панорам очень много и т.п., то для согласования точек съемки потребуется организовать предварительный выезд фотографа. Для заказчика плюсом этого варианта будет возможность пообщаться с подрядчиком вживую и получить предметные рекомендации по подготовке помещения.

Выбор дополнительных модификаций

Если виртуальный тур предназначен для публикации на сайте заказчика, а не на Яндекс или Google картах, то в него можно встроить дополнительные модификации:

  1. Индивидуальный дизайн;
  2. План/карта локации;
  3. Структурированное меню;
  4. Подсказки;
  5. Кнопки “назад” — “вперед”;
  6. Фотографии и фотогалереи;
  7. Видео;
  8. Видео-переходы между панорамами;
  9. Музыка;
  10. Каталог товаров;
  11. Анимация;
  12. Модуль звонка для мобильных устройств.

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

  • сделать навигацию по туру более понятной для пользователя;
  • улучшить внешний вид;
  • повысить информативность.

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

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

Выбор времени съемки

Выбирайте время съемки исходя из проходимости и открытости локации.

Проще всего снимать жилые квартиры, сложнее всего — площади и людные заведения в рабочее время.

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

Выбор фотографа для съемки 3D панорам

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

Здесь крайне важны все этапы работы:

  1. Выбор точек съемки;
  2. Подбор оборудования;
  3. Схема панорамной съемки (количество кадров из которых будет собрана панорама);
  4. Сама съемка;
  5. Склейка HDR-изображений (это необходимо в 9 случаях из 10);
  6. Сборка 3D панорамы;
  7. Обработка 3D панорам: цветокоррекция, коррекция яркости, контраста и финальная ретушь;
  8. Сборка виртуального тура.

Продолжительность съемки

Продолжительность съемки рассчитывайте, учитывая следующие пункты — так как именно они съедают основную часть времени:

  1. фотографу требуется осмотреть локацию (если предварительного выезда не было);
  2. время на подготовку оборудования (собрать/разобрать, сложить/разложить, настроить);
  3. время на финальную подготовку помещений — в большинстве случаев требуется убрать какие-то вещи, упущенные во время уборки, или то, что успели разложить уже после уборки. Также часто требуется чуть-чуть подвинуть или выровнять мебель относительно точек съемки панорам;
  4. время на саму съемку панорам — среднее время съемки одной 3D панорамы при обычном комнатном освещении и съемке на зеркальную камеру — около 5 минут, но чем темнее в помещении, тем длиннее выдержка и, соответственно, времени на одну панораму может уйти больше;
  5. освещение помещений — в помещении с приглушенным светом съемка займет примерно в два раза больше времени, чем при обычном комнатном освещении — подробнее уточняйте у фотографа, с которым планируете работать;
  6. проходимость помещений — в людных помещениях снимать панорамы довольно долго и проблемно, так как приходится ждать, пока люди выйдут из кадра.

Съемка 3D панорам

Выбор оборудования

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

  1. Это могут быть портативные камеры 360° — панорама делается в один кадр. В этом случае съемка проходит максимально быстро, но качество таких панорам зачастую удручающее;
  2. Профессиональное оборудование — зеркальные фотокамеры или оборудование для сканирования помещений — делается от 5 до 20 кадров с поочередным поворотом и наклоном камеры. Качество изображений в этом случае существенно выше, но и времени это занимает больше.

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

Трудности съемки

Основная трудность на этапе съемки — это движущиеся объекты: люди, машины, облака.

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

Очень неприятный момент — переменная облачность. Для получения качественной панорамы на всех сделанных кадрах должно быть одинаковое освещение, иначе при склейке будут видны границы соседних кадров. Из-за быстро плывущих облаков в солнечный день порой приходится снимать несколько дублей одной и той же панорамы, чтобы избежать проблем на постобработке.

В остальном съемка не несет каких-то особых трудностей и занимает довольно небольшую часть времени от общих времязатрат на создание тура.

Склейка панорам

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

Автоматический режим склейки

В основном это касается портативных камер 360°. Склейка панорам происходит автоматически в самой камере сразу после съемки либо в ПО, прилагающемся к этой камере.

Читать еще:  RoverBook Navigator B510

Полуавтоматический

Черновой проект панорамы собирается в автоматическом режиме, после чего дорабатывается вручную:

  • Корректируются дефекты неидеальной сборки;
  • Выравниваются вертикали;
  • Вклеивается пол.

На мой взгляд, это наиболее оптимальный вариант склейки — программа делает за нас весомую часть работы, а после внесения ручных коррекций мы получаем идеально собранную панораму без стыков.

Полностью ручная склейка

Используется в сложных случаях, когда на отснятых фотографиях мало высококонтрастных, детализированных объектов и автоматика не может найти реперные точки — маркеры, которые программа расставляет, чтобы соединить одинаковые части изображения на соседних кадрах. В большинстве случаев это помещения с однотонными стенами и потолком.

Обработка 3D панорам

По сложности обработки панорамы обгоняют даже интерьерные фотографии.

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

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

Обработка уже склеенных 3D панорам состоит из следующих этапов:

  1. Коррекция яркости и контраста — выравнивается и расширяется баланс яркости изображения, оно делается более натуральным. Источники света не должны превращаться в световые пятна, также не должна страдать детализация в тенях изображения;
  2. Цветокоррекция — в основном это выравнивание температуры различных источников света;
  3. Ретушь — по большей части, это удаление проводов от электротехники и дефектов от естественного износа помещений при эксплуатации — царапины, потертости, пятна, пыль, мусор и т.п..

Сборка 3д тура

Первый способ — простой в освоении

Использование специально созданных для этого программ с графическим интерфейсом, например Panotour или Pano2VR. Программы довольно интуитивны и создание тура в них не требует навыков программирования. Минусом является высокая стоимость таких программ. Цена лицензии Panotour Pro 2.5 на момент написания статьи — 399 €.

Второй способ — трудный но бюджетный и с широким функционалом

“Ручная” сборка тура на движке KRPanо — требует предварительного обучения и навыков программирования, и тоже не бесплатная — стоимость лицензии на момент написания статьи 129 €. Это более времязатратный, но при этом и более бюджетный вариант с широким функционалом. Сборка тура напрямую в KRPano больше возможностей для модернизации и оптимизации 3D тура.

Процесс сборки тура

  1. Добавление 3D панорам;
  2. Добавление меню и панели управления:
    1. Стандартный шаблон;
    2. Индивидуальный дизайн;
  3. Расстановка хотспотов — иконки (обычно стрелки) для перехода от одной панорамы к другой;
  4. Выставление первоначального направления взгляда в панорамах при выборе ее через меню управления;
  5. Выставление направления взгляда при переходе в панораму по хот-споту;
  6. Добавление дополнительных модификаций.

Публикация 3Д тура

На свой сайт

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

На портал с виртуальными турами

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

На портал или агрегатор недвижимости

Аналогично предыдущему варианту.

В социальных сетях

Вконтакте

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

Facebook

Аналогично предыдущему варианту, с одним исключением. В Facebook можно публиковать одиночные 3D панорамы, используя встроенный интерфейс соцсети.
Для этого требуется только правильное заполнение метаданных изображения, чтобы Facebook мог распознать панораму и отличить ее от обычной фотографии.

Instagram

Размещение виртуального тура в Instagram возможно только в качестве неуправляемого видео.
3D тур просматривается на компьютере с одновременной записью видео с экрана, после просмотра запись останавливается и получившийся ролик публикуется в Instagram.

Youtube

  1. Аналогично публикации в Instagram
  2. Создается видеоролик 360°, в который вместо видео вставляются изображения панорам с монтажными склейками между ними — просматривается такое видео так же, как как любое видео 360°.

В качестве заключения

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

Евгений Галанин

Фотограф интерьеров и архитектуры.
Делюсь личным и профессиональным опытом. Провожу фотосъемки интерьеров и архитектуры в Москве и других городах

Евгений Галанин

Интерьерный фотограф, Москва

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

Как сделать виртуальную 3D экскурсию по учебному заведению?

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

Для чего и кому вообще нужны виртуальные экскурсии? Начнём с того, что они позволяют отлично передавать атмосферу любого места. Так если вы выбираете учебное заведение для поступления на конкретную специальность, то признайтесь гораздо удобнее вечерком сесть за ноутбук и подробнейшим образом рассмотреть все интересующие лаборатории. У вас появляется возможность без всякого давления разглядеть всё оборудование, которое используют в процессе обучения. 3D тур позволит вам побродить по мастерским, рассмотреть детали и проникнутся соответствующей атмосферой.

Как показывает практика, помимо учебных заведений такие экскурсии востребованы и в других сферах. Все современные рестораны, торговые центры, базы отдыха, гостиницы и другие места, требующие постоянного трафика новых клиентов, стараются как можно скорее обзавестись красивым виртуальным туром на собственном сайте. Интерактивная экскурсия является мощнейшим средством по привлечению новых клиентов. Любая организация, имеющая в распоряжении 3D тур, экономит кучу времени и денег. Так что же нам мешает пополнить список таких организаций и попутно заработать свою копеечку?

Ну как копеечку… В среднем стоимость за 1 качественную панораму у фотографов идёт от 100 долларов и выше. Помножьте эту цифру на количество точек (панорам) в туре. Нехило так получается, правда? Думаю, мотивацию научиться делать виртуальные 3D туры и продвигать их вы получили. Давайте я уже, наконец, продемонстрирую процесс сборки тура. И прежде чем приступить, нам нужно подготовить всё самое необходимое, дабы в дальнейшем не отвлекаться и сконцентрироваться исключительно на создании экскурсии.

Загрузка и установка Panotour Pro

Шаг 1. Скачиваем из Интернета самостоятельно или по ссылке программный продукт Kolor Panotour Pro 2.5.1. В принципе можно пользоваться любой версией выше 2.0. С выходом обновлений интерфейс принципиальных изменений не претерпел. ПОСЛЕ ЗАГРУЗКИ ОТКЛЮЧАЕМ ИНТЕРНЕТ НА КОМПЬЮТЕРЕ И ВЫРУБАЕМ АНТИВИРУС (если этого не сделать, то можно получить кучу проблем с установкой Panotour).

Шаг 2. Запускаем установочный файл, соответствующий разрядности вашей операционной системы и во всех окнах жмём на «Далее».

Шаг 3. На рабочем столе находим ярлык Kolor Panotour Pro 2.5 и запустив программу нажимаем на кнопку «Зарегистрировать».

Шаг 4. В скачанной нами папке с установкой есть файл Serial.txt. Берём из него e-mail и ключ для активации программы.

Шаг 5. Забиваем эти данные в соответствующие поля и жмём «Ок». Если всё сделано, верно, то вы увидите сообщение о том, что регистрация состоялась. Жмём на «Ок» и переходим непосредственно к подготовке графических материалов.

Подготовка графических материалов

Шаг 6. Далее необходимо подготовить склеенные картинки панорам для создания тура. Мы этим уже занимались в одном из выпусков, поэтому если вы вдруг пропустили его, то можете посмотреть весь алгоритм склейки посредством программы PTGui Pro, перейдя по соответствующей ссылке. В контексте данного материала будем подразумевать, что такие картинки у вас уже готовы к работе и сохранены в отдельной папке.

Шаг 7. В этой же папке, кстати, рекомендую вам подготовить схематическую карту той местности или здания тур, по которому, собираетесь реализовывать. Я для примера буду делать тур по одному из этажей техникума, значит, для реализации данной идеи мне понадобится поэтажная схема всего здания.

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

Уф. Наконец-то я завершил написание данного сюжета. Пожалуй, это самый сложный и затратный по силам материал за последние пол года. На разбор темы ушло целых 2 недели. И всё потому, что более простая версия Panotour 1.8 не заработала не на одном из моих компьютеров. Она ставилась, позволяла создавать туры, но при их открытии вместо красивых панорам я лицезрел чёрный экран. Причём я видел, как другие её с лёгкостью ставили и работали… В отчаянии я перепробовал разные способы установки и удаления, сменил 3 компьютера, но тщетно. Пришлось воспользоваться более новой версией программы. Работа, с которой значительно усложнялась англоязычным интерфейсом и значительной переработкой интерфейса по сравнению с предшественницей.

Однако я не зря потратил время на освоение столь недружелюбной новой версии. Дело в том, что старая позволяла адекватно выводить туры лишь в формате SWF. А, как известно почти все современные браузеры отказываются от поддержки небезопасной технологии Flash и устремляют свой взор в сторону HTML 5. Ведь она помимо плюсов безопасности может адекватно отображать контент на мобильных устройствах. Поэтому ту экскурсию, которые мы с вами сегодня создали можно с лёгкостью посмотреть на смартфоне или планшете. Причём за счёт использования акселерометра смотрится тур в разы интереснее. Полный интерактив и погружение в атмосферу. Поддержка HTML 5 это неоспоримый плюс Panotour 2 версии.

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

1panorama

В данной статье мы попытаемся создать самый простой виртуальный тур и понять как он работает с точки зрения кода скриптов krpano.

В виду большого объема статьи, она была разбита на 2 части: 4-ю и 5-ю из цикла уроков по krpano.

Что потребуется ?

При выполнении “упражнений” потребуются материалы, которые на уже знакомы по предыдущим статьям.

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

* Ряд дополнительных графических элементов для виртуального тура.

Подготовка материалов к созданию виртуального тура

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

Для этого воспользуемся дроплетом MAKE PANO (NORMAL) droplet.bat (статья как работать с дроплетами в krpano) из папки krpanotools.

После применения дроплета у вас, в частности, образуются папки panorama1.tiles и panorama2.tiles. В этих папках появится панорамы в кубической проекции. А если вы приобрели лицензию на iphone устройства, то там же появятся версии и для ipad и iphone-ов.

В корне вашего проекта создайте папку panoramas, куда скопируйте папки panorama1.tiles и panorama2.tiles.

В корень проекта скопируйте файл panorama1.swf и panorama1.xml, который образовался после применения дроплета.

Переименуйте их соответственно в vtour.swf и vtour.xml.

В результате у вас получится следующая структура виртуального тура.

Теперь если запустить vtour.swf, то krpano выдаст ряд ошибок. Это связано с тем что мы поменяли пути к кубическим проекциям панорам. Как это исправить – будет показано ниже.

От панорам к виртуальному туру

С точки зрения krpano виртуальный тур является “надстройкой” над панорамами.

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

В отличие от демонстрации отдельных панорам в виртуальном туре каждая панорама должна быть обрамлена тегом scene. Т.е. каждая панорама является так называемой “сценой”, и переход от одной панорамы к другой состоит в переходах к новой сцене.

У данного тега есть атрибут name (задает название сцены) и необязательное событие onstart, которое запускается сразу после запускается новой сцены.

Внутри тега scene описание панорамы точно таким же образом как и в предыдущих уроках. Т.е. то, что ранее располагалось внутри тега krpano, в виртуальном же туре располагается внутри тега scene, который опять таки находится внутри тега krpano.

Оформим первую панораму в виде сцены.

Читать еще:  Слухи: утечку кадров The Last of Us Part II организовали хакеры, а не недовольный сотрудник

Откроем файл vtour.xml. На данный момент в нем находится следующий код:

Обрамим код панорамы в тег scene (дадим название сцене panorama1).

И помимо этого исправим пути к кубической проекции панорамы

Здесь необходимо сделать отступление.

Если вы создаете виртуальный тур в котором отдельные ресурсы лежат в разных папках, или же когда в конце концов тур упаковывается в единый swf- файл, то все пути необходимо писать через переменную %SWFPATH%. В данной переменной лежит путь до запускаемого swf-файла.

Если пренебречь данным правилом, то впоследствии иногда можно столкнуться с тем – что при размещение тура в интернете krpano будет выдавать ошибки о невозможности загрузить ресурсы тура.

Поэтому более правильно пути к панорамам написать следующим образом:

Таким образом получим код:

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

Т.е. в отличие от предыдущих уроков, когда krpano сразу выполняет код – в виртуальных же турах, когда код панорам выгружен в сцены, этого не происходит.

Здесь выполнение кода в полной мере происходит на основе событий.

Т.е. если произошло событие, а реакции на событие не прописана, то krpano просто нечего выполнять. Поэтому мы видим черный экран.

В этом случае нам нужно в событие, которое происходит сразу после загрузки swf-файла, прописать реакцию – вызов сцены panorama1.

У тега krpano для этого есть событие onstart, точно такое же как и у тега scene. В качестве реакции укажем функцию loadscene.

Звездочкой обозначены необязательные параметры.
Среди передаваемых параметров укажем только обязательный – имя сцены. В результате первая строчка кода будет выглядеть следующим образом:

Теперь если запустить vtour.swf, то мы увидим, что первая панорама у нас благополучно загрузилась.

Пропишем код второй сцены, который обращается уже к кубической проекции панорамы 2. Для этого скопируем код первой сцены и изменим имя сцены, а также пути к панораме.

В результате код будет выглядеть следующим образом:

Создание точек перехода

Точки перехода обеспечивают переход от одной сцены к другой. Описываются они при помощи тега hotspot. Описание всех атрибутов тега достаточно обширно, и его можно посмотреть на сайте krpano.com. Но в целом набор атрибутов очень схож с таковыми у тега plugin.

Здесь же мы будем использовать только самые необходимые:

name – имя хотспота;

url – путь к изображению хотспота;

ath, atv – координаты в сферических системе координат (подробнее об этом в статье krpano: часть 2).

crop, onovercrop – координаты для состояний up, over в файле изображения хотспота (подробнее об этом рассказывалось в уроке krpano: часть 3).

Также будем использовать событие onclick ( пользователь нажал на хотспот)

Основной вопрос здесь – как найти координаты в сферической системе? Для этого нам опять таки пригодится плагин editor.

Создадим в корне проекта папку plugins и скопируем туда плагин editor (находится в папке krpano). Так же создадим папку images, и поместим туда файл картинки хотспота hotspot.png (из материалов к уроку).

Чтобы запустить плагин editor скопируйте уже знакомую строку в обе сцены сразу после закрытия тега image

Теперь при запуске тура внизу появится кнопка editor

Нажмите editor, затем hotspots

Поверните панораму на интересующий вас угол (какой именно сейчас не важно) и нажмите add image hotspot, после чего укажите файл хотспота, который вы скопировали в папку images.

В центре панорамы образуется хотспот:

Нажмите back, а затем xml.

Плагин покажет полный код тура. Найдите строку начинающуюся с

Внутри тега будут указаны углы ath и atv. Скопируйте их значения.

Каждый раз выполнять эти операции несколько утомительно, поэтому можно просто, как во второй части этой серии уроков по krpano , добавлять вместо хотспотов lensflares. Ведь нас интересуют только значения углов, а сам тег hotspot пропишем в коде вручную.

Опять таки как и с lensflares (из второй статьи) можно скопировать код тега полностью. В этом случае вы обозначите все атрибуты этого тега, даже те, которые не используете, и которые установлены в значения по умолчанию. Этот код будет работоспособен, но будет сильно раздут.

При создании виртуального тура по помещению обычно на одну сцену приходится 2-3 хотспота. Всего сцен обычно 4-12. В этом случае можно получить в среднем 20 хотспотов, код которых необоснованно раздут. Это усложнит редактирование и внесение правок в код. Поэтому лучше попытаться минимизировать количество строк кода и не прописывать атрибуты тега, которые и так заданы в нужном нам значении.

По аналогии с тегом plugin, напишем код хотспота.

В качестве события на клик напишем загрузку второй сцены

Этот код следует поместить сразу за закрытия тега image в первой сцене, а код

в этой сцене можно удалить.

Теперь можно изменить код тега krpano, чтобы первоначально грузилась сцена№2 (для быстрой проверки хотспота во второй сцене),

и далее повторить вышепоказанные операции для того чтобы создать хотспот из второй сцены в первую. Хотспот создается аналогично. Единственное что меняем – имя на spot2-1, ставим новые найденные координаты и меняем в событие загрузку на первую сцену.

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

Теперь, если запустить виртуальный тур, то можно увидеть что точки перехода у нас отрабатываются и возможен переход между 2-мя панорамами. Здесь мы создали элементарный виртуальный тур.

Может показаться что все это несколько “заморочено”, а результат не потрясает. Но это только первый этап. Далее мы продолжим работать над текущим туром для расширения функционала. В конечном итоге krpano позволяет создать виртуальный тур, в котором могут быть реализованы практически любые творческие идеи.

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

В следующих статьях будет продолжено повествование о том, как это может быть сделано.

Программы для создания виртуального тура

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

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

В процессе воспроизведения виртуального тура должна звучать фоновая музыка. Перед началом воспроизведения зритель должен увидеть стартовую заставку с координатами магазина. Вход в первую панораму должен произойти с эффектом «маленькая планета» (чуть позже будет понятно, что это такое). При воспроизведении в правом углу экрана должен быть логотип компании-заказчика и ссылка на его сайт. Учитывая специфику заказа, необходимо добавить в виртуальный тур эффект «падающий снег».

Это далеко не все возможности, которыми обладает программное обеспечение. Но давайте не будем пытаться объять необъятное. На первый раз достаточно и этого.

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

Шаг 1. Обработка исходных фотографий в Adobe Lightroom

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

Пример: вот одна из 38 фотографий, сделанных в интерьере до и после обработки:

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

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

К счастью, программа Adobe Lightroom позволяет автоматизировать процесс обработки серии фотографий. Достаточно привести в порядок один кадр из серии и применить к остальным те же настройки. Программа в автоматическом режиме выполняет обработку быстро и именно так, как нам надо.

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

Шаг 2. Склеивание панорамы в Kolor Autopano Giga

Склеить сферическую панораму с помощью известного многим инструмента Adobe Photoshop невозможно. Здесь требуются совершенно иные инструменты. Один из них — продукт французской компании Kolor — Autopano Giga. В нее загружаются наши 38 фотографий, составляющие будущую панораму:

Далее в программе выполняются определенные настройки и нажимается кнопка «склеить». По прошествии некоторого времени нам покажут результат. Если съемка выполнена правильно, а сам интерьер не состоит из пустых белых стен, то в большинстве случаев программа справляется с задачей в автоматическом режиме:

Понятно, что панорама выглядит несколько странно, но это именно то, что нам нужно.

В случае, если автоматическая склейка не удалась, программа Kolor Autopano Giga предлагает целый ряд возможностей по корректировке результата вплоть до ручного склеивания.

Результатом данного этапа являются склеенные сферически панорамы — изображения с разрешением 10-15 тысяч точек в ширину.

Шаг 3. Ретуширование сферических панорам в Adobe Photoshop

Временами заказчик просит нас «убрать» из панорам какие-то мелкие огрехи интерьера, которые невозможно исправить в самом интерьере. К примеру, пятно на потолке, дырка в линолеуме и прочее.

Ретуширование панорам в Adobe Photoshop позволяет исправлять и более крупные недочеты. К примеру, в виртуальном туре по производственному объединению «Упаковка-Холдинг» нам пришлось выполнить сложную ретушь чтобы закрасить закопченные стены цеха:

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

В результате обработки панорам в Adobe Photoshop мы имеем изображения, готовые к загрузке в следующую программу.

Шаг 4. Сборка виртуального тура в Kolor Panotour Pro

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

Для этого есть много разных инструментов. Но мы пользуемся одним из лучших в мире: программой уже известной нам фирмы KolorPanotour Pro. Она позволяет не просто оживить панорамы, заставив их вращаться.

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

В сами панорамы можно добавить фотографии, видеофрагменты, в том числе те, что очень гармонично вписываются в неподвижную статичную картинку (Виртуальные экскурсии с видеогидом. Технология Livepano). Можно создать внутри виртуального тура фотогалерею, включить эффекты «дождь» и «снег», добавить фоновую музыку и голос за кадром.

Программа Kolor Panotour Pro позволяет создать виртуальные туры, которые можно просматривать на экранах мобильных устройств или в очках виртуальной реальности.

Посмотрите на эту картинку:

так выглядит проект в программе Panotour Pro

Это один из самых объемных проектов, которые мы сделали за 2017 год. Виртуальный тур по музею А.С.Пушкина в Большом Болдино

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

Давайте посмотрим, как выглядит результат обработки панорам из цветочного магазина: http://pan-nn.ru/tours/sandy-flowers

Вывод

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

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector