Конструктор анимированной карты Сергея Никитина — Дидактор
Сегодня рад представить очень простой, но весьма привлекательный конструктор анимированных карт-маршрутов. О нём я узнал из небольшого сообщения на сайте MapsMania. С помощью этого инструмента вы и ваши ученики сможете создавать анимированные карты путешествий, которое вы совершили или планируете совершить. Вы можете дать задание ученикам проложить оптимальный маршрут из начальной до конечной точки. Новость эта тем более приятна, что автором этого инструмента является наш соотечественник Сергей Никитин.
Mult.dev — однозадачный инструмент, но делает это превосходно. Буквально за несколько минут вы сможете создать анимированную карту, иллюстрирующую маршруты и расстояния между двумя или более населёнными пунктами.
Для создания анимированной карты на Mult.
Всё, что вам нужно сделать, это добавить список мест в порядке вашего путешествия, и Mult-dev автоматически создаст вашу анимированную карту маршрута, посещая каждое из выбранных вами мест по очереди. Вы можете указать вид транспорта между локациями, который будет указан на каждом этапе вашего путешествия.
Когда вы закончите добавлять пункты назначения на свою карту, вы можете либо загрузить своё путешествие в виде видео, либо поделиться ссылкой на созданную карту, а также вставить в свой блог или сайт.
Создание анимированной карты оправдано особенно в тех случаях, когда вам необходимо проложить довольно длительный маршрут. Карта представлена в виде подвижного глобуса, который постоянно находится в движении, показывая очередные точки путешествия.
Посмотрите анимированную карту путешествия из Владивостока в Мурманск.
Вы можете выбрать из списка из девяти значков способ передвижения между городами на вашей карте. Вы также можете выбрать один из нескольких базовых цветов карты.
Все анимированные карты, которые вы создаете на Mult.dev, можно загрузить в формате MP4.
Таким образом, такой инструмент вы можете использовать в своей учебной и внеклассной деятельности. А также поручить ученикам создать какой-либо виртуальный маршрут.
Советы по созданию анимированного видео с картой путешествий
Мария Матвеева
Oct 19, 2022• Проверенные решения
Анимированные карты путешествий позволяют зрителям легко проследить маршрут от места отправления до места назначения прямо на одном экране.
В то время как статичные карты позволяют зрителям видеть только отметки, с которых начинается и заканчивается путешествие, анимированные карты показывают движение в реальном времени и поэтому выглядят более интерактивными при просмотре.
Таким образом, здесь вы узнаете, как создать привлекательное и увлекательное видео анимированной карты путешествий с помощью одного из самых простых приложений для пост-продакшна — Wondershare Filmora X, которое широко ценится любителями и профессионалами по всему миру. В другом разделе вы также узнаете об альтернативной программе, которая может оказаться полезной в том случае, если вы увлекаетесь онлайн-дизайном.
1. Как сделать анимированные видеоролики с картами путешествий с помощью Filmora X? [шаг за шагом]
Скачать Бесплатно
Для Win 7 или позднее (64-bit)
Безопасная загрузка
Скачать Бесплатно
Для macOS 10.
12 или позднее
Безопасная загрузка
Весь процесс создания анимированной карты путешествий в Wondershare Filmora X разделен на две части, в первой части вы соберете все ингредиенты, необходимые для начала работы, а во второй части вы фактически создадите анимированную карту, используя инструменты и функции, присутствующие в Filmora X.
Часть 1: Подготовьте материалы для карты путешествий
Ниже перечислены ингредиенты и способы их сбора для приготовления анимированной карты путешествий:
- Подберите карту
Первое, что вам понадобится для подготовки анимированной карты, — это изображение реалистичной карты. Благодаря Google и Microsoft, теперь это довольно легко организовать. Процесс приведен ниже:
- Откройте свой веб браузер
- Введите google.com в строке поиска и нажмите Enter
- Прокрутите карту для уменьшения масштаба, чтобы увидеть всю карту мира на одном экране
- Введите Snipping Tool в поисковом поле Cortana рассположенном в левой части Панели задач
- Launch Snipping Tool , and use it to capture the screenshot of the map
Обратите внимание: Snipping Tool является встроенным приложением в Windows 10 и доступно бесплатно.
Если вы используете какую-либо другую операционную систему или у вас есть другая программа для создания скриншотов, не стесняйтесь использовать ее в зависимости от вашего удобства.
- Сохраните сделанный снимок экрана в формате JPG на своем компьютере
- Сделайте пометки на карте
Следующий шаг в процессе подготовки анимированной карты путешествий — обозначить на ней свой маршрут. Для этого вы можете использовать любой из предпочитаемых вами инструментов редактирования фотографий. Однако для простоты иллюстрации здесь используется Microsoft Paint, а метод приведен ниже:
- Правым кликом откройте скриншот который только что сделали
- Перейдите к Открыть с помощью в открывшемся меню, а затем выберите Paint из появившегося подменю
- Выберите нужный вам цвет из палитры интерфейса Paint. Рекомендуется использовать привлекательный оттенок, например красный
- Используйте инструмент Сфера, чтобы нарисовать круг над исходным и конечным местоположением на карте.
- Инструментом Линия проведите линию от исходной точки к конечной. Попробуйте придать линии несколько поворотов, чтобы она выглядела реалистично.
- Перейдите к Файл > Сохранить как, и сохраните изображение с разметкой под другим именем
Обратите внимание: После этого у вас должно быть два файла изображений карты, т.е. один без меток, а другой с ними.
- Скачать несколько иконок для путешествий
Еще одним важным компонентом эффективной анимации карты путешествий являются значки путешествий, такие как изображение маркера места, символ средства передвижения, например, вертолет, самолет, автомобиль/велосипед (для коротких расстояний) и т.д. Ниже перечислены несколько сайтов, которые предлагают бесплатные стоковые фотографии совершенно бесплатно:
- Pexels
- Unsplash
- Pixabay
- Wondershare Filmstock
Обратите внимание: Хотя приведенные выше сайты позволяют бесплатно загружать и использовать их стоковые изображения и иконки, при использовании их объектов вам, возможно, придется отдать должное дизайнерам/создателям символов.
Поэтому перед загрузкой и добавлением в свои проекты рекомендуется ознакомиться с условиями и правилами использования элементов.
Часть 2: Создание анимированных видеороликов с картами путешествий с помощью Filmora X
После того как вы собрали все необходимые ингредиенты, которые требуются для создания анимации карты путешествий, настало время приступить к работе. Следующие инструкции проведут вас через пошаговый процесс подготовки достойной и реалистичной анимационной карты путешествий в Wondershare Filmora X:
Шаг 1: Импортируйте ингредиенты в Filmora X и добавьте их на временную шкалу
Запустите Wondershare Filmora X на своем компьютере, нажмите в любом месте окна Media в верхней левой области и импортируйте в программу все изображения и иконки, которые вы собрали ранее. Затем перетащите оба изображения карты, т.е. с метками и без них, на временную шкалу и убедитесь, что они имеют одинаковую продолжительность и расположены на одной дорожке.
Обратите внимание: Обязательно поместите сначала карту без меток, а затем карту с метками. Также обратите внимание, что по умолчанию длительность воспроизведения изображений на Временной шкале составляет 5 секунд, и это время можно уменьшить или увеличить, перетащив боковую ручку носителя влево или вправо соответственно.
Шаг 2: Добавьте переход для создания иллюзии видимости трассы
Перейдите к пункту Переходы на стандартной панели инструментов вверху, найдите эффект перехода Стереть слайд из доступных предустановок и поместите его между двумя файлами изображений, которые вы ранее добавили на временную шкалу. Затем щелкните и перетащите одну из боковых ручек перехода к концу медиаклипа. Обратите внимание, как другая сторона эффекта расширяется в той же пропорции.
Шаг 3: Предварительный просмотр и экспорт
Нажмите Spacebar на клавиатуре, чтобы просмотреть видео и убедиться, что маршрут выглядит так, как будто он рисуется на карте.
Если анимация выглядит приемлемо, нажмите Экспорт в центре сверху, перейдите на вкладку Локальный в окне Экспорт, выберите MP4 в списке форматов слева и нажмите Экспорт в правом нижнем углу, чтобы экспортировать текущую анимацию в MP4.
Шаг 4: Настройте носитель карты путешествий
Либо начните новый проект и импортируйте видео с картой, которое вы экспортировали в предыдущем шаге, в приложение, а затем на Временную шкалу, либо удалите существующие медиафайлы с Временной шкалы в том же проекте и добавьте туда экспортированное видео для удобства.
Затем расположите Skimmer (Playhead) за пару кадров до того, как линия маршрута появится и начнет растягиваться, и щелкните значок Split на панели инструментов редактирования над самой временной шкалой. Повторите этот процесс для другой стороны носителя, то есть расположите Skimmer через пару кадров после того, как линия маршрута достигнет места назначения, и снова щелкните значок Split.
Затем удалите разделенные сегменты с обеих сторон, выделив их и нажав Delete на клавиатуре, оставив только ту часть, где видна анимация.
По желанию щелкните правой кнопкой мыши медиафайл, оставшийся на временной шкале, и в контекстном меню выберите Скорость и продолжительность. В поле Настраиваемая скорость перетащите ползунок Скорость влево, чтобы уменьшить скорость воспроизведения, что приведет к увеличению продолжительности медиафайла. Также вы можете вручную ввести значение в поле
Шаг 5: Добавить Анимацию на карту путешествий
Щелкните правой кнопкой мыши медиафайл на Временной шкале и выберите в контекстном меню Добавить анимацию. Убедитесь, что Скиммер находится на первом кадре, и добавьте несколько ключевых кадров, как описано ниже:
- Нажмите Добавить для добавления первого ключевого кадра
- Переместитесь на пару кадров дальше и нажмите Добавить еще раз. Теперь, находясь на втором ключевом кадре, с помощью ползунка Масштаб увеличьте масштаб карты, чтобы местоположение источника оставалось в фокусе.
Теперь, находясь на втором ключевом кадре, с помощью ползунка Масштаб увеличьте масштаб карты, чтобы местоположение источника оставалось в фокусе.- Затем переместите плашку дальше и добавьте еще один ключевой кадр за пару кадров до того, как линия маршрута достигнет края окна.
- После этого снова переместите головку воспроизведения и расположите ее так, чтобы линия маршрута достигла места назначения. Здесь же добавьте еще один ключевой кадр и переместите карту в окне предварительного просмотра так, чтобы фокус теперь был на месте назначения.
- Переместите плашку на несколько кадров дальше, добавьте еще один ключевой кадр и с помощью ползунка Scale увеличьте масштаб карты, чтобы вся анимация выглядела реалистично. Нажмите OK, чтобы сохранить изменения.
Шаг 6: Добавьте значки и заголовки и экспортируйте проект
Перетащите изображение путешествующего средства на Временную шкалу и поместите его на кадр, с которого начинается линия маршрута.
Обязательно поместите изображение на дорожку над картой и растяните его до конца, чтобы оно оставалось видимым на протяжении всей анимации. Затем, используя описанный выше метод, добавьте ключевые кадры для перемещения носителя вместе с линией маршрута от источника к месту назначения. По желанию добавьте изображение маркера местоположения в точке назначения, перейдите в Переход и добавьте желаемый эффект перехода, предпочтительно Растворение, к дорожке маркера на временной шкале, чтобы она выглядела так, как будто она появилась, когда носитель прибыл в точку назначения.
Вернитесь к первому кадру на Временной шкале, перейдите к Титры на стандартной панели инструментов и добавьте предустановку заголовка где-то рядом с исходным местоположением. Измените размер текста, формат по мере необходимости и добавьте к нему желаемую надпись, например время начала, название и т. д. Уменьшите длительность дорожки, чтобы заголовок появился на несколько кадров, желательно до начала анимации карты.
Нажмите OK, когда все будет готово. Повторите этот процесс для точки назначения.
Когда все будет готово, нажмите кнопку Play в окне Preview, чтобы просмотреть свою работу. Если видео выглядит приемлемо, нажмите ЭКСПОРТ в верхней центральной части интерфейса и используйте метод, описанный ранее, чтобы экспортировать анимированную карту путешествий в желаемый формат.
2. Как сделать интерактивную анимированную карту путешествий с помощью Pictramap
Если вы не хотите устанавливать на свой компьютер специальную программу для создания анимации из-за ограниченных аппаратных ресурсов или по другой причине, существует онлайн-решение под названием Pictramap для создания анимационной карты путешествий с помощью веб-браузера. Веб-приложение предлагает выгодный интерфейс, который можно легко понять и работать с ним для создания анимированной карты бесплатно.
Процесс создания анимированной карты путешествий с помощью Pictramap приведен ниже:
Шаг 1: Создайте проект
Запустите свой любимый веб-браузер, перейдите на https://www.pictramap.com/, нажмите Создать сейчас, это бесплатно, и зарегистрируйтесь на Pictramap, используя предпочитаемый способ. Когда вы окажетесь на приборной панели, введите имя в поле, расположенное в разделе Мои проекты, и нажмите Создать, чтобы создать новый проект (анимированную карту).
Шаг 2: Определите местоположение и способ поездки
.
На карте щелкните правой кнопкой мыши место, из которого вы хотите начать свое путешествие, введите название места или любое другое значимое название и нажмите Добавить. Щелкните маркер местоположения, нажмите значок Режим путешествия и выберите предпочтительный способ передвижения.
Повторите этот процесс, чтобы отметить и место назначения.
Шаг 3: Предварительный просмотр анимации
Нажмите кнопку Просмотреть анимацию в правом верхнем углу страницы, чтобы увидеть анимированную карту путешествий.
Недостатки использования Pictramap для создания анимированного видео с картой путешествий
Хотя Pictramap позволяет легко и очень быстро создать анимацию карты путешествий, на момент написания этой статьи он не предоставляет возможности загрузить анимацию на ваш компьютер, и поэтому ее нельзя использовать в ваших проектах.
Если вы используете Wondershare Filmora X, вы можете использовать его встроенную функцию записи экрана для записи анимации, которую воспроизводит Pictramap, а затем сохранить отснятый материал в формате MP4 или любом другом формате на вашем компьютере. Затем это видео можно импортировать в ваши проекты для дальнейшего использования.
Скачать Бесплатно
Для Win 7 или позднее (64-bit)
Безопасная загрузка
Скачать Бесплатно
Для macOS 10.12 или позднее
Безопасная загрузка
Итог
Анимированная карта путешествий играет важную роль для придания реалистичного тура вашим кинопроектам. Хотя вы можете использовать веб-приложение, такое как Pictramap, для создания такой анимации онлайн легко и бесплатно, ограничения, с которыми оно поставляется, могут удержать вас от выбора этого метода.
Вместо этого, возможно, вы захотите больше склониться к специализированному программному обеспечению, такому как Wondershare Filmora X, которое даст вам полный контроль над процессом и свободу выбора предпочтительного формата для экспорта анимации для самостоятельного использования.
Мария Матвеева
Мария Матвеева писатель и любитель все, что связано с видео.
Автор @Мария Матвеева
Интерактивные анимированные карты путешествий, созданные с помощью PictraMap
Поразите своих друзей анимированной картой путешествий!
Взгляните на одну из наших анимированных карт путешествий, созданных с помощью PictraMap®!
Почему именно этот инструмент вы так долго ждали…
Это бесплатно
Кредитная карта не требуется, создайте свою первую анимированную карту путешествий за считанные минуты.
Все по-другому
Удивите своих друзей и заставьте их говорить о вас и ваших путешествиях.
Это все, что вам нужно
Бесплатный онлайн-инструмент для создания анимированных карт из фотографий путешествий. Разве это не так?
Нет времени ожидания
Инструмент полностью основан на Интернете — вы регистрируетесь и получаете мгновенный доступ к системе. Создайте свою первую анимированную карту путешествий за считанные минуты!
Красивые карты
Это не еще один инструмент с картами Google, предлагающий тот же самый старый макет карты. Найдите карту, которая соответствует вашему вкусу и типу поездки.
Персонализация
Никакой другой онлайн-инструмент не предлагает так много вариантов настройки — вы выбираете карту, булавки, вступление, концовку, музыкальную тему, не говоря уже о вариантах цвета.
Простота в использовании
Вам не нужны никакие инструкции благодаря очень простому интерфейсу — зарегистрируйтесь, и через несколько минут вы получите свою первую анимированную карту путешествий.
Легко поделиться
Поскольку все это онлайн, вы всегда можете поделиться своими анимированными картами путешествий со всем миром — на Facebook, по электронной почте или даже встроить их в свой блог.
Это просто…
Страстным путешественникам очень нужен был такой инструмент (мы знаем, нам так говорили). Станьте одним из первых, кто создаст анимированную карту путешествий с помощью PictraMap®!
Что увлеченные путешественники говорят о PictraMap®
Мирослав Желязков Исследователь и увлеченный путешественник
Я был приятно удивлен тем, что увидел, когда друг поделился ссылкой на PictraMap. Уникальный способ, которым я могу создавать и делиться своими альбомами, позволяет моим друзьям и семье наслаждаться веселыми моментами моих поездок. Мне нравится гибкость и разнообразие карт, переходы между локациями и музыкальные партитуры, которые я могу выбирать — все очень быстро и интуитивно понятно. Спасибо вам, ребята!
Гинка Муюмба Исследователь и страстный путешественник
Отличный способ вдохнуть жизнь в мои бесчисленные скучные фотографии! Карты, музыка, цвета делают каждый альбом особенным и добавляют в него эмоций.
Он прост в использовании, и в результате получается веселое приключение, которым я могу поделиться со всеми своими друзьями и семьей! Я знаю, что им это тоже понравится!!
Занят? Нет проблем — мы вам напомним!
Если вы слишком заняты, чтобы создать свою первую анимированную карту путешествий прямо сейчас, или вы думаете, что ваши друзья могут подождать, пока их удивит ваше последнее удивительное путешествие, присоединяйтесь к нашему сообществу. Мы напомним вам позже, что ваши фотографии из путешествий все еще могут привлечь внимание, которого они заслуживают 😉
Блог о путешествиях PictraMap — исследуйте мир на своих условиях
By Diana 2 комментария
Тчин-тчин! Наконец-то выпущена самая востребованная функция. Теперь вы можете конвертировать анимацию в видео, используя нашу встроенную функцию захвата экрана.
Помните, как мы сотрудничали с Movavi некоторое время назад, чтобы предоставить вам возможность конвертировать ваши анимации в видео? Многие воспользовались этим, но это решение не было идеальным для путешественников, которые никогда больше не будут использовать программу захвата экрана, или не были технически подкованы или не хотели изучать стороннюю программу для того, что, по их мнению, должно было быть быстрой и легкой работой внутри.
наша платформа.
Мы очень много работали, чтобы предложить вам решение. Мы не будем утомлять вас подробностями того долгого и дикого пути, который пришлось пройти этой функции, прежде чем она стала доступной для вас (скажем только, что нам пришлось начинать сначала несколько раз!)
Наконец-то встроенный экран Функция захвата здесь. Последние пару месяцев он был доступен нашим премиум-пользователям «в тайне». Мы внесли некоторые улучшения на основе отзывов пользователей, и сегодня пришло время представить их всем 🙂
Рубрика: Что нового
By Diana Оставить комментарий
Люди говорят, что хорошие вещи приходят тройками, поэтому, чтобы у вас был отличный день, мы приготовили для вас сегодня три новинки 🙂
Во-первых, лучший поиск. Подавляющее количество людей просили о возможности поиска местоположения по его GPS-координатам, а не только по названию. Поэтому мы его реализовали.
Проверьте это — все, что вам нужно сделать, это ввести координаты на основе стандартных десятичных градусов в поле поиска в модуле «Карта» и нажать «Ввод».
Например, ввод 40,6892, -74.0445 в поле поиска добавит булавку для Статуи Свободы в США.
Рубрика: Что нового
Автор Diana 4 комментария
Мы не шутим, когда говорим, что все функции, которые мы разрабатываем, являются прямым результатом отзывов путешественников. Участники присылают нам запросы, мы слушаем и планируем разработку в соответствии со спросом — это так просто 😉
Мы работали над некоторыми из наиболее востребованных сообществом функций, и мы рады сообщить, что они теперь доступны в Вкладка «Дополнительно» на платформе.
Рубрика: Что нового
Автор Diana Оставить комментарий
Подавляющее количество путешественников попросили увеличить масштаб для некоторых карт, поэтому последние несколько месяцев мы работали над этим. Наша цель — иметь только карты с максимальным уровнем масштабирования, поэтому мы будем обновлять наши карты по ходу дела.
Сегодня мы выпускаем более высокий уровень масштабирования для двух наиболее часто используемых карт.
Рубрика: Что нового
Джордан 14 комментариев
Веб-анимация предлагает интерактивность, но иногда вы хотите включить анимацию путешествия в праздничное видео или просто разместить ее на YouTube.
Мы знаем, вы нам так сказали! И мы прислушались 😉
Чтобы удовлетворить ваши потребности в преобразовании анимации PictraMap в видео, мы сотрудничаем с Movavi — ведущим разработчиком мультимедийного программного обеспечения, которому доверяют 4 миллиона пользователей по всему миру.
Рубрики: Советы по PictraMap, что нового
Диана Оставить комментарий
Мы начали получать запросы от пользователей о возможности приостановить анимацию путешествия, чтобы они могли провести презентацию во время воспроизведения анимации путешествия.
Вы не можете приостановить анимацию, как приостановить видео (поскольку это анимация, а не видео), но у вас есть возможность переключаться между режимами «анимация» и «исследование», чтобы контролировать скорость просмотра.
Вы знаете, что карты путешествий, которые вы создаете с помощью PictraMap, не только анимированные, но и интерактивные, верно?
Filed Under: Советы по работе с PictraMap
By Diana Оставить комментарий
Знаете ли вы, что есть разница между удалением фотографий из проекта и удалением их из вашей учетной записи навсегда?
Оказывается, многие из наших пользователей не осознали разницы, поэтому этот пост прояснит для вас кое-что.
Filed Under: Советы по работе с PictraMap
Автор Diana 1 комментарий
К настоящему времени вы, вероятно, знаете, как добавить фотографии в каждое место, часть вашей анимированной карты путешествия. Но вы нашли способ добавлять фотографии между локациями?
Если нет, вот как.
Чтобы показывать фотографии на анимированной карте путешествий по пути между локациями, сначала нужно добавить локацию, где вы хотите разместить фотографию, а затем превратить эту локацию в путевую точку.