Проба пера в создании виртуального тура

[Vialom]

Панорамы в принципе делал и раньше. В этот раз решил попробовать сделать тур.  От обычной панорамы отличается только возможностью перехода по ссылкам (в нашем случае это вертолетики) на другие панорамы
http://lomovtsev.spb.ru/pano/vtur/

[tim001]

Красивые места

[nik1]

Отличная проба

[tim001]

Слав, будет время и желание-поделись опытом, любопытно попробовать.

[Vialom]

Тим, в данном случае ограничение накладывают не время и желание, а закон о распространении ПО.
Я могу только посоветовать для сборки панорам пользоваться программой фирмы Kolor, которая называется autopano-giga.  Для того, чтоб из обычной панорамы сделать сферическую, рекомендую программу той же фирмы, но называется она Panotour. Возможности шикарные.  Проконсультировать могу в личке

[tim001]

Принято. Пошли в личку

[dsirc]

Слава, рассказывай . С лицензиями мы проблему утрясем  .

[Vialom]

ОК. Расскажу. Дайте несколько деньков. 

[Patrik]

Место супер и земелька там наверное хорошо продаётся.
Тур зачётный, ни когда такого не видел.

[Vialom]

Ну что ж. Начнем.
Для того, чтоб создать красивую панораму, нам понадобятся: подготовленные снимки для будущей панорамы и три программы.
Kolor Autopano Giga, Kolor Panotour и любой графический редактор.  Лучше всего, если это будет Adobe Photoshop.
Итак по порядку.
Чтобы снять панораму постарайтесь держать коптер в воздухе как можно неподвижнее. В этом случае панорама соберется легче и быстрее. Определите для себя какое-то начальное направление,  объектив ставим горизонтально, делаем первый кадр и начинаем вращение. Старайтесь, чтоб перекрытие на соседних фотографиях было 30-50%. За один оборот должно получаться 10-12 снимков (при широкоугольном объективе). Если объектив не широкоугольный, то количество снимков на круг может значительно увеличиться.
После того, как сделали полный оборот, опускаем объектив примерно на 30° (в зависимости от объектива), делаем следующий кадр и опять начинаем вращение.
Доходим до начальной точки и опять опускаем объектив. В конце съемки делайте несколько кадров в надир.  Сняли, повернулись, сняли…. Для надира достаточно 4-5 кадров.
В итоге для панорамы нужно примерно 40-50 снимков. Меньше плохо. Очень много снимков тоже не хорошо.
Будет не лишним, если Вы повторите съемку. То есть после надира опять объектив горизонтально и все с начала. Если первый круг будет удачным, то потом просто удалите эти кадры. У меня были моменты, когда в первом круге были дырки, а возвращаться на место съемки не всегда возможно.
Запускаем программу Kolor Autopano Giga. Открывается большое черное окно, разделенное на две половины. В левом верхнем углу нажимаем кнопку «Выбрать изображения»

Проба пера в создании виртуального тура

Указываете снимки панорамы на компьютере, жмете открыть и они все загрузятся.
Программа прекрасно кушает формат RAW, так что переконвертировать в JPG перед загрузкой не обязательно.
Далее Нажимаете на изображение гаечного ключа. Просто на автомате собирать сборку крайне не рекомендую.

Проба пера в создании виртуального тура

Открывается окно параметров группы.

Проба пера в создании виртуального тура

«Качество обнаружения» обязательно поменяйте на «Высокое»
«Контрольных точек на пару изображений»- двигайте ползунок вправо на максимум, пока это количество не станет 200
Больше на этой вкладке ничего не меняем (хотя можете попробовать. Я понятия не имею что будет с панорамой если галочки поставить в предложенных окошках)
Следующая вкладка- «Оптимизация»

Проба пера в создании виртуального тура

Предустановки ставим «Пользовательские» и обязательно ставим галку в окне «Множественные точки обзора». В противном случае программа будет считать, что Вы снимали со штатива и любое отклонение коптера от начальной точки будет приводить программу в состояние шока. Она будет ругаться, на плохие связи между снимками и качественную панораму собрать будет не возможно.  (сколько нервов потрачено, пока не нашел в чем загвоздка)))) )
Далее ставим галку в окне  «Доводка контрольных точек или связей», активируется окно с точкой «Оставить только точки, с ошибкой ниже….» , ставим туда эту точку и двигаем ползунок, уменьшая значение до 3-ех. Больше оставлять не рекомендую так как подобные связи только мешают панораме.
Далее открываем вкладку «Панорама». 

Проба пера в создании виртуального тура

Здесь в обязательном порядке меняем проекцию с Авто на Сферическую и на следующей вкладке меняем обрезку на «Максимальный диапазон».  Не забывайте, что снимков вверх у Вас нет (там коптер был в момент съемки) и если программа обрежет будущую панораму по содержимому (что поставлено по умолчанию), то следующая программа, которой будем пользоваться для сборки сферы, никогда эту сферу не сделает. Весь низ панорамы будет сильно искажен даже не смотря на наличие снимков в надир.
Далее на этой же вкладке есть возможность указать программе как она будет корректировать снимки между собой.
Мы ведь снимали и в сторону солнца и в противоположную. Значит одни снимки у нас светлее, а другие темнее. Программа может это в автомате скорректировать. И здесь мы указываем по каким параметрам мы разрешаем ей это сделать. Либо по гамме, либо по экспозиции, по цвету… либо любой набор из этих возможностей.
Переходим к следующей вкладке «Сборка». Здесь я меняю только папку и название выходного файла.

Проба пера в создании виртуального тура

Жмем ОК, окно закрывается и теперь мы готовы к созданию склейки (матрицы) будущей панорамы.
Нажимаем зеленую кнопку «Создать» и процесс пошел… Ждем..

[Vialom]

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

Проба пера в создании виртуального тура

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

Проба пера в создании виртуального тура

Далее редактирование по вкусу. Но ни в коем случае не пользуемся кнопкой "Обрезка". Последствия будут плачевными. Панораму нельзя обрезАть ни на один пиксел.
Закрываем это окно и первоначальный кривой вид выглядит уже не так страшно.

Проба пера в создании виртуального тура

На дырки в небе не обращайте внимания. Самое интересное на панорамах находится внизу и врятли кто-то захочет смотреть вверх.
Особые гурманы могут закрасить небо в Фотошопе, а мы будем бороться с этим другим способом (об этом немного позже).
Теперь можем нажать на кнопку с шестеренкой, которая называется «Сборка». Откроется новое окно.

Проба пера в создании виртуального тура

Здесь особое внимание нужно уделить размеру панорамы. В моем примере это значение больше чем 22 тысячи пикселей (обведено на снимке вверху).
На данном этапе нужно знать для чего собирается панорама. Если для себя любимого, открываться она будет только с локального диска и Вы будете разглядывать муравьев в последующем, то размер оставляйте как есть.
Если эта панорама будет выложена в интернет, то настоятельно рекомендую уменьшить это значение до 10 000. В противном случае панорама будет очень тяжелая и на компах с плохим интернетом открыть ее будет очень проблематично.
Если ранее не указали имя для будущей панорамы, то делаем это здесь и жмем внизу кнопку «Сборка». Процесс пошел….
В итоге получим огромного размера снимок с расширением .JPG
Выглядеть будет примерно так

Проба пера в создании виртуального тура

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

Проба пера в создании виртуального тура

После всех редактирований мы готовы из этой матрицы собрать сферу.
Для этого будем уже пользоваться следующей программой Kolor Panotour

Продолжение следует…..

[Vialom]

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

Проба пера в создании виртуального тура

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

Проба пера в создании виртуального тура

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



Блик, установленный в самое яркое место Вашей панорамы,  при повороте даст эффект солнечного блика в объективе.

Проба пера в создании виртуального тура

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

Проба пера в создании виртуального тура

В правой нижней части из кнопок, заслуживающих внимание, есть только одна. Это кнопка установки вида по умолчанию.
То есть  если хотите, чтоб пользователи начинали просмотр именно с этого масштаба и ракурса, то устанавливаете его как нужно и давите кнопку «Установить как вид по умолчанию»

Проба пера в создании виртуального тура

[Vialom]

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

Проба пера в создании виртуального тура

Основная вкладка "Свойства панорамы"
Переходим к ее настройкам.
Вкладки «Изображения» и «Проекция» я обычно не трогаю. Ничего интересного для настройки в них нет.
На следующей вкладке «Вид» по умолчанию стоИт возможность приближения 4000%.  Этот пункт меняйте в зависимости от того, для чего используется панорама. Если просто для себя, то ничего не меняем. Если для интернета, то не всегда можно разрешать пользователям приближать панораму очень сильно.  Так что это на Ваш выбор.
Следующая вкладка «Звук». Естественно можно выбрать мелодию на компьютере, которая будет проигрываться при открытии этой панорамы. Но будьте осторожны. В свойствах проекта есть такая же вкладка, в которой можно выбрать звук для всего проекта. Если Вы собираете тур, с возможностью перехода от одной панорамы к другой, то нужно исключить возможность запуска разных мелодий при открытии разных панорам. На мой взгляд если делается тур, то одна мелодия выбирается в свойствах тура и она не прерывается при переходах. Если панорама одна, то звук можно выбрать и здесь. Но если добавляете звук, то в кнопках, которые будут отображаться на готовой панораме, в обязательном порядке должна быть кнопка его отключения.
Вкладка «Поведение» отвечает за автоматическое вращение панорамы после запуска. Задержка – это время в секундах, через которое панорама начнет вращение после открытия.  Скорость вращения я обычно ставлю по минимуму. То есть 1. В противном случае смотреть на такую панораму сложно.
Опять же. Если разрешаете панораме крутиться, то должна быть кнопка отключения вращения. Не забудьте про это , когда настраиваете. Про кнопки чуть-чуть ниже…
Открываем вкладку «Свойства проекта»

