Как сделать панорамное фото в контакте

Как сделать

Приложение ВКонтакте «Сферические панорамы»

В начале октября в группе ВКонтакте я запустил в тестовом режиме приложение сообщества, в котором собраны лучшие панорамы из тех, что опубликованы на моем сайте.

Приложение имеет свой рейтинг и статистику просмотра панорам. В настоящее время не все панорамы доступны к просмотру, а также не все еще добавлены в приложение.

Приложение состоит из пяти разделов. Основной раздел «Список» отображает все панорамы или те, которые удовлетворяют фильтру. В раздел «Карта» попадают панорамы из списка, если для них было задано местоположение.

Раздел «История» показывает панорамы, просмотренные пользователем, открывшим приложение. Список панорам отсортирован в обратном хронологическом порядке – сначала просмотренные последними. В разделе «Рейтинг» отображаются все панорамы, просмотренные хотя бы раз и отсортированные по убыванию количества просмотров.

Раздел «Закладки» отображает список панорам, добавленные пользователем в закладки.

Просмотрщик панорам может переключаться на разные режимы «Маленькая планета» и «Фишай».

Приложение работает как в полной версии сайта, так и в мобильной версии и в официальных приложениях.

Это не окончательная версия приложения. Его функционал постоянно дорабатывается.

Планируется подключение приложения и в других социальных сетях.

Об авторе:

Сергей Дишук, фотограф-любитель. Снимает пейзажи, животных, репортажи различных городских мероприятий. Увлекается программированием и разработкой программного обеспечения. Занимается съемкой панорам и созданием виртуальных туров более 5-ти лет. Имеет опыт работы в программах Adobe Photoshop, Lightroom, PTGui, Pano2VR, Autopano, Panotour.

Что вы думаете по этому поводу? Напишите об этом в комментариях ниже.

Поделиться в социальных сетях:

Возможно, вам будет интересно:

Обновления на сайте

Обновления на сайте

Возобновлена разработка приложения для публикации панорам в Google Street View

Разрабатываю приложение для загрузки панорам в Google Street View

Источник

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

После создания виртуального тура, многие задаются вопросом: Где можно разместить 3d тур? В первую очередь возникает идея – загрузить на сайт компании. Ответ верный, но для получения максимального охвата стоит использовать все возможности демонстрации в интернете. Собственный сайт — далеко не единственный вариант. В этой статье мы рассмотрим загрузку 3D панорам на все доступные площадки в сети.

Разместить виртуальный тур на сайте

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

В первую очередь необходимо загрузить файлы виртуального тура на сервер. Для этого нужно воспользоваться FTP-менеджером. Самыми распространенными программами являются FileZilla и Total Commander. Создаем на сервере папку с именем тура и перемещаем в нее файлы. После загрузки мы получим:

В папке есть html файл (tour.html или index.html), который запускает просмотр 3D панорам. Сейчас наш виртуальный тур доступен по ссылке: vokrug3d.ru/3d-tours/shtof/tour.html

Теперь все готово к размещению 3D тура на сайте, разберем 3 возможных варианта.

Это самый простой способ, не требующий особых знаний программирования.

На странице сайта создается баннер (это может быть скриншот первой 3D панорамы) или текст (например, пункт меню или словосочетание в статье). Далее к нему добавляется ссылка на просмотр виртуального тура:

А так баннер и ссылка будут выглядеть на сайте:

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

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

iframe — встраивание в страницу сайта

Код для вставки iframe:

Этот код вставляется при помощи текстового редактора сайта. Его нужно разместить именно как HTML-код, в противном случае отобразится только текст. Если все сделать правильно, получится такой результат:

При помощи плагинов на сайте

Iframe размещение виртуального тура можно сделать не вручную, а с помощью плагинов. В популярных CMS есть много расширений для вставки внешних объектов через iframe. Среди них есть и специально разработанные для публикации 3D туров (например, в WordPress – PanoPress).

Так, например, в плагине Shortcodes Ultimate на WordPress используется шорткод для отображения iframe во всплывающем окне:

Читайте также:  Как сделать приложение на андроид в ue4

А так это работает на сайте:

Загрузка 3D тура на Youtube

На Youtube тоже можно разместить 3D панорамы, но не в стандартном виде. На Ютубе есть поддержка панорамного видео. Из эквидистантных панорам необходимо сделать видео слайд-шоу, которое при просмотре на ютуб преобразуется в сферический вид.

Для создания видео 360 из панорам подойдет любой видео редактор. Максимальное разрешение видео для youtube – 4320 px по вертикали. Не стоит делать ролик меньше чем 4K. При просмотре видео 360 разрешение ощутимо снижается, потому что мы видим только часть картинки.

Панорама должна занимать весь кадр и не может быть обрезана по краям. Сохраним ролик в формате mp4 и получим такой результат:

Как видно, видео воспроизводится в обычном формате. Все потому, что для загрузки видео 360 на Youtube необходимо добавить в ролик специальные мета-данные. Это делается в программе «360 Video Metadata Tool», которую можно скачать на этой странице.

Программа запускается без установки. Все что нужно сделать – нажать «Open», выбрать видео, поставить галочку «My video is spherical» и нажать «Inject and save». После обработки в папке с исходным роликом появится его копия с необходимыми метаданными.

Теперь, после загрузки на ютуб, ролик будет воспроизводиться в панорамном режиме:

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

Размещение виртуального тура в социальных сетях

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

Вконтакте (VK)

В ВК можно опубликовать виртуальную 3D экскурсию двумя способами – как приложение и видео 360. Рассмотрим оба варианта.

Как приложение ВК

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

Для создания приложения Вконтакте перейдем на страницу https://vk.com/dev. При этом вы должны быть авторизированы в социальной сети. Заходим на страницу «Мои приложения» и жмем кнопку «Создать приложение».

Откроется страница начальных настроек:

Здесь необходимо указать:

Далее мы увидим подробные настройки. Основные, которые нужно отметить:

Остальные параметры на этой странице выбираем по необходимости.

Далее переходим в раздел «Настройки». Здесь вставляем ссылки на стартовую html-страницу, которая находится в папке 3D тура на сервере. Есть возможность указать отдельную версию для мобильных устройств (при необходимости). В «Версии для vk.com» указываем «размер окна сервиса» при просмотре на компьютере.

В строке «Состояние» выбираем «Приложение включено и видно всем». Теперь виртуальный тур можно посмотреть, он доступен в разделе «Мои приложения» и на странице выбранного сообщества.

Для размещения приложения в общем каталоге Вконтакте необходимо пройти модерацию в соответствующем разделе на странице редактирования приложения.

Как видеоролик 360 в ВК

Еще один вариант публикации фотопанорам во Вконтакте – видео 360. Сервис не имеет собственной поддержки панорамного видео, но при этом позволяет загрузить видео со стороннего источника, на пример Youtube.

Заходим в раздел видео на странице вашего сообщества и жмем «Добавить видео». В появившемся окне выбираем «Добавить с другого сайта».

Указываем ссылку на сферическое видео из 3D панорам. Ролик должен быть предварительно загружен на ютуб.

Facebook

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

Как видео 360 на Фейсбук

В Facebook есть поддержка роликов 360, поэтому загрузить 3D тур в формате видео можно напрямую. Нужно создать панорамный ролик аналогично подготовке для youtube (инструкция выше), и так же добавить метаданные с помощью программы «360 Video Metadata Tool».

Для публикации заходим на личную страницу или в группу. Там выбираем «Фото/видео»:

Далее «Загрузить видео»:

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

Виртуальный тур в видео формате на Facebook выглядит так:

Отдельные 3D панорамы на Facebook

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

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

Сделать это можно при помощи любой программы для редактирования exif данных, например, «Exif Pilot». Выбираем одну из предложенных моделей камеры:

Читайте также:  Как самой сделать петлю для волос

Открываем программу и кликаем дважды по фотографии. В открывшемся окне добавляем:

После записи изменений, фотопанорама готова к публикации на Facebook.

Instagram

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

И опубликуем серию этих изображений в одной публикации Instagram. Получим такой результат.

Источник

Как сделать панорамное фото в контакте

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

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

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

Для сборки панорамы мы будем использовать Hugin последней версии. На момент подготовки этого урока последней была версия 2011.4.0. Hugin есть в версиях для Windows, Mac OS X и Linux. Все инструкции ниже годятся для версии под любую ОС.

Установка Hugin не представляет сложностей, достаточно скачать установочный пакет и следовать инструкциям установщика.

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

Можно добавить сразу все фотографии одним махом.

Hugin сам определяет свойства объектива.

Жмем «Объединить. » и идем пить чай, особенно если у вас не самый современный компьютер или много снимков большого разрешения.

Как только Hugin объединит снимки, нам откроется окно предпросмотра панорамы.

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

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

На вкладке «Проекция» у нас есть возможность менять способ проецирования снимков и некоторые другие настройки. Например, можно посмотреть как будет выглядеть панорама, если бы снимали её объективом «рыбий глаз»:

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

На вкладке «Перемещение на плоскости проекции» у нас есть возможность выравнять горизонт на всех кадрах, если вдруг он не выравнялся автоматически. Также мы можем выгнуть горизонт для пущей эффектности:

Чтобы вернуть горизонт в исходное, ровное, состояние нажмем кнопку «Выровнять»:

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

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

Закрываем окно предпросмотра и жмем «Создать панораму. «

Сначала Hugin предложит нам сохранить проект панорамы:

А потом предложит придумать имя файла для готовой панорамы:

Запасаемся терпением, чаем, кофе, вареньем, печеньем, т.п., минут на 5 🙂

Находим файл получившейся панорамы:

Смотрим любым подходящим просмотрщиком.

Для публикации панораму лучше всего преобразовать в JPEG. Этот можно сделать в любом графическом редакторе или в популярных просмотрщиках.

Источник

