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

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

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

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

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

Рис1.

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

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

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

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

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

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

(рис. 3)

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

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

(рис. 4)

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

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

Иногда необходима одновременная анимация объектов. Для этого выделить две (или более) стрелки и в окне настроек порядка анимации выбрать объект, щелкнуть по значку https://pandia.ru/text/78/207/images/image011_49.jpg" width="287 height=420" height="420">

(рис. 5)

Точно таким же образом можно анимировать любые объекты и линии (например, линию фронта или границу, проведя мышью рисованную кривую, задаем цвет https://pandia.ru/text/78/207/images/image006_85.jpg" width="25" height="18 src=">, можно превратить сплошную линию в штриховую , и анимировать ее, чтобы она сама рисовалась сверху, снизу или сбоку, или просто возникала из небытия (эффект «Выцветание»).

Корме стрелок, на карте можно выделить необходимую территорию. Для этого выбирать «Рисованную кривую», и обвести мышью территорию, замыкая кривую. Затем в меню цвета линии выбираем «Нет линий», в меню окраски получившейся автофигуры https://pandia.ru/text/78/207/images/image013_65.gif" width="37" height="26 src="> - способы заливки – узор), но в этом случае прозрачности не получится, и «пятно» закроет территорию со всеми городами, реками, дорогами и т. д.

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

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

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

Разберем наиболее частую проблему – как сделать отсканированный рисунок (например - кораблик) как бы «вырезанным», Для этого открываем его в Paint, и «вырезаем» по контуру (кнопка https://pandia.ru/text/78/207/images/image015_33.jpg" width="467 height=98" height="98">

(рис.6)

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

Можно переместить объект с одно места на другое. Например, показать путь перемещения войск. Для этого выбираем: «Настройка анимации – Добавить эффект – Пути перемещения», нарисовать мышью траекторию перемещения объекта по слайду, и задать время перемещения (в окне «Порядок» щелкнуть по значку Псковская обл." href="/text/category/pskovskaya_obl_/" rel="bookmark">Псковская область Алексеева Юрия Николаевича

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

1. «Человечки» (или об инфографике)

Почти все люди плохо воспринимают сухую статистику. Ведь цифры сами по себе не говорят нам ничего. Поэтому очень важно представить информацию таким образом, чтобы она воспринималась на интуитивном уровне, и зрителю не приходилось бы прикладывать много усилий, чтобы понять её и осознать. На помощь приходит инфографика – т.е. способ представления цифровой или статистической информации в графическом виде.
Допустим, мы хотим рассказать о том, что лишь 20% людей с действующими водительскими правами имеют собственный автомобиль. Конечно, можно написать про это текстом или сделать круговую диаграмму, как в данном примере:

Или можно преподнести информацию более наглядно. 20% – это 1/5 часть, то есть 2 человека из 10 или 4 человека из 20. Давайте воспользуемся этим и сделаем слайд, в котором всё будет очевидно:

Добавив фигуры людей и машин, мы превратили статистику в интересное изображение, которое не только привлекает внимание, но и помогает представить зрителю, сколько же это – двадцать процентов. В то время как обычная диаграмма не обладает такими свойствами, да и вообще напоминает «pac-man» 🙂

2. Большие цифры

Еще один способ эффектно преподнести цифровую информацию – сделать цифры огромными. Буквально! Сравним два слайда:

Расположение информации на первом слайде позволяет нам вставить фотографию милой собачки, но, с другой стороны, эта собачка отвлекает внимание от содержания. Второй слайд заставляет задуматься именно о цифрах. Тут надо отталкиваться от задачи рассказчика: если цель — вызвать эмоциональную реакцию, то используем первый слайд, если сосредоточиться на фактах – второй.

3. Темный фон

Обычно в презентациях используется светлый, спокойный фон. Чаще всего это оправдано, но не стоит бояться и темного фона. Это может быть стильно и красиво! Для презентаций часов, ювелирных украшений, «luxury» брендов, техники и многого другого, темный фон подойдет как нельзя лучше. Необязательно использовать именно черный цвет, есть целое множество красивых темных оттенков.

4. Взвешивание

Когда нам нужно сравнить два товара, оценить «за» и «против», показать плюсы и минусы, мы составляем списки. И иногда подобные рассуждения нужно отобразить прямо на слайдах. Возникает вопрос: как сделать эти исследования наглядными для зрителя и в то же время подтолкнуть его к принятию «правильного» решения? В данном случае можно воспользоваться небольшой хитростью и изобразить на слайде весы. Можно использовать стилизованные весы, весы Фемиды, рыночные весы – все, что позволяет фантазия и стиль конкретной презентации. В PowerPoint приятно пользоваться SmartArt объектом «Баланс».
А нужен ли вам iPhone? Рассмотрим слайды:

На обоих слайдах приведены одинаковые аргументы, но в первом случае у нас не создается впечатление, что iPhone надо купить. Зато второй пример с весами явно склоняет нас к покупке =)

5. Карты

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

Для примера рассмотрим два слайда:

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

6. Рисование

Когда вы в последний раз держали в руках карандаш? А зачем? – справедливо спросите вы. Ведь на компьютере все гораздо удобнее и быстрее. Однако использование в презентации объектов, нарисованных от руки, может дать неожиданный и очень сильный эффект! Такой ход будет полезен дизайнерам, оформителям свадеб и праздников, производителям мебели, да и много кому еще.
Предположим, у нас магазин мебели, и мы хотим продать диван. Как показать клиенту, что наш диван – это именно то, что он искал? Безусловно, нужно перечислить все его достоинства и технические характеристики, но ведь покупка – это эмоциональное действие. В первую очередь, нам нужно вызвать у человека желание иметь этот диван у себя дома. Многие компании уже пользуются методом, когда клиент может загрузить фотографию своего интерьера и вставлять туда товары из магазина, подбирая подходящие. В презентации это реализовать, к сожалению, не получится. Но иногда абстрактные нарисованные обычным белым маркером предметы интерьера прорекламируют магазин лучше любых фотографий:

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

Конечно, в буквальном смысле рисовать маркером на распечатанной картинке необязательно (хотя это вполне допустимо, просто не для всех удобно). Любой графический редактор позволяет добиться похожего эффекта.

7. Блок-схемы

Когда возникает необходимость описать в презентации какой-либо процесс, зачастую используются списки. В редких случаях к ним добавляют картинки. Но список из 5 и более пунктов уже воспринимается зрителем плохо. А если их больше? Не поленитесь потратить время на создание красивой и наглядной блок-схемы, подробно объясняющей суть процесса. Она существенно сэкономит время клиентов и сократит количество вопросов.
Таким образом, схематично можно изобразить работу цеха или отдела, принцип работы какого-либо устройства, процесс взаимодействия подразделений или, как в нашем случае, процесс заказа презентации в Студии Михаила Царева :

Творите, ищите новые идеи и не бойтесь удивлять!
P.S. Все используемые в примерах данные и статистика – вымышлены, а любые совпадения – случайны 😉

Подготовка интерактивных карт сейчас очень популярна. Есть большие возможности воспользоваться готовыми интерактивными картами в он-лайне из Интернета, но на уроке нас может подвести скорость. Кроме того, мы можем подготовить свои интерактивные карты, исходя из тех учебных задач, которые мы ставим перед собой. Предлагаемая демо-версия карты легко может использоваться для интерактивной доски при должной настройке. Итак, начинаем создавать интерактивную карту. Шаг первый. Вставляем основную карту. В данном случае, карту России. Аствацатуров Г.О., г. Армавир далее


Внимание! Для интерактивной карты целесообразнее настраивать не объект, а целый слайд. Шаг второй. В смене слайдов находим режим «прямоугольник наружу». С ним эффект смены карт наиболее рационален. В «смене слайдов» убираем также галочки с режимов «по щелчку» и «автоматически». Шаг третий. Теперь нам необходимо создать гиперссылки. Ими будут выделенные объекты – тот или иной регион, даже населённый пункт В нашем конкретном случае выделим Краснодарский край и Карелию. Выделяем их полилинией. Получаем объекты, которые в дальнейшем станут гиперссылками. Обратите внимание! Необходима сплошная заливка, чтобы гиперссылка появлялась не только по контуру, но и по всему объекту. Настраиваем формат полученного рисунка на 100%-ную прозрачность. далее


Шаг четвёртый. На отдельных слайдах размещаем необходимые нам карты регионов. Напомню, что смена всех слайдов в режиме «прямоугольник наружу». Шаг пятый. Каждый из выделенных объектов делаем гиперссылками на соответствующие карты. Рекомендуемое действие гиперссылки «по наведению указателя мыши». В таком режиме наиболее эффективна работа интерактивной карты. При необходимости можем продолжить углубление содержания, то есть от карты региона перейти к карте города (населённого пункта). Отсюда – к отдельным объектам. Шаг шестой. Не забываем на всех картах разместить «кнопки возврата» и на главную карту, и на карту, например, региона. Итак, что получаем? далее









Цель работы: Научиться создавать многоуровневую интерактивную карту с помощью программы PowerPoint.

Задание:

1. Овладеть основними функциями программы PowerPoint.

2. Научиться вставлять компоненты, необходимые для создания интерактивной карты в программу PowerPoint.

4. Уметь создавать «кнопки возврата».

Порядок выполнения работы:

1. Откройте программу PowerPoint в папке Microsoft Office нажав: Пуск – Программы - Microsoft Office - PowerPoint . Откроется основное окно программы. 2. Нажмите: Файл – Создать – Новая презенттация . 3. В окне Макет ы содержимого выбрать Пустой слайд. 4. Вставьте основную карту проекта в программу, для чего выполните: Вставка – Рисунок – Из файла и указав адрес карты, загрузите ее (рис.1). 5. В главном меню выполните следующий алгоритм: Показ слайдов Смена слайдов . В открывшемся окне находим режим П рямоугольник наружу . С ним эффект смены карт наиболее рационален. Затем убираем галочки с режимов По щелчку и Автоматически . Отметить Применить ко всем слайдам.

Рис.1 Главное окно программы PowerPoint.

6. Для обеспечения интерактивности карты, следует выделить объекты, которые будут увязаны гиперссылками с прикрепленными слайдами. Алгоритм выполнения следующий: Вставка – Рисунок – Автофигуры. В окне Автофигуры выбираем: Основные фигуры - Полилиния . С помощью появившегося крестообразного курсора обводим границы объекта на карте. Обязательно замкните линию, чтобы получить целый объект. 7. Чтобы убрать заливку и сделать выделенную область невидимой, поместите курсор на объекте и кликните правой кнопкой мыши. В открывшемся окне выберите Формат автофигуры. В открывшемся окне (рис.2) установите Прозрачность заливки 100%. Затем выполните: Цвет линии – Другие цвета (рис.3) – Прозрачность линии 100% - Ок.

Рис. 2. Окно программы. Рис. 3. Окно программы Цвета . Формат автофигуры

8. Нажмите: Вставка - Создать слайд . 9. В окне Макет ы содержимого выбрать Пустой слайд . 10. Вставте в открывшийся слайд рисунок (карту, фотографию, таблицу, график и др..), который будет гиперссылкой. Для этого в ыполните следующий алгоритм: Вставка – Рисунок – Из файла и укажите адрес файла. 11. Вернитесь на основную карту, для чего кликните левой клавишей мыши в окне Структура на изображении первого слайда. 12. С помощью гиперссылки следует увязать выделенные объекты основной карты, с прикрепленными слайдами. Для этого поместите курсор мыши на одном из выделенных объектов и щелкните правой клавишей. В открывшемся окне выбираем Гиперссылка . 13. В появившемся окне Добавление гиперссылки (рис.4) выберете Связать с местом в документе . Выберите место в документе Слайд 2 (или другой связанный с данным объектом). Подобным образом создаются гиперссылки и с другими объектами. В прикрепленных слайдах можно также выделять объекты и выставлять гиперссылки на другие слайды и т.д.

Рис.4. Окно программы Добавление гиперссылки.

14. Для нормального функционирования интерактивной карты на прикрепленных слайдах следует разместить кнопки возврата, обеспечивающие переход на основную карту. Алгоритм следующий: в окне Структура кликните левой клавишей мыши на изображении второго слайда, а затем последовательно нажмите Показ слайдов – Управляющие кнопки- Управляющая кнопка: назад .Курсором выделите место на слайде для кнопки возврата. Появится окно Настройка действия (рис.5). Установите в окне По щелчку мыши следующие установки: Перейти по гиперссылке Первый слайд – ОК. 15. Для проверки функционирования интерактивной карты нажмите: Показ слайдов – Начать показ. Осуществляем проверку.

Рис. 5. Окно программы Настройка действия

Аствацатуров Г.О., г. Армавир Подготовка интерактивных карт сейчас очень популярна. Есть большие возможности воспользоваться готовыми интерактивными картами в он-лайне из Интернета, но на уроке нас может подвести скорость. Кроме того, мы можем подготовить свои интерактивные карты, исходя из тех учебных задач, которые мы ставим перед собой. Предлагаемая демо-версия карты легко может использоваться для интерактивной доски при должной настройке. Итак, начинаем создавать интерактивную карту. Шаг первый. Вставляем основную карту. В данном случае, карту России. далее Внимание! Для интерактивной карты целесообразнее настраивать не объект, а целый слайд. Шаг второй. В смене слайдов находим режим «прямоугольник наружу». С ним эффект смены карт наиболее рационален. В «смене слайдов» убираем также галочки с режимов «по щелчку» и «автоматически». Шаг третий. Теперь нам необходимо создать гиперссылки. Ими будут выделенные объекты – тот или иной регион, даже населённый пункт В нашем конкретном случае выделим Краснодарский край и Карелию. Выделяем их полилинией. Получаем объекты, которые в дальнейшем станут гиперссылками. Обратите внимание! Необходима сплошная заливка, чтобы гиперссылка появлялась не только по контуру, но и по всему объекту. Настраиваем формат полученного далее рисунка на 100%-ную прозрачность. Шаг четвёртый. На отдельных слайдах размещаем необходимые нам карты регионов. Напомню, что смена всех слайдов в режиме «прямоугольник наружу». Шаг пятый. Каждый из выделенных объектов делаем гиперссылками на соответствующие карты. Рекомендуемое действие гиперссылки «по наведению указателя мыши». В таком режиме наиболее эффективна работа интерактивной карты. При необходимости можем продолжить углубление содержания, то есть от карты региона перейти к карте города (населённого пункта). Отсюда – к отдельным объектам. Шаг шестой. Не забываем на всех картах разместить «кнопки возврата» и на главную карту, и на карту, далее например, региона. Итак, что получаем? Наводим на нужные объекты. В данном случае на Карелию или Краснодарский край. Не забывайте настроить режим стрелки «видимый» для того, чтобы переход на другие слайды, осуществлялся быстро. Гиперссылка на населенный пункт делается прозрачным Павловская прямоугольником. Фактически его не видно. В нашем случае это Краснодар. Наводим на название города… Карта РФ Гиперссылка на населенный пункт делается прозрачным прямоугольником. Фактически его не видно. В нашем случае это Петрозаводск. Наводим на название города… Карта РФ Итак, у нас две «кнопки возврата» разного уровня: одна – РФ, другая на регион Карта РФ Карта Карелии Вид Краснодара из космоса Итак, у нас две «кнопки возврата» разного уровня: одна – РФ, другая на регион Карта РФ Карта Краснодарского края В разработке использованы материалы следующих сайтов: http://www.south.ru/yug.htm http://vip.karelia.ru/viewtopic.php?t=37372&posto rder=asc&start=650& http://mapsshop.ru/product_117.html