Как сделать анимированную карту

Создание анимированных карт в приложении Power Point

Создание анимированных карт в приложении Power Point[1].

Для того, чтобы создать анимированную карту в приложении Power Point необходимо подходящую карту отсканировать с хорошим разрешением, лучше в *jpeg. Очень удобны для этого контурные карты, потому как лишены всего «дополнительного», которое можно будет потом добавить по потребности. Но подойдут и обычные, из атласа. На них могут быть лишние детали, которые можно убрать-затереть в графическом редакторе, например, Photoshop. Либо – «прикрыть» ненужное каким-нибудь элементом (например, надписью, или автофигурой, или вставленным рисунком).

Подготовленный графический файл вставить в качестве основы будущей карты в слайд.

Для монтажа выбрать «Формат – Разметка слайда – Пустой слайд», чтобы потом не удалять макеты надписей и картинок. Рисунок можно просто вставить на слайд (Вставка – Рисунок – Из файла; или через иконку («Добавить рисунок») на панели рисования (если таковой нет – выставить через «Вид – Панели инструментов – Рисование»). Если карту предполагается разворачивать на весь слайд, имеет смысл вставить рисунок в качестве фона (Формат – Фон – способы заливки (см. рисунок 1))

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

Основа готова. Наполним карту содержанием. Один из главных элементов анимированных карт – стрелки. На их примере и рассмотрим основные алгоритмы работы.

Стрелки можно сделать разные. Есть они на панели рисования «Автофигуры – Фигурные стрелки» или тоненькие (кнопка на панели рисования).

Ежели нужно нечто особенное – можно начертать самому: «Автофигуры – Линии – Рисованная кривая (см. рисунок 2))

И далее мышью выписать нужную траекторию. Потом выделить получившуюся кривую и щелкнуть кнопку на панели рисования, в открывшемся меню выбрать понравившийся тип. Поначалу стрелка получается тоненькая – ей можно добавить толщины (кнопка там же), изменить ее цвет ( ).

Можно также нарисовать необходимую стрелку, используя меню «Полилиния» (там же, «Автофигуры – Линии»).

Нужные стрелки готовы. Теперь можно их «оживить». Выделяем объект для анимации и идем «Показ слайдов – Настройка анимации – Добавить эффект – Вход». Лучше выбирать «Появление», так как его легко настроить в нужном направлении. Например, если нужно, чтобы стрелка показывала слева направо, то в окне «направление» так и указываем, «слева» (рис 3.)

Здесь же можно настроить и условие, по которому будет происходить действие: по щелчку, либо по времени (окно «Начало»), а также скорость анимации («Скорость»). Можно автоматизировать процесс, «привязав» анимацию последующих объектов к первому и установив временные промежутки (закладка «Время», рис. 4)