6 бесплатных онлайн-инструментов для создания фотопанорам

Фотопанорамы – один из лучших способов продемонстрировать пользователям все нюансы происходящего, показать объект “изнутри” и так далее. Представляем 6 бесплатных инструментов для создания фотопанорам.

Image Composite Editor, созданный Microsoft, – самая простая программа в использовании. Image Composite Editor может создавать панорамы как из фото, так и из видео.

Программа содержит четыре кнопки наверху, которые направляют вас через каждую стадию процесса – Импорт, Склейка, Обрезка и Экспорт. Справа вы увидите опции, которыми можно дополнительно улучшить панораму. Вы можете экспортировать ваш файл во множество форматов файлов с разными настройками качества. Не забудьте изменить Quality (Качество) в выпадающем списке меню на Superb (повышенное) перед экспортом вашей панорамы.

Простота использования: 5
Возможности: 6
Результат: 5

Фотогалерея, встроенная в Windows 7 и 8, – это, в основном, программа для организации с полезными функциями добавления тегов и базовыми возможностями по редактированию.

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

Для создания панорамы перетащите индивидуальные фотографии в Photo Gallery. Затем выделите их, нажмите вкладку Create (Создать) наверху, а затем нажмите Panorama и подождите, пока программа произведет слияние фотографий. Вам предложат сохранить панораму на компьютер без какого бы то ни было предварительного просмотра.

Читайте также:  Как сделать памятку в повер поинт

Простота использования: 5
Возможности: 2
Результат: 4

После запуска Autostitch нажмите иконку папки и загрузите фотографии. Программа автоматически склеит их для создания панорамы.

Простота использования: 4
Возможности: 3
Результат: 3

Hugin – продвинутая программа для редактирования панорам. Она позволяет склеивать фотографии, снятые различными фотоаппаратами, и даже несколько рядов фотографий (верхний и нижний) для создания крупной панорамы. Также есть опции для калибровки линз и создания 360°-панорам.

Ни в одной другой программе нет таких возможностей.

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

Простота использования: 2
Возможности: 5
Результат: 5

Dermandar – это веб-сайт, который склеивает ваши фотографии за пару кликов.

Перейдите на веб-сайт и выберите из двух опций (360-градусный обзор или широкоугольный). Теперь выберите и загрузите ваши фотографии, затем подождите несколько секунд, пока инструмент склеит их. В итоге у вас получится превосходный результат, который вы можете перетаскивать мышкой от одного края к другому. Нажмите иконку Fullscreen (полный экран), чтобы расширить изображение. Кнопка Options позволяет скачать файл на компьютер в формате JPEG.

Простота использования: 5
Возможности: 2
Результат: 5

Google Photos быстро стал сервисном по хранению фотографий по умолчанию для миллионов пользователей. Он работает на Android, iOS, как сайт и даже как программа для компьютера. После загрузки фотографий появляется полезная функция помощника. Помощник анализирует ваши фотографии и ищет способы, как их улучшить – будь это создание истории из фотографий, снятых из примерно одного места, или добавление эффектов на отдельные фотографии.

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

Простота использования: 0
Возможности: 0
Результат: 5

Источник

sanmai

SANMAI

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

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

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

Для сборки панорамы мы будем использовать Hugin последней версии. На момент подготовки этого урока последней была версия 2011.4.0. Hugin есть в версиях для Windows, Mac OS X и Linux. Все инструкции ниже годятся для версии под любую ОС.

Установка Hugin не представляет сложностей, достаточно скачать установочный пакет и следовать инструкциям установщика.

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

Можно добавить сразу все фотографии одним махом.

Hugin сам определяет свойства объектива.

Жмем «Объединить. » и идем пить чай, особенно если у вас не самый современный компьютер или много снимков большого разрешения.

Как только Hugin объединит снимки, нам откроется окно предпросмотра панорамы.

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

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

На вкладке «Проекция» у нас есть возможность менять способ проецирования снимков и некоторые другие настройки. Например, можно посмотреть как будет выглядеть панорама, если бы снимали её объективом «рыбий глаз»:

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

На вкладке «Перемещение на плоскости проекции» у нас есть возможность выравнять горизонт на всех кадрах, если вдруг он не выравнялся автоматически. Также мы можем выгнуть горизонт для пущей эффектности:

Чтобы вернуть горизонт в исходное, ровное, состояние нажмем кнопку «Выровнять»:

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

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

Закрываем окно предпросмотра и жмем «Создать панораму. «

Сначала Hugin предложит нам сохранить проект панорамы:

А потом предложит придумать имя файла для готовой панорамы:

Запасаемся терпением, чаем, кофе, вареньем, печеньем, т.п., минут на 5 🙂

Находим файл получившейся панорамы:

Смотрим любым подходящим просмотрщиком.

Для публикации панораму лучше всего преобразовать в JPEG. Этот можно сделать в любом графическом редакторе или в популярных просмотрщиках.

Вот и всё! Правда просто?

Источник

Оцените статью
Как сделать своими руками
Добавить комментарий