технология

Как создать
простой
виртуальный тур

Vizor поможет провести экскурсию для ваших читателей, будь то уникальное место, куда сложно попасть, или редакция. Всё, что вам понадобится — хорошая идея и несколько качественных панорам 360°.

Регистрируемся в сервисе Vizor — для этого нужно придумать логин и пароль. Кликаем по строке «Create a New Project» (Сделать новый проект) под голубым прямоугольником.

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

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

Когда фото загружены, им можно дать названия — поле для ввода находится справа от фотографии.

Кнопок «Save» (Сохранить) в интерфейсе нет, все изменения сохраняются автоматически.

Добавляем обычные фотографии и комментарии

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

Кликаем на иконку диалога в меню слева — «Media». На фотографии появится значок с буквой «i», его можно установить на любую точку снимка: перетаскиваем, зажав левую клавишу мыши или ввести координаты в поле справа (измеряются в пикселях).

Затем дважды кликаем по значку с буквой «i» или по черному прямоугольнику слева.

В открывшемся окне выбираем один из трех форматов элемента:
— фото (можно добавить подпись до 200 знаков),
— фото и текст (60 знаков на заголовок, 600 — на текст),
— текст (600 знаков).

Если нужно добавить фото, дважды кликаем на большом сером поле или перетаскиваем туда изображение, зажав левую клавишу мыши.

Можно изменить начертание текста на болд (жирный шрифт) и добавить ссылку.

Добавляем ссылки и аудио

Ссылки можно разместить не только в тексте комментария к фотографии. Кликаем по иконке с рукой «Scene link (L)», перемещаем метку в нужную точку и выбираем вариант отображения метки из выпадающего списка. Вставляем ссылку в поле «Link» и даем метке название, чтобы зрители могли решить, хотят перейти по ссылке или нет.

Аудиофрагмент добавляем, кликнув по иконке с динамиком.

Добавляем переходы из локации в локацию

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

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

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

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

Во все локации также можно добавлять фото, комментарии, аудио и ссылки.

Удаляем лишнее

Чтобы удалить лишнюю метку, кликните на ней правой кнопкой мыши, в выпадающем списке выберите «Delite Media» (Удалит медиа).

Публикуем проект

Перед публикацией проверяем, как отображается весь контент в виртуальном туре — кликаем по иконке с глазом «Preview», расположенной внизу по центру экрана. Если что‐то нужно изменить, кликаем по иконке с карандашом «Edit» — она вернет нас в режим редактирования.

Если всё отображается так, как задумали, все переходы настроены, кликаем на иконку шеринга «Share» — справа от кнопки предпросмотра. В открывшемся окне пишем название проекта — оно будет отображаться в ссылке, поэтому придумываем понятное обозначение — и нажимаем кнопку «Publishing».

Чтобы поделиться проектом, во вкладке «Share» того же всплывающего окна выбираем нужную опцию: посмотреть проект, скопировать ссылку, скопировать эмбед‐код для вставки виртуального тура на сайт или в блог, поделиться в Фейсбуке.

Мой результат из панорам, которые были под рукой, выглядит вот так.

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

С помощью этой технологии были реализованы следующие проекты

Над материалом работала
Наталья Троян

Иллюстрации:
скриншоты
сервиса Vizor

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!