В меню «Настройка анимации» есть и еще одна полезная кнопка «Изменить – Выделение». Там можно поменять цвет объекта, выделить еще каким-нибудь образом. Я, например, иногда прибегаю к «Мерцанию», привлекая таким образом внимание к объекту (настройка амплитуды и длительности мерцания также – также в меню «Параметры эффектов», закладка «Время» (рис. 4)

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

Так же рисуются все последующие объекты на карте. Порядок анимации объектов отображается в окне «Настройка анимации» (рис. 5)

Иногда необходима одновременная анимация объектов. Для этого выделить две (или более) стрелки и в окне настроек порядка анимации выбрать объект, щелкнуть по значку и выбираем опцию «Запускать вместе с предыдущим» (рис. 5)

Читать еще:  Как сделать зефир дома

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

Корме стрелок, на карте можно выделить необходимую территорию. Для этого выбирать «Рисованную кривую», и обвести мышью территорию, замыкая кривую. Затем в меню цвета линии выбираем «Нет линий», в меню окраски получившейся автофигуры выбираем цвет, затем «Формат – Автофигура – Цвета и линии – Прозрачность» выставляем «ползунком» требуемый процент прозрачности. Анимируем соответственно – «Вход – Выцветание». Можно просто заштриховать (Цвет заливки – способы заливки – узор), но в этом случае прозрачности не получится, и «пятно» закроет территорию со всеми городами, реками, дорогами и т. д.

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

Подписи и надписи на карте также можно анимировать рассмотренными выше способами, также и выделить («Мерцание»), и спрятать («Выход»).

Иногда бывает нужно ввести в карту какой-нибудь особый значок (пушки-сабли, корабли и т. д.). Вариант 1 – найти нужное в Интернете. Если не получается – вариант 2: отсканировать. Далее обработать в графическом редакторе Photoshop (многое можно сделать и в Paint).

Разберем наиболее частую проблему – как сделать отсканированный рисунок (например – кораблик) как бы «вырезанным», Для этого открываем его в Paint, и «вырезаем» по контуру (кнопка в наборе инструментов), затем копируем (Правка – Копировать), создаем новый файл (Файл – Создать) и вставляем туда «вырезанный» кораблик (Правка – Вставить). Взявшись за нижний правый угол листа, сокращаем его до границ нашего вставленного кораблика, и сохраняем получившийся рисунок (опять же предпочтительнее в *jpg), вставляем его в нашу презентацию. Он будет на белом поле, как бы на листе. Щелчком правой кнопки вызываем контекстное меню и выбираем «Отобразить панель настройки изображения», на которой выбираем кнопку «Установить прозрачный цвет» (рис. 6)

Щелкнуть по белому фону на вставленном рисунке (он станет прозрачным).

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

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

[1] Материалы взяты из статьи «Создание анимированных карт в приложении Power Point» учителя истории МОУ «Окнийская основная общеобразовательная школа», Псковская область Алексеева Юрия Николаевича

Сервисы для создания интерактивных карт

Несомненно, Google Maps — ведущий картографический сервис на рынке, предоставляющий услуги GPS-трекинга и навигации. Но сегодня сфера применения карт постоянно расширяется и уже вышла за рамки традиционных прокладки маршрута и поиска объектов.

Мы часто встречаем карты, отображающие загрязненность окружающей среды, карты движения городского транспорта или самолетов (вспомните известный www.flightradar24.com). В бизнесе карты могут использоваться для отображения и анализа местоположения заказчиков или сети розничной торговли. Туристические компании могут использовать карты для информирования своих клиентов о маршруте путешествия и туристических объектов (достопримечательностей, заведений общественного питания, гостиниц и хостелов.

Очевидно, что услуги геолокации будут играть все более важную роль в будущем и потребность в подобных услугах будет только расти.

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

Читать еще:  Как сделать закладку на рабочем столе

Созданные карты можно открыть для общего доступа, встроить их на страницу своего сайта или экспортировать в PDF для подготовки печатной продукции — как уже было сказано область применения очень широка.

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

Mapme

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

Стоимость: бесплатно, $99 и $199

  • Перейти

Animaps

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

  • Перейти

Click2Map

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

Стоимость: $39 в месяц

  • Перейти

Zee Maps

Zee Maps — онлайн-сервис для создания и публикации карт с целым набором современных и уникальных инструментов — механизмом поиска, личными картами, более 30 всевозможных маркеров и возможностью выделения целых областей, трехуровневым доступом (обычные посетители, члены группы и администраторы). Кроме того имеется возможность привязывать к маркеру различный медиаматериал — фотографии, аудио- и видеозаписи и сохранять карты в PDF и PNG формате для брошюр и презентаций.

Стоимость: бесплатно (до 5 карт) и платно, в зависимости от тарифного плана.

  • Перейти

Scribble Maps

Еще один мощный и многофункциональный сервис для создания и публикации различных карт. Также предлагает возможность добавлять маркеры, заметки, собственные виджеты, сохранят карты в виде PDF или изображений. Кроме того есть инструменты для измерения расстояний, площадей, а также механизмы интеграции в десктопные и мобильные приложения.
Имеется плагин для интеграции с WordPress.

  • Перейти

GmapGIS

Эффективный инструмент для создания различных статических карт — спутниковых, гибридных, уличных. Имеется набор инструментов, для установки маркеров и добавлении различной информации, а также экспорта их в KML формат для просмотра в Google Earth.

  • Перейти

Heatmap Tool

Heatmap Tools использует всю мощь Google Maps API для визуализации различных геоинформационных данных и создания так называемых «картограмм»(они же heatmaps). Можно настраивать различные параметры отображения, такие как радиус маркеров, цвет, прозрачность и др. Поддерживается импорт данных через формат CSV.

Стоимость: бесплатно (с водяными знаками и ограничениями на количество объектов и просмотров) и платно в зависимости от тарифного плана.

  • Перейти

MapTiler

Использование MapTiler просто, как раз-два-три. Раз — отсканировать бумажную карту или создать ее с помощью GIS-системы (например, AutoCAD MAP 3D). Два — обработать ее MapTiler. Три — опубликовать в интернете, встроив, например, на страницу вашего сайта. При этом обеспечивается интеграция с такими популярными хостингами как Dropbox, Google Drive и Amazon S3.

Стоимость: имеются как бесплатный, так и платные тарифные планы

  • Перейти

Mapbox

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

Читать еще:  Как сделать альбомный лист на компьютере

Стоимость: имеются как бесплатный, так и платные тарифные планы

  • Перейти

Делаем анимированную карту как у Индианы Джонса

Итак есть цель — сделать карту, которая будет похожа на ту, что представлена нам вот в этом отрывке из фильма «Индиана Джонс: В поисках утраченного ковчега»:

В общем поехали!

Делаем маршрут в Google Maps

Идем в Google Maps и создаем нужный нам маршрут. Для примера возьмем маршрут из Вадуца в Цюрих.

Маршрут в Google Maps

После того как маршрут создан, нам будет необходима ссылка на него, которую мы тут же и получаем.

Конвертируем маршрут в файл GPX

Используя сервис GPS Visualizer получаем наш маршрут в файле формата GPX. Для этого в качестве выходного формата выбираем «GPX», вставляем в качестве URL адрес, который получили в Google Maps, и нажимаем кнопку «Convert».

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

Теперь воспользуемся сервисом GOTOES и добавим к нашему маршруту временные отметки. Тут все тоже очень просто: сначала выбираем время начала нашего маршрута, затем указываем часовой пояс, далее указываем скорость передвижения, в качестве файла задаем наш файл GPX и нажимаем кнопку Upload.

Загружаем наш маршрут в QGIS

Открываем QGIS и в качестве векторного слоя добавляем наш GPX-файл (конечно же тот, который мы получили после внедрения временных меток).

Создаем векторный слой из GPX

Также нам надо будет добавить базовый слой нашей карты. Для этого можно воспользоваться модулем QuickMapServices (как это сделать описано здесь).

Сохраняем слой с GPX в формате SpatiaLite

Использовать слой GPX как есть нельзя, поэтому нам необходимо его пересохранить. При сохранении в Shapefile возможна ошибка, при которой будут обрезаны метки времени. Именно поэтому используем формат SpatiaLite. Выделяем слой в панели слоев и нажимаем «Сохранить как…».

Настраиваем вид нашего маршрута

Открываем свойства слоя и переходим на вкладку «Style» («Стиль»). Выставляем все согласно своим предпочтениям.

Настраиваем вид нашего маршрута

Добавляем модуль Time Manager

Если у вас в QGIS нет модуля Time Manager, то добавляем его. Если такой модуль у вас уже есть, то переходим на следующий шаг.

Регистрируем слой в Time Manager

Панель Time Manager у нас отображается в нижней части экрана. Если ее там нет (и нигде нет), то в меню «Модули» выбираем раздел «TimeManager» и нажимаем «Toggle Visibility». На этой панели нажимаем «Settings», в открывшемся окне выбираем «Add layer». Настройки выставляем как показано на рисунке ниже:

Добавляем слой в Time Manager

Экспортируем видео

Продолжаем работать с модулем Time Manager. Выбираем подходящий размер «Time frame size» (каждый кадр итогового видео будет представлять собой указанное количество времени). Для проверки можем нажать кнопку «Play». Если вас все устраивает, то нажимаем другую кнопку — «Export Video» (если до этого вы проигрывали анимацию, то убедитесь, что ползунок находится в начальном положении). При этом если вы работаете в среде Windows, то вам может быть доступно только покадровое сохранение и придется использовать дополнительные инструменты.

Объединяем кадры в анимацию (для пользователей Windows)

Итак у нас остался последний шаг — объединить все полученные кадры в единую анимацию. Для этого мы можем воспользоваться Windows Movie Maker (Киностудия). Добавляем все получившиеся кадры, выставляем длительность для каждого кадра (например, 0.1 секунды) и сохраняем получившийся ролик.

Windows Movie Maker (Киностудия)

Вот такой вот результат получился у меня (видео было конвертировано в GIF с помощью EZGIF):

Заключение

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

Источники:

http://pandia.ru/text/78/207/33042.php

http://postovoy.net/servisy-dlya-sozdaniya-interaktivnyh-kart.html

Делаем анимированную карту как у Индианы Джонса

Ссылка на основную публикацию
Статьи на тему: