Создание анимированных карт в приложении 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">Псковская область Алексеева Юрия Николаевича

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

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

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

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

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. Все используемые в примерах данные и статистика – вымышлены, а любые совпадения – случайны 😉

Цель работы: Научиться создавать многоуровневую интерактивную карту с помощью программы 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%-ную прозрачность. Таким образом, объект гиперссылки невидим, внешне наша карта ничем не отличается от обычной. Но между тем, все выделенные нами регионы являются гиперссылками.

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

Шаг пятый. Каждый из выделенных объектов делаем гиперссылками на соответствующие карты. Рекомендуемое действие гиперссылки «по наведению указателя мыши ». В таком режиме наиболее эффективна работа интерактивной карты.

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

При необходимости можем продолжить углубление содержания, то есть от карты региона перейти к карте города (населённого пункта). Отсюда – к отдельным объектам. Например, показать вид школы из космоса. Или перейти по гиперссылке к фото отдельных объектов.

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

Итак, наша карта готова. Хотелось бы подчеркнуть, что для всех других слайдов необходимо также выбирать качественные карты или изображения. То есть вряд ли будет уместно, например, из большой карты России вырезать отдельный регион, увеличить его и разместить на отдельном слайде. Как правило, мы получим мало узнаваемый, размытый объект.

Мы должны постараться найти отдельные карты, схемы, качественные фотографии. Только тогда этот прием будет эффективен. И еще одно.

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

Интерактивные карты могут быть использованы и в дидактических играх-путешествиях по виртуальным, вымышленным странам. В таком случае необходимо красочно прорисовать необходимые зоны, объекты. Однако здесь могут быть другие проблемы с гиперссылками.

Если на такой карте вы рисовали какие-то символы, делали надписи и т.п., то группировка их в один объект (область какой-то страны например) не поможет вам сделать его гиперссылкой. Вряд ли уместно давать гиперссылку на отдельные элементы. Тут вновь может помочь гиперссылка на основе невидимой автофигуры.