Всем привет.
На связи снова Василий Зорин.
И это вторая статья по авторингу панорам на 360 градусов из серии «Как создать виртуальный 3D тур своими руками в программе Panotour Pro версии 2.0 и выше».
С первой статьей можете ознакомиться тут
Сегодня мы добавим в наш уже созданный на прошлом уроке виртуальный тур логотип. Сделаем его кликабельным и чтобы он вел на наш сайт.
Если это первая статья, которую Вы читаете, то:
1. Узнайте требования к своему компьютеру и скачайте саму программу тут
2. Исходники для самостоятельной работы Вы можете скачать тут
Готово?
Тогда поехали!
Как добавить логотип в виртуальный тур в программе Panotour Pro?
Для визуалов, предлагаю посмотреть видео инструкцию:
Итак. Заходим во вкладку стиль Style, в правой части экрана кликаем по Image zone и дважды кликаем по плагину Logo, чтобы добавить его в наш проект (появиться в левой части экрана).
В строке name мы можем задать свое имя для плагина. Далее выбираете позицию, где будет размещен логотип в туре. В строке Display мы выбираем наш файл логотипа. Формат png предпочтительнее, так как весит мало и сохраняет прозрачность фона.
Вот что получилось. Пример 1:
Далее можем задать более точное положение логотипа с помощью координат x и y. Это отклонение по горизонтали и вертикали.
Пример 2. Логотип в виртуальном 3d туре. Отклонение логотипа 50px по осям x и y.
Пример 3. Логотип в виртуальном 3d туре (позиция справа с отклонением по 50px)
Предлагаю добавить подсказку к логотипу, которая будет появляется при наведении курсора, делается это в строке Tooltip. А в строке URL укажем адрес сайта, на который будет перенаправлен пользователь при клике по логотипу. В выпадающем списке выбираем пункт “Открывать в новом окне”:
Пример 4. Кликабельный логотип в виртуальном 3d туре с подсказкой при наведении.
А теперь предлагаю поиграть с размерами логотипа. Размеры задаются в разделе Size. Могут быть как в %, так и в пикселях.
Пример 5. Логотип в виртуальном 3d туре с размерами логотипа 50% на 50%
Пример 6. Логотип в виртуальном 3d туре с размерами логотипа в пикселях 50 на 50px
Обратите внимание: указывая свои значения ширины и высоты, логотип может деформироваться.
А теперь очень интересный момент! Логотип можно разместить не только в экранных координатах. Но и закрепить его внутри сферической панорамы, выбрав в строке Logoplacement “In the panorama sphere”. Возможно 2 положения: в надире и в зените.
Пример 7. Логотип в виртуальном 3d туре в надире
Пример 8. Логотип в виртуальном 3d туре в зените
Осталась последняя вкладка с расширенными настройками плагина. Поставив галочку в первый чекбокс – размер логотипа будет меняться вместе с зумом. см. видео с 6:10 сек.
Отсутствие галочки позволяет зафиксировать размер логотипа.
Отсутствие галочки в строке “Rotate the logo with the view” фиксирует логотип в одном положении. Полезно, если логотип содержит надписи, которые сложно читать “вверх ногами”.
В строке “Respond to show/hide controls requests” вы можете связать плагин логотипа с основной панелью навигации.
Итак, сегодня мы разобрались как добавлять свой логотип в виртуальный тур. Верю, что эта подробная инструкция была для Вас полезной. Обязательно прикрепите ссылку на тот тур, который у Вас получился внизу в комментариях. Если что-то не получилось, то тоже напишите что именно.
Если же Вы хотите освоить дополнительные спец.эффекты и более глубоко изучить эту программу, то записаться на бесплатный курс по авторингу панорам можно по этой ссылке.
Добавить комментарий