Проба пера в создании виртуального тура

Первое, что видим, это вкладка «Вид»
Вот здесь в выпадающем окне, с надписью «Строка управления» мы и выбираем как будет выглядеть панель навигации на нашей панораме (попросту говоря какие кнопки пользователь будет видеть). Шаблонов очень много. Но это количество обусловлено разной комбинацией возможных вариантов. То есть мы можем поставить  только кнопки навигации, или навигация + звук,  автовращение плюс звук, либо вообще только звук. Если указано, что шаблон не выбран, то кнопки отображаться не будут.
После выбора шаблона есть возможность придать ему цвет. Но это уже к разряду «рюшечки-плюшечки».
Далее есть поле для ввода текста. Не пробовал, но скорее всего это текст, который будет отображаться на протяжении всего просмотра.
Выпадающее меню «Индикатор выполнения» позволяет выбрать что будет видеть пользователь в момент загрузки панорамы.
Если стоит значение по умолчанию, то пока идет загрузка с сервера будет крутиться белый кружок ожидания. Индикатор Load будет показывать ход выполнения загрузки. Пустая горизонтальная шкала, заполняющаяся по мере загрузки панорамы.

[Vialom]

Следующая вкладка «Поведение»

Проба пера в создании виртуального тура

Здесь выбираем панораму, которая будет показываться первой (если делаем тур из нескольких панорам).
Если поставить галку на строке «Start with auto rotation», то после загрузки панорама начнет крутиться через то время, которое мы установили ранее. Если галку не ставить, то пользователь только сам будет крутить мышью.
«Маленькая планета» делает из Вашей панорамы при старте шарик. Хорошо видно в первом сообщении данной темы. Правее выбирается время видимости этого шарика. По умолчанию 3 секунды.
Далее всплывающее окно с возможностью выбора длительности показа. Это может быть все, что угодно. Хоть руководство пользования, хоть Ваша фотография.
Переходим дальше. Вкладка «Дополнительно»

Проба пера в создании виртуального тура

Здесь в выпадающем окне есть такие пункты как
Карта
Эскиз
Thumbnails stack
Звук 
Лого
Список панорам
Контекстное меню
Panotour maps
Gyroscope

Карта. Открываете, дпустим, гугловскую карту. Делаете скрин с экрана, сохраняете как .JPG и вкладываете просто как рисунок. Карта не интерактивна.
Эскиз Разрешает показ всех эскизов панорамы под прячущейся вкладкой при просмотре тура.
Thumbnails stack то же самое, что эскиз, только видно всегда.
Звук  мелодия для всего проекта. Не останавливается при переходах от одной панорамы к другой
Лого Ваш логотип. Его размер и положение. Это может быть локальный файл либо ссылка в интернете.
Список панорам. В том месте, которое Вы укажете, будет выпадающее меню со списком (без эскизов) для перехода на нужную панораму.
Panotour maps  Активная карта с возможностью установки активных точек, масштабирования и так далее. Карта прячется под вкладку с возможностью просмотра. (В первом сообщении этой темы карта слева под черной вкладкой.) Работает только OpenStreetMap. Google не работает. Программа построена таким образом, что требует ключи API от гугловских карт. С сентября 2011 года эти ключи гуглом больше не выдаются. Это будет исправлено в следующей версии программы. Ждем.
Gyroscope  При разрешении этого пункта мы разрешаем  управлять наклоном карты наклоняя IPad  и другие подобные устройства со встроенными гироскопами. На форумах пишут, что Андроид-устройства не работают. (за неимением айпада этот пункт не проверялся)

[Vialom]

Переходим к крайней вкладке «Создание тура»

Проба пера в создании виртуального тура

Здесь устанавливаем галки для чего собираем панораму.
Первая для обычных компьютеров
Следующая для мобильных устройств
Выпадающее меню «Шаблон HTML»
Если не выбирать ничего, то после создания проекта в нужном месте будут лежать рядом папка и управляющий файл.
Файл будет называться например «panorama.swf», а папка будет «panoramadata». При выкладывании на сайт нужно положить файл и папку рядом и указать полный путь до управляющего файла (включая его расширение .swf )
Если выбираем шаблон fullpage.html, то в этом случае панорама для выкладывания в интернет будет более правильная. Выходящих файлов будет больше, но они все нужны для правильного функционирования панорамы в интернете.
НО ОБРАТИТЕ ВНИМАНИЕ: при нажатии на кнопку «Создать тур» и выборе куда сохранить НАЗЫВАТЬ ФАЙЛ НУЖНО ТОЛЬКО КАК INDEX

Проба пера в создании виртуального тура

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

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