Что надо для создания 3д виртуальных туров. Виртуальный тур своими руками
С древних времен человечество мечтало перемещаться в пространстве. С появлением компьютерных технологий такая возможность стала реальностью благодаря виртуальным экскурсиям, которые способны показать любое место на планете Земля.
Виртуальная экскурсия является одним из самых зрелищных и доступных способов визуализации, существующих на сегодняшний день. Виртуальные экскурсии позволяют совершить увлекательные виртуальные экскурсии и создаёт у зрителя полную иллюзию присутствия.
Главное преимущество виртуальной экскурсии является экономия времени как со стороны заказчика путешествия (экскурсии по экологическим заповедникам), так и со стороны пользователя («виртуального» туриста). Виртуальная экскурсия выполняет функцию интерактивного гида для пользователя-клиента, а для заказчика – владельца тура выполняет функцию демонстрации особо охраняемых территорий.
Виртуальная экскурсия - это некая комбинация виртуальных туров (цилиндрических с углом обзора 360 градусов), при этом переход от одной к другой осуществляется через активные зоны (их называют точками привязки), размещаемые непосредственно на изображениях, а также с учетом плана тура. Виртуальную экскурсию можно сопроводить дополнительно аудио файлами.
С помощью мыши или клавиатуры пользователь можете просматривать пространство вокруг себя на 360º, приближать и удалять предметы и объекты, рассматривать детали или изучать общий план. В отличие от видеосъемки пользователь не зависит от движения камеры, движение в пространстве находится полностью под контролем.
Благодаря виртуальной реальности, пользователь совершает настоящее путешествие, перемещаясь из одной панорамы в другую. Для лучшей ориентации посетителей виртуальной экскурсии присутствует интерактивная карта с “радаром”, показывающая направление просмотра и угол обзора. Виртуальная экскурсия идеально подходит для путешествий по особо охраняемым природным территориям, экскурсий по городам и музеям.
В основе виртуальных туров лежат панорамные фотографии, которые отличаются интерактивным просмотром. Просматривая обычную фотографию, пользователь видит только то, что ему показывают, и никак не может управлять процессом просмотра.
Виртуальные экскурсии позволяют практически «вживую» ознакомить пользователя с окружающей обстановкой.
Чтобы сделать виртуальную экскурсию удобным и информативным необходимо собрать его из множества элементов:
горячая точка (hotspot-переходы между турами);
кнопка и панель управления;
интерактивный список туров и миниатюры;
карта виртуального путешествия и радар;
всплывающие окна с текстом, видео;
звуковое сопровождение.
Под термином «горячая точка» (производная от английского hotspot) понимают изображение, текст или область путешествий. При наведении курсора на горячую точку всплывает подсказка, а нажатие активирует загрузку соответствующего виртуального тура или открывает всплывающее окно.
Под терминами «кнопка» и «панель управления» понимают основной элемент управления виртуальным путешествием. На кнопке может быть представлен текст, графическое изображение в формате jpg, bmp, gif, png или swf-файл. Можно кнопкам присвоить несколько значений одновременно, если они не противоречат друг другу и использовать следующие значения:
управление движением панорамы (включение/отключение вращения, увеличение/уменьшение изображения, сброс, и т.п.);
переключение между панорамами;
включение/отключение полноэкранного режима;
включение/отключение звукового сопровождения;
открытие/закрытие всплывающего окна;
Под «интерактивным списком туров и миниатюр» понимают – список, включающий в себя наименования всех виртуальных путешествий. Он позволяет быстро найти и открыть любую панораму входящую в состав виртуальной экскурсии. Миниатюры представляют собой тот же список, только оформленный в виде фотографий.
Под «картой виртуальной экскурсии» понимают карту, которая позволяет облегчить ориентацию в пространстве цифровой реальности. Горячие точки, размещённые на карте имеют дополнительную функцию - радар. «Радаром» называют цветную зону, вращающуюся вокруг горячей точки. Она указывает направление, которое в данный момент соответствует изображению в виртуальной экскурсии. Это важный элемент, который позволяет сделать виртуальную экскурсию более информативной.
Всплывающее окно появляющееся, при наведении курсора мыши на пиктограмму виртуального тура, позволяет сделать виртуальную экскурсию более информативной. Размещение информации проходит без ущерба для просмотра самого тура, так как после загрузки всплывающие окна скрыты от пользователя и появляются только после его активизации.
В качестве звукового сопровождения может быть использован Mp3 файл с аудио описанием места съемки, приятной мелодией или звуками естественного и искусственного происхождения. Так же можно закрепить свою собственную мелодию для каждой горячей точки, входящей в состав виртуального тура. Она будет воспроизводиться после нажатия соответствующей кнопки.
Преимущество виртуальной экскурсии:
эффект присутствия и детализация визуального объекта;
возможность размещения дополнительной информации и подсказок непосредственно в путешествии;
повышенная привлекательность и оригинальность, по сравнению с фотографией и сопровождением пояснения в виде текста;
2. Панорамная экскурсия.
Виртуальные туры - один из самых эффективных и убедительных на данный момент способов представления информации, поскольку они позволяют совершать увлекательные виртуальные экскурсии и создают у зрителя полную иллюзию присутствия. Дело в том, что, в отличие от видео или обычной серии фотографий, виртуальный тур обладает интерактивностью. Так, в ходе путешествия можно приблизить или отдалить какой-либо объект, оглядеться по сторонам, подробно рассмотреть отдельные детали интерьера, обозреть панораму издалека, посмотреть вверх-вниз, приблизиться к выбранной точке или удалиться от нее, через активные зоны переместиться с одной панорамы на другую, например погулять по отдельным помещениям и т.п. И все это можно делать в нужном темпе и в порядке, удобном конкретному зрителю. Таким образом можно, например, обойти весь дом изнутри и даже осмотреть его снаружи или совершить виртуальное путешествие по экзотическому острову, не покидая собственной квартиры.
С помощью виртуальных туров можно наглядно продемонстрировать зрителю внешний вид офиса, выставки и магазина, показать ему изнутри и снаружи выставленные на продажу дома или автомобили, ознакомить его с оформлением интерьера в ресторане, отеле или фитнес-клубе, представить основные достопримечательности туристической поездки, позволить побродить по залам музеев и выставок и т.д. Однако наибольшее признание технология создания виртуальных туров получила в сфере недвижимости - сегодня ее широко используют ведущие мировые риелторские компании, такие как Century21, ColdwellBanker, Rubloff, Winkworth, Corcorans и пр. Не составляют исключение и российские риелторы - первопроходцем в применении виртуальных туров в России стал портал по недвижимости Home Seekers.
Основными вариантами размещения виртуальных туров являются Web-сайты и CD-презентации. Наличие туров на Web-сайтах особенно актуально для тех компаний, у которых внешний вид помещений и интерьеров является важной составляющей бизнеса (отели, рестораны, риелторские фирмы, салоны, магазины, туристические компании и пр.). Наличие на сайте виртуального тура помогает компаниям привлечь внимание посетителей, а значит, увеличить количество потенциальных клиентов. Просмотр туров в Интернете обычно осуществляется в среде Интернет-браузера, при условии поддержки Java-аплета. Учитывая, что у ряда пользователей Java-машина не установлена, некоторые разработчики дополнительно создают версии туров, которые могут проигрываться, например, во flash-проигрывателе. Виртуальные туры, ориентированные на Web, достаточно скромны по размерам и быстро загружаются, но отличаются от CD-туров более низким качеством изображения.
Виртуальные туры, записываемые на CD, просматриваются с помощью специальных обозревателей туров и не ограничены жесткими требованиями в плане своих размеров, так что они могут содержать высококачественные фотопанорамы и потому необычайно эффектны. Такие туры могут быть составным компонентом электронных презентаций либо являются автономным программным продуктом, представляющим компанию, товар, технологию и пр. Диски с турами можно раздавать на профильных выставках и ярмарках потенциальным клиентам, и, в отличие от привычных всем листовок и брошюр, они не отправляются в мусорный ящик после беглого просмотра.
Виртуальные туры пользуются очень большой популярностью. Согласно статистическим данным Realtor.com, риелторские сайты, дополненные турами, посещаются потенциальными клиентами на 40% чаще, а данные отчета British Market Research Bureau свидетельствуют о том, что 80% домашних пользователей Интернета при поиске покупаемого объекта недвижимости используют Интернет и просматривают виртуальные туры перед непосредственным обращением в агентство недвижимости. Более того, по оценкам американских специалистов, все риелторские фирмы, которые начали применять виртуальные туры, ощутили реальное увеличение объемов продаж.
Что понимают под виртуальным туром
Виртуальный тур - это комбинация панорамных фотографий (сферических или цилиндрических), когда переход от одной панорамы к другой осуществляется через активные зоны (их называют точками привязки или точками перехода), размещаемые непосредственно на изображениях, а также с учетом плана тура. Все это может дополняться озвучиванием переднего плана и фоновой музыкой, а при необходимости и обычными фотографиями, видеороликами, flash-роликами, планами туров, пояснениями, контактной информацией и пр.
В основе виртуальных туров лежат фотопанорамы, которые от обычных фотографий отличаются интерактивным характером просмотра. Это означает, что при просмотре панорамной фотографии пользователь видит только ту часть изображения, которая его интересует в данный момент, и что при желании он может оглядеться по сторонам, посмотреть вверх и вниз, а также приблизить или отдалить отдельные детали изображения. Разглядывая же обычную фотографию, зритель видит только то, что ему показывают, и не может управлять процессом просмотра. Еще интереснее, если пользователь виртуального тура может перемещаться между панорамами через активные зоны или руководствуясь картой тура.
Плюсы применения виртуальных туров
Главное достоинство виртуальных туров - возможность экономии времени, причем как для стороны, представляющей тур (продавца), так и для зрителя (потенциального покупателя или клиента). Кроме того, для покупателя виртуальный тур выполняет функции неназойливого гида, а продавцам, как свидетельствует немалое число отчетов, использование туров помогает активно привлекать новых клиентов, поскольку сами туры превращаются в эффективный инструмент продаж.
Покупателей в виртуальных турах привлекает то, что ознакомиться с объектом можно в любой удобный для них момент, а кроме того, появляется возможность предварительного, причем весьма подробного осмотра всех имеющихся у продавца потенциально интересных объектов. В итоге список объектов (квартир, домов, автомобилей, отелей, ресторанов, фитнес-клубов и т.п.), которые необходимо лично посетить или осмотреть, значительно сокращается. Более того, в ряде сфер (например, в туристической), где предварительный личный осмотр объектов вообще невозможен, дополняющий описание тур оптимизирует процесс изучения возможных предложений.
Для продавца главными плюсами виртуальных туров можно считать следующие:
привлечение интереса к компании, повышение ее престижа, а следовательно, приобретение новых клиентов, так как виртуальные туры сегодня вызывают интерес у большинства посетителей, увеличивают число возможных клиентов и повышают доходы компании;
сокращение времени между созданием тура и знакомством с ним покупателя. В традиционном варианте бизнеса для предварительного знакомства покупателя с предлагаемыми объектами используются буклеты, но от момента создания буклета и до того, как он окажется в руках потенциального покупателя, проходит немало времени. Иное дело - виртуальный тур, который становится доступным миллионам пользователей Сети практически сразу после его создания;
возможность разнообразного использования одних и тех же туров - в Интернете, причем даже на разных серверах, и в виде CD-презентаций, которые можно демонстрировать в офисе клиента, на выставке и т.п. Все это позволяет расширить охват аудитории;
простота и оперативность размещения новых, обновления и замены старых виртуальных туров, что является гарантией актуальности представленной информации.
Процесс создания виртуальных панорам можно разделить на три этапа: фотосъемка объекта, обработка полученных изображений и конечная сборка виртуального тура.
Первый этап создания виртуальных туров - съемка объекта, представляющая собой очень трудоемкий и крайне ответственный процесс, так как от его результатов напрямую будет зависеть качество панорамы. Для получения высококачественных панорам с минимальными искажениями следует придерживаться ряда правил:
камеру нужно установить таким образом, чтобы при выбранной диафрагме все кадры в серии оказались в фокусе (лучше всего, если камера окажется в центре снимаемой окружности);
набор сшиваемых снимков нужно снимать таким образом, чтобы места швов будущей сферической панорамы находились на достаточно однотонных местах (например, на монолитных стенах в случае риелторских объектов);
головка штатива должна быть оснащена уровнями, которые предназначены для строгого позиционирования камеры в пространстве;
для всех трех снимков обязательно следует осуществлять синхронизацию камеры в горизонтальной и вертикальной плоскостях - выравнивание камеры осуществляется с помощью уровней;
углы кругового поворота камеры должны быть равны 120°, что регулируется шкалой поворотника.
Фотопанорамы создаются из нескольких специально подготовленных перекрывающихся фотографий с помощью специальных программ, которые сшивают снимки в единую панораму, удаляя неизменно возникающие искажения. Таких программ-сшивателей сегодня предлагается довольно много, причем в каждой программе используется особая технология сшивания изображений и свой формат создаваемых панорам, а само сшивание может производиться в автоматическом, ручном или смешанном режиме. Просматривать фотопанорамы можно посредством специальных обозревателях, причем выбирать последние нужно исходя из формата панорамного файла. Многие типы фотопанорам могут просматриваться и в Интернет-браузере, но только при наличии поддержки Java-аплета или при установке специального плагина.
Виртуальные туры собираются из предварительно созданных фотопанорам в других специализированных приложениях - построителях туров. В большинстве случаев программа для разработки виртуальных туров ориентирована на собственный формат панорамных файлов (хотя иногда предусматривается импорт панорам из других форматов), поэтому на практике построитель туров используется вместе со сшивателем от одного производителя. Отдельные фотопанорамы связываются между собой плавными переходами за счет выделения на них активных зон (специальных областей на фотопанорамах), которые не только отвечают за перемещение от одной панорамы к другой, но и используются для отображения дополнительной информации об объектах. Технология активных зон позволяет сделать акцент на отдельных частях панорамы - на деталях интерьера, на новых товарах в торговых центрах, на интересных достопримечательностях, на конкретных выставочных стендах, а также на любой другой информации, на которую необходимо обратить внимание виртуального посетителя. Кроме того, возможно включение в виртуальный тур интерактивных планов помещений и навигаторов, позволяющих пользователям определять свое «местоположение». Просмотр тура может осуществляться по плану, по точкам перехода либо автоматически в соответствии с планом, определенным при создании проекта. Виртуальные туры, как и фотопанорамы, можно просматривать как в Интернет-браузере, так и в специализированных обозревателях виртуальных туров, особых для каждого построителя туров.
3д-тур - эффективный рекламный инструмент, который наглядно демонстрирует объект, помещение или открытую местность со всех сторон, привлекая внимание клиентов и вызывая у них доверие. Но что делать, если финансовые возможности ограничены и не получается выделить необходимую сумму на создание профессионального виртуального тура? Можно ли в таком случае сделать 3д-тур самому или без помощи профессионалов всё-таки не обойтись?
Что такое 3d-тур и где его можно использовать?
Виртуальный тур - это объединённая в одно целое комбинация панорамных фотографий (сферических или цилиндрических), которая даёт возможность переходить от одного фото с обзором 360 градусов к другому. При этом переходы между фотографиями остаются для пользователя незаметными, помещение выглядит как единое цельное пространство. Такие объёмные изображения, сшитые в 3д-тур, можно дополнить музыкальным сопровождением, видео, интересной закадровой озвучкой, сопровождать их надписями, flash-роликами.
Главная особенность, которая отличает туры в 3д от набора обычных фотографий, - это их интерактивность. Возникает ощущение полного присутствия. Пользователь сам передвигается по картинке и выбирает фрагмент, который ему интересен. Он может смотреть вверх, вниз, при необходимости приблизить какую-то деталь, чтобы рассмотреть её внимательнее. Зритель самостоятельно управляет картинкой.
С помощью виртуального тура клиент может детально ознакомиться с помещением, рассмотреть интерьер, планировку и даже ощутить атмосферу заведения. Широко применяются такие 3д экскурсии в недвижимости, туризме, музейном деле. Подробная информация о том, как можно использовать трёхмерные туры и какие возможности открываются для бизнеса с их применением, размещена в нашем разделе о профессиональном создании 3д-тура. Готовую виртуальную презентацию размещают на сайтах, в электронных каталогах, социальных сетях, различных интернет-сервисах.
Как сделать 3д тур из фото
Созданием туров в 3д формате занимаются профессиональные фотостудии, у которых есть современное высокоточное оборудование и специалисты с опытом работы в этой области. Их услугами пользуются те, кто хочет получить качественную трёхмерную презентацию, которая заинтересует не только целевую аудиторию, а и обычных пользователей и усилит позиции сайта. Однако такие проекты требуют немалых финансовых вложений, поэтому часто люди, которые только открывают свой бизнес, на начальном этапе сами берутся за создание виртуального тура для своего сайта.
Процесс создания состоит из трёх этапов:
1
Фотосъёмка;
2
Обработка полученных фото;
3
Сборка тура.
Съёмка объекта
Это самая важная и ответственная часть процесса, ведь от того как вы сделаете снимки будет зависеть качество будущего тура. Для фотосъёмки необходимо использовать цифровую зеркальную камеру со сверхширокоугольным объективом. Она обязательно должна быть установлена на стабильный штатив с панорамной головкой. Для одной 3d панорамы нужно сделать от 4 до 8 точных фото. Избавиться полностью от искажений изображения вряд ли получится, попробуйте их минимизировать. Для этого воспользуйтесь нашими рекомендациями:
камеру установите в центре окружности, чтобы все сделанные кадры были в фокусе;
сшивать снимки лучше в местах в одних и тех же тонах, например, подойдут серые стены комнаты, и продумайте эти линии соединений заранее, ещё на этапе съёмки;
чтобы зафиксировать камеру в пространстве используйте уровень;
угол поворота должен быть 120°, следите за шкалой поворотника;
во время съёмки разных серий фотографий камеру нужно синхронизировать в горизонтальной и вертикальной плоскости.
Обработка
Полученные снимки объединяют в одну 3д фотопанораму. В процессе соединения удаляют искажения, корректируют цвет и настраивают резкость. Можно использовать фильтры, применять ретушь. Собираются все сделанные фото воедино вручную или с помощью специальных программ-сшивателей. Иногда проекцию преобразуют в шестиугольный куб и переводят в распространённые форматы 3д панорам, например, Flash, HTML5. Также во время обработки накладывают активные зоны, выбирают графику, надписи, картинки, звук и другие элементы. Чтобы просмотреть готовый тур воспользуйтесь обозревателями. В зависимости от формата трёхмерных панорам часто бывает достаточно использовать обычный браузер, поддерживающий Java-скрипт.
Сборка
Сборка 3д панорам в тур осуществляется в специальных приложениях-построителях. При этом нужно учитывать, что каждая программа работает с определённым форматом файлов и у программы-построителя и сшивателя они могут отличаться. Поэтому рекомендуется использовать программы одной фирмы, чтобы избежать расхождений.
Чтобы связать панорамы на каждом фото программа определяет активные зоны и обеспечивает плавные переходы между ними. В этом же месте размещаются надписи и другие дополнительные элементы. Активными зонами могут быть интересные предметы интерьера, товары, объекты, которые нужно выделить, чтобы клиент обратил на них внимание. К объёмной презентации можно добавить навигатор, тогда пользователь будет видеть где он находится. Передвижение по картинке выполняется по точкам, плану или в автоматическом режиме.
Сделать самому или обратиться к профессионалам?
Виртуальный 3д тур можно сделать самостоятельно, однако следует понимать, чтобы получился качественный продукт требуется использовать соответствующий материал. Фотографии для панорам должны быть идеальными, поэтому вам необходимо разбираться не только в тонкостях дизайна, а и фотографии. Вы можете пригласить профессионального фотографа, но за его услуги придётся платить.
Помимо этого, программное обеспечение для обработки снимков не бесплатное. Нужно будет купить лицензию или отдельно оплатить создание панорам. Учитывая все нюансы себестоимость 3d-тура вероятнее всего получится больше, чем вы ожидали. Ещё один минус – это отсутствие у непрофессионального исполнителя опыта в создании виртуального тура с помощью 3д моделирования и других технологий.
Команда специалистов разработает тур, который с выгодной стороны покажет ваш объект или помещение, подчеркнёт преимущества и максимально скроет недостатки. Профессионалы ещё при планировании презентации учтут все индивидуальные особенности вашего проекта.
Поэтому можно сделать вывод, что 3д-тур, созданный своими руками, хорош как демо-версия для изучения технологии построения подобных трёхмерных продуктов и понимания механизмов их работы. А произвести впечатление на посетителей сайта, обратить на себя внимание, удивить и запомнится сможет качественный тур без каких-либо недочётов. Чтобы клиенты захотели вернуться на вашу страницу и пересмотреть объёмную экскурсию ещё раз.
Студия 3DKLON занимается изготовлением разнообразных трёхмерных фотографий, объёмных туров и видео 360°. Мы с помощью специализированного оборудования и программного обеспечения создаём панорамные фото гостиниц, ресторанов, фитнес-центров, торговых залов, клиник, салонов, недвижимости и других объектов с последующей их сборкой в тур. Особое внимание наши специалисты уделяют построению света, проработке художественной подсветки интерьера. В результате получается эффектный 3д образ объекта. Мы индивидуально подходим к каждому клиенту, гарантируем высокое качество по низким ценам.
Всем привет. На связи Василий Зорин. Это первая статья об авторинге панорам на 360 градусов из серии “Как создать виртуальный 3D тур своими руками в программе Panotour Pro версии 2.0 и выше”.
Итак: я сторонник практической модели обучения. Поэтому:
1. Узнайте требования к своему компьютеру и скачайте саму программу
2. Исходники для самостоятельной работы Вы можете скачать
Готово?
Тогда приступим!
И создадим Ваш первый виртуальный тур в программе Panotour Pro версии 2 и выше.
Для визуалов, предлагаю посмотреть видео инструкцию:
Ok. Давайте быстро соберем наш первый виртуальный тур из нескольких панорам. Для этого перейдем во вкладку тур “Tour”, нажмем добавить фотографии (панорамы), выберем массовый способ добавления фотографий, зажав клавишу shift, клавишей ctrl мы можем убрать не нужный нам кадр. Панорамы загрузились.
Перейдем во вкладку стиль “Style”, пока тут пусто. Нажмем на вкладку “Build”. Выберем папку для сохранения виртуального тура и введем название проекта. Я рекомендую index
(при выгрузке в интернет любой браузер будет подцеплять тур автоматически). И нажмем кнопку Сохранить проект “Build tour”.
Есть 2 способа сохранить проект (вверху на панели и внизу большая кнопка).
В нижней части Вы сможете заметить полосу создания нашего виртуального тура.
Как посмотреть этот виртуальный тур?
Чтобы посмотреть нажимаем на Просмотреть тур “View last built tour”. Тур загрузился. В нем еще нет ни интерфейса ни панели навигации.
Давайте переместимся во вкладку Стиль “Style” и добавим встроенный пресет “preset”. Нажмем “Load preset” и выбираем классический пресет “Kolor Classic”. Загрузилась рабочая область, стили кнопок переходов и параметры запуска. Нажмем сохранить тур.
Давайте посмотрим виртуальный тур. В верхней части вы видите миниатюры классической панели навигации. Кликнув по которой вы сможете увидеть название панорамы и переместиться непосредственно в эту панораму. В нижней части мы видим классическую панель управления.
С помощью этих кнопок можно управлять туром: скрывать миниатюры, включать и отключать автовращение, сменить режим отображения (полноэкранный, оконный), вывести справку, скрыть всю панель управления.
Как вы можете изменить шаблон (пресет) в Panotour Pro?
Точно также: зайдите во вкладку стиль “Style”, нажмите загрузить “Load preset” и выбираем другой шаблон “Kolor Cross”. Загрузилась рабочая область, стили кнопок переходов и параметры запуска. Нажмем сохранить тур.
Давайте посмотрим виртуальный тур. В правой части мы видим джойстик. С помощью этих кнопок можно управлять туром: скрывать миниатюры, включать и отключать автовращение, сменить режим отображения (полноэкранный, оконный), вывести справку, изменять зумирование. В нижней части все та же панель с миниатюрами. А названия выводятся чуть выше.
Теперь рассмотрим еще одну панель: “Kolor Header and Footer”. Загрузилась рабочая область, стили кнопок переходов и параметры запуска. Нажмем сохранить тур. Давайте посмотрим виртуальный тур. Мы видим объединенную панель миниатюр с панелью навигации виртуального тура.
Название всего нашего тура и название панорамы, в которой находимся выводиться сверху.
Давайте загрузим шаблон “Kolor iControl”. Загрузилась рабочая область, стили кнопок переходов и параметры запуска. Нажмем сохранить тур. Давайте посмотрим виртуальный тур. В верхней части экрана мы видим названия панорам, кликнув по которым мы перемещаемся в них.
Внизу панель управления с такими же кнопками управления как в предыдущих шаблонах.
Таким образом, буквально за несколько минут мы можем собрать виртуальный тур из множества панорам.
Давайте зайдем во вкладку тур “Tour” и объединим несколько панорам в группу.
Способ 1: просто выделить несколько панорам, нажать правую кнопку мыши и “Merge in a group” либо используем
Способ 2: выделив одну панораму и переместив на другую.
Группы учитываются в меню панорам. Давайте сохраним тур и посмотрим что из этого получилось.
В верхней части тура мы видим названия наших Групп и при наведении мы можем перенестись в ту или иную панораму.
В нижней части мы видим панель управления, с помощью которой мы можем управлять нашим туром.
Поздравляю! Ваш первый виртуальный тур готов!
Если же Вы хотите освоить дополнительные спец.эффекты и более глубоко изучить эту программу, то записаться на бесплатный курс по авторингу панорам можно по
В krpano, и теперь самое время расставить в нем связи между панорамами, сохранить стартовые параметры проекций, подписать сцены. Давайте приступим. Но сначала нам потребуется определиться с некоторыми понятиями…
Виртуальным туром мы будем называть всю совокупность панорам, добавленных в krpano, связанных переходами, с интерфейсом управления и т.д.
Сценой будем называть одну отдельную панораму в рамках виртуального тура.
Хотспотом (hotspot) будем называть стрелку-переход, которая ведет к следующей панораме, вызывает подсказку, открывает изображение, и привязана к координатам панорамы. Хотспот «связан» с определенным местом в панораме, он может указывать на дверь, окно или любой другой объект. Хотспотом может быть как стрелка, так и любое другое изображение.
Панель навигации — нижняя панель с размещенными на ней кнопками-стрелками, кнопкой полноэкранного режима, карты, превьюшек и т.д.
Превью (Preview, превьюшка) — уменьшенное изображение, подсказывающее зрителю, к какой панораме будет совершен переход. Превьюшки создаются программой по умолчанию и открываются с помощью кнопки, расположенной в панели навигации. Превью могут вызываться и в других частях виртуального тура.
Проекция — тип геометрического представления вашей панорамы на экране пользователя. Наиболее широко известны нормальная проекция, архитектурная и маленькая планета.
Базовый виртуальный тур krpano
Если у вас пока нет своего виртуального тура, а создать свой вы почему-то не можете или это просто неудобно, можете воспользоваться готовым виртуальным туром (скачать).
После перетаскивания файлов панорам на дроплет (описано в ) вы получили набор из нескольких файлов в папке vtour\ , и даже успели убедиться, что панорама открывается:
Однако, нас здесь не устраивает ряд моментов.
- Панорамы не связаны между собой стрелками-переходами (хотспотами)
- Стартовые параметры обзора для большинства панорам нас не устраивают, везде хочется «повернуть» обзор.
Редактирование параметров обзора
Откройте файл tour.xml в krpano tools, и увидите примерно следующее:
Теперь сохраните измененный tour.xml в папку с вашим виртуальным туром, для этого нажмите кнопку save tour.xml , после чего укажите папку, в которой находится ваш виртуальный тур. Если все нормально, вы должны заменить старый файл tour.xml новым. Осторожно! Если ошибетесь с папкой, можете случайно удалить самый главный файл какого-то другого тура.
После замены tour.xml можете обновить страницу с панорамой и убедиться, что новые параметры обзора сохранились.
Добавляем в виртуальный тур хотспоты
Чтобы добавить стрелку-переход, повернитесь в панораме в нужную сторону и нажмите кнопку add hotspot . На экране появится стрелка, и теперь ее можно передвинуть левой кнопкой мыши. Когда хотспот расположен на своем месте, нажмите done . Если передумали, нажмите cancel .
Таким образом можете добавить хотспоты во все панорамы или в несколько, затем сохраните tour.xml c заменой.
Советую называть файлы панорам латиницей и коротко. Кириллические символы в названиях файлов панорам не используйте, krpano их не поддерживает. Ничего ужасного не произойдет, но имена ваших панорам в туре и структуре папок будут выглядеть примерно так: _________
Если ошиблись с каким-то хотспотом, нажмите наверху delete hotspots и щелкните стрелки, которые вам нужно удалить . Также можете двигать хотспоты с помощью кнопки move hotspots .
Виртуальный тур с переходами готов (). В следующей статье вы узнаете, как добавить свои подписи к панорамам и внести изменения в интерфейс.
Тогда же было дано обещание, выпустить материал по созданию виртуального тура из этих самых панорам. Что ж раз пообещал нужно выпускать. Дорогие друзья, в этот пятничный вечер, хочу представить вашему вниманию подробную и максимально простую инструкцию по реализации виртуального 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. В этой же папке, кстати, рекомендую вам подготовить схематическую карту той местности или здания тур, по которому, собираетесь реализовывать. Я для примера буду делать тур по одному из этажей техникума, значит, для реализации данной идеи мне понадобится поэтажная схема всего здания.
>>>скачать панорамы и карту из урока <<<
Создание проекта 3D тура
Шаг 8. При выключенном интернете запускаем Kolor Panotour Pro и во вкладке «Tour» выбираем пункт «Add Panorama» (добавить панорамы). В проводнике выбираем наши заранее подготовленные картинки панорам и жмём «Открыть».
Шаг 9. Давайте сразу сохраним и проверим наш проект хотя бы в сыром виде. Для этого в верхнем меню выбираем «File-Save projet As…» и создаём новую папку для сохранения нашего проекта.
Шаг 10. Затем переходим во вкладку «Build» и указываем место расположения готового тура. Я, пожалуй, укажу папку на рабочем столе. После нам необходимо назвать наш тур. Главное, чтобы и папка и название тура были на английском языке, это поможет впоследствии избежать проблем с выкладыванием на сайт. В принципе для создания самого базового виртуального тура из панорам всё готово. Кликаем на «Build tour», ждём завершения сборки и смело нажимаем на кнопочку «Плей».
Шаг 11. Вуаля! Ваш браузер должен автоматически открыть одну из панорам нашего тура. Ничего особенного, но для начала неплохо. В течении следующих десяти минут мы будем работать над доведением нашего тура до готовности и не успокоимся, пока он не станет походить на настоящую интерактивную экскурсию по учебному заведению.
Навигация в виртуальном туре
Шаг 12. Для изменения очерёдности порядка появления панорам в нашем туре переходим во вкладку «Tour» и справа открываем раскрывающееся меню «Order». С помощью мыши перемещаем вверх ту панораму, которая должна первостепенно отображаться в нашей экскурсии. У меня это коридор. Ведь с чего ещё может начинаться путешествие по этажу?
Шаг 13. Теперь неплохо было бы добавить панель навигации. В данной версии программы все подобные фичи разработчики реализовали в виде отельных модулей, которые можно объединять в пресеты. Однако есть и стандартные наборы пресетов. Давайте рассмотрим один из них. Переходим на вкладку «Style» и жмём на кнопку «Load preset…». Затем выбираем из появившегося списка «Kolor iControl». Кликаем на «Load».
Шаг 14. Слева из появившегося списка выбираем «IControl Bar» и выставляем положение навигационной панели по центру. Также можно поиграться с элементами управления. Я обычно оставляю всё по умолчанию, лишь снимаю галочку с кнопки помощи и поддержки и добавляю «Show/hide floorplan». Если есть желание, то можно добавить изюминку в виде особенного цвета кнопок в нашей экскурсии. Допустим, выберу синий.
Шаг 15. Отлично. Теперь давайте объединим наши панорамы по группам. Если мы делаем виртуальный тур по одному зданию, то логичнее всего разделить наши панорамки с кабинетами на этажи. Для этого возвращаемся во вкладку «Tour» и, выделив все изображения, нажимаем правую кнопку. Выбираем «merge in a group», что по-нашему значит – «объединить в группу».
class="eliadunit">
Шаг 17. Не медля возвращаемся к вкладке «Style» и удаляем слева пункт «Panorama Menu» нажав на крестик. Далее справа выбираем из списка «Menu-Panorama Combobox» и кликаем на него два раза левой кнопкой, тем самым добавляя данную фичу в список стилей. Выбрав её слева настраиваем позицию, в которой будут расположены на экране названия кабинетов. Затем задаём настройку, отвечающую за вывод названий групп и самих панорам. Это удобно, когда в здании много этажей.
Добавление точек перехода
Шаг 18. Такс. Сейчас самое сложное. Нужно сделать хотспоты. Хотспоты – это такие точки для переходов между панорамами. Для их добавления нам потребуется перейти во вкладку «Tour» и выбрав первую панораму коридора на панели хотспотов указать на значок «Add polygon». Далее для удобства можно развернуть панораму на весь экран.
Шаг 19. Теперь очень аккуратно выделяем области для переходов. В данном случае это будут двери кабинетов, панорамами которых я в данный момент располагаю.
Шаг 21. Аналогичным образом поступаем с дверьми в самих кабинетах. Они должны непременно вести в коридор.
Поэтажный план с радаром
Шаг 22. В принципе уже не плохо. Но всё ещё не торт. Давайте добавим карту. Не зря же мы подготовили её заранее. Во вкладе «Tour» выбираем «Floor Map» и указываем путь к нашему поэтажному плану. Добавили? Отлично. Теперь пользуясь инструментом «Add Point» наносим на карту точки соответствующие нашему нахождению в пространстве во время фотосессии.
Шаг 23. Не забываем присвоить каждой точке на карте соответствующую локацию. В нашем случае это кабинеты и коридор.
Шаг 24. Так. Теперь нужно этот самый поэтажный план добавить в нашу экскурсию и настроить. Для этого в уже полюбившейся вкладке «Style» добавляем с правой панели пункт «Maps-Floor plan» и выполняем следующие действия. Перво-наперво выберем место расположения на экране и отступ от края. Скажем пикселей 10. Размер карты пускай будет 260 пикселей в ширину и 513 в высоту. К этим показателям я пришёл экспериментальным путём. Обводку контейнера и отступ от рамки до карты сбрасываю на 0. Ибо в данном случае будет смотреться не очень.
Шаг 25. Листаем ниже. И выбираем из раскрывающегося списка «Single floor plan». Это значит, что мы используем один поэтажный план здания, а не несколько. Чуть ниже снимаем галочку с параметра отображения названия нашего плана. В настройках «Spots» задаём для красоты пульсирующую анимацию и включаем параметр отмечающий за отображения названия меток при наведении курсором. Ниже активируем радар и настраиваем для него цветовую гамму. Я как всегда склоняюсь в сторону синего оттенка.
Шаг 26. И последнее в этом пункте это включение функции автоподгона нашего плана под размер контейнера указанный выше. Это очень важный момент. Если про это забыть, то всё будет смотреться криво и косо.
Шаг 27. Всё. Пожалуй, теперь наш виртуальный тур просто шикарен. Давайте сохраним его и посмотрим, что же получилось в итоге. Для этого жмём на кнопку «Собрать тур» и дождавшись сборки кликаем на привычный зелёный значок «Play».
Шаг 28. В итоге у нас открывается наш виртуальный тур. Главное окно содержит удобный плагин меню, для вывода списка всех панорам. Поэтажный план здания с радаром, для лучшей ориентации в большом пространстве. Панель навигации с кнопками, которые позволяют приближать и отдалять изображение, активировать медленное автовращение, включить-выключить показ карты и свернуть всю панель навигации. Для перехода между панорамами удобнее всего пользоваться хотспотами, которые мы выставили на дверях кабинетов. В данном туре у нас 4 панорамы (13, 14, 15 кабинет и коридор), путешествие между которыми не вызывает никаких трудностей, за счёт интуитивно-понятных переходов реализованных посредством дверей в аудиториях.
Публикация тура на сайте
Шаг 29. На этом можно было бы закончить повествование, однако ещё не всё готово. Теперь нам предстоит выложить виртуальную экскурсию на действующий сайт. Для этого перекидываем папку с data файлами тура и HTML файл на хостинг.
В данном коде - это адрес главного файла 3D тура, а параметры width и height отвечают за ширину и высоту контейнера, в котором будет отображаться 3D тур. Если необходимо развернуть панораму на весь экран, то просто киньте на текстовую строчку гиперссылку, ссылающуюся на HTML файл. После вставки на вашей странице появится вот такая замечательная виртуальная экскурсия.
Таким образом, нам удалось сделать полноценную экскурсию по одному этажу нашего образовательного учреждения. Зная данный алгоритм, можно по аналогии реализовать такой тур по всему зданию. Это не сложно. Всё зависит лишь от вашего творческого подхода и не дюжего усердия приложенного в данном направлении.
Уф. Наконец-то я завершил написание данного сюжета. Пожалуй, это самый сложный и затратный по силам материал за последние пол года. На разбор темы ушло целых 2 недели. И всё потому, что более простая версия Panotour 1.8 не заработала не на одном из моих компьютеров. Она ставилась, позволяла создавать туры, но при их открытии вместо красивых панорам я лицезрел чёрный экран. Причём я видел, как другие её с лёгкостью ставили и работали… В отчаянии я перепробовал разные способы установки и удаления, сменил 3 компьютера, но тщетно. Пришлось воспользоваться более новой версией программы. Работа, с которой значительно усложнялась англоязычным интерфейсом и значительной переработкой интерфейса по сравнению с предшественницей.
Однако я не зря потратил время на освоение столь недружелюбной новой версии. Дело в том, что старая позволяла адекватно выводить туры лишь в формате SWF. А, как известно почти все современные браузеры отказываются от поддержки небезопасной технологии Flash и устремляют свой взор в сторону HTML 5. Ведь она помимо плюсов безопасности может адекватно отображать контент на мобильных устройствах. Поэтому ту экскурсию, которые мы с вами сегодня создали можно с лёгкостью посмотреть на смартфоне или планшете. Причём за счёт использования акселерометра смотрится тур в разы интереснее. Полный интерактив и погружение в атмосферу. Поддержка HTML 5 это неоспоримый плюс Panotour 2 версии.
Вообще помимо всего вышесказанного программа позволяет вставлять в тур свой авторский логотип с ссылкой на сайт, добавлять солнечные блики, компас, картинки, кнопки социальных сетей и ещё кучу всего полезного и не очень. Одной из самых классных функций я считаю вставку видео в экраны телевизоров. Смотрится очень круто. Вы поворачиваетесь к телику, а на нём проигрывается видеоролик со звуком. Отворачиваетесь, звук затихает. Просто супер фишка. Однако ссылку на потоковое видео с ютуба программа не поддерживает, а разрешает лишь внедрить видеофайл формата MP4 с вашего компьютера. Если учесть, что основную массу всё-таки интересует не запись экскурсии на флешку, а публикация её в сети интернет, то оживление телевизора можно назвать функцией временно бесполезной, но очень перспективной.
В общем если захотите изучить программу более подробно, то обязательно сделайте это. Создание и продажа 3D туров даже в крупных городах всё ещё остаётся довольно прибыльным бизнесом. На сегодня это всё. Друзья, вы находитесь на блоге . Если статья была полезной, то поделитесь ею с друзьями. Ну а если она полный отстой и я зря потратил 2 недели на изучение данной темы, то не скупитесь. Напишите об этом в комментариях, чтобы я больше не пилил подобную годноту. Желаю всем улётных выходных и до встречи через неделю. Как всегда. Каждую пятницу. Свежий выпуск. Не пропусти!
class="eliadunit">
