Создание анимированных карт в приложении Power Point. Помощь в использовании интерактивной доски: Технология создания интерактивной карты в программе PowerPoint

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

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

В предыдущих уроках мы рассмотрели, как сделать управляющие кнопки на слайдах.

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

1. Щелкните ПКМ в любом месте слайда. Выберите в выпадающем меню Фон. (Или в верхнем меню выберите Формат – Фон.)

2. Появится диалоговое окно следующего вида. Цифрой 1 обозначено поле, показывающее текущую цветовую схему слайда. 2 – выбор фона. Щелкнув ЛКМ по треугольнику, можно задать цвет фона, структуру или рисунок из файла. Кнопка 3 позволяет применить настройку ко всем слайдам презентации. Кнопка 4 – к текущему слайду. Щелкните по треугольнику 3. Выберите в выпадающем меню Способы заливки .

4. В следующем окне перейдите на закладку Рисунок и щелкните ЛКМ по кнопке Рисунок . Найдите папку фоны для презентаций , находящуюся в папке Настройка действия и анимации . Выберите любой фон и нажмите Вставить .

5. Щелкните Ок, а в следующем окне кнопку Применить ко всем.

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

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

1. Щелкните ПКМ в любом месте слайда и выберите в выпадающем меню Смена слайдов . (Или в верхнем меню выберите Показ слайдов – Смена слайдов ).

2. В правой части экрана появится окно настройки смены слайдов.

Здесь можно настроить вид перехода (пункт Применить к выделенным слайдам ). Эти переходы подобны тем, которые используются при создании слайдшоу.

Пункт Изменить переход позволяет настроить скорость перехода и наложить звук на переход. Если в этом пункте в поле Звук выбрать какую-нибудь фонограмму, сохраненную в той же папке, что и файл презентации, а затем поставить флажок непрерывно , то вся презентация будет проходить на фоне выбранной фонограммы. Важно! При использовании фонограммы или других файлов аудио и видео, сохраняйте их на носителе вместе с файлом презентации. Желательно сразу размещать все в один каталог и переносить в том же каталоге.

Эти настройки для нашей презентации мы менять не будем.

3. Перейдем к пункту Смена слайда. Уберите галочку по щелчку . Теперь переходы между слайдами будут осуществляться только при использовании навигационных кнопок.

4. Обязательно щелкните по кнопке Применить ко всем слайдам .

Для просмотра можно воспользоваться кнопками Просмотр и Показ слайдов .

Проверка корректности работы навигационных кнопок

Запустите презентацию, в верхнем меню: Показ слайдов – Начать показ (или F5).
Проверьте, что по щелчку вне кнопок переход не осуществляется.
Выйдите из режима показа, нажав клавишу Esc, которая находится в левой верхней части клавиатуры компьютера.
Убедитесь, что кнопки назад и далее правильно осуществляют переходы. Линейка слайдов, участвующих в последовательных переходах следующая.

Оформление титульной страницы

Выберите слева слайд № 1. В верхнем меню выберите Вставка – Рисунок – Из файла . Найдите файл титул. png , который расположенный в папке Для теории . Нажмите кнопку Вставить .
Измените размер рисунка так, чтобы он полностью покрыл слайд.
Добавьте кнопку Поехали! на слайд: Автофигуры – Управляющие кнопки –Управляющая кнопка: настраиваемая . Установите Перейди по гиперссылке – Следующий слайд . Задайте подходящий звук. Напишите слово «Поехали!» Для этого выберите инструмент Надпись и щелкните ЛКМ по кнопке. Напишите текст. Для выделения текста встаньте на него курсором мыши, удерживая Shift выделяйте текст влево или вправо кнопками стрелок. Задайте размер шрифта и цвет (в верхнем меню Формат — Шрифт ).

Вот что, приблизительно должно у вас получиться.

4. Добавьте анимацию для кнопки Поехали! Щелкните по ней ПКМ и выберите в выпадающем меню Настройка анимации . В правом поле настройки анимации выберите Добавить эффект – Вход – Другие эффекты – Растворение . В настройках задайте Начало – с предыдущим , скорость – средне . Проверьте, что получилось, щелкнув Показ слайдов .

Оформление Меню

1. Выберите слайд №2. Задайте макет страницы: ПКМ в любом месте слайда, Разметка слайда (или Формат – Разметка слайда ). Выберите макет Заголовок и текст .
2. В поле Заголовок слайда введите слово Меню просто щелкнув ЛКМ по слову Заголовок.
3. В поле текст введите две строчки:

Как правильно переходить дорогу
Проверь, как ты знаешь правила дорожного движения

4. Выделите текст Как правильно переходить дорогу, Настройка действия . Задайте Переход по гиперссылке – Слайд… – Слайд 4
5. Выделите текст Проверь, как ты знаешь правила дорожного движения, щелкните по нему ПКМ и выберите Настройка действия . Задайте Переход по гиперссылке Слайд… – Слайд 7 . При желании настройте звук перехода.
6. Проверьте работу гиперссылок, запустив показ презентации.

Оформление Справки

1. Скопируйте со слайда № 2 навигационные кнопки.
2. Выберите слайд № 3 в левом окне. В верхнем меню выберите Правка – Вставить.
3. Переместите кнопки в левую часть слайда.
4. Размещайте текст с помощью инструмента Надпись (в нижней панели инструментов) около кнопок. Напишите пояснения по работе каждой из кнопок.
5. Измените настройку действия для каждой из кнопок так, чтобы они были неактивными (ПКМ – Настройка действия – Переход по гиперссылке – Нет ).
6. Добавьте кнопку Возврат на слайд Справки: Автофигуры – Управляющие кнопки – Управляющая кнопка Возврат . Щелкните ЛКМ в любом месте слайда. Задайте звук.

Вот что, примерно, должно получиться.

Оформление слайдов теории

1. Активируйте слайд № 4. Оформите его так, как показано на скриншоте. Используемое изображение подземный переход.jpg, находится в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории .

2. Активируйте слайд № 5. Оформите его по скриншоту. Добавьте все, что было не сделано в предыдущем уроке. Используются изображения пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ) и пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки ).

3. Активируйте слайд № 6. Оформите его в соответствии со скриншотом. Используется изображение переход на светофор.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

Оформление вопросов

1. Слайд № 7. Неверный ответ перенаправляет (настройка действия – переход по гиперссылке ) на слайд 9, верный – на слайд 8. Изображения знаков находятся в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки .

2. Слайд № 8. Кнопка Вперед! перенаправляет на слайд № 10. Изображение светофор.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

3. Слайд № 9. Кнопка Попробовать снова осуществляет переход на слайд № 7, кнопка Повторить теорию – на слайд № 4. Изображение светофор1.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

5. Слайды 11 и 12, 14 и 15 оформите подобным образом, не забывая перенастроить действие по нажатию на кнопки.

6. Слайд № 10.

7. Слайд № 13. Изображение переходить дорогу.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории). Для создания белого фона текста сделайте следующее. Выделите текст. Выберите в верхнем меню Формат – Надпись . Задайте цвет заливки в поле Заливка . Настройка действия осуществляется так же, как на слайде № 2 Меню.

Как сделать интерактивную презентацию полезной для дошкольников

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

Все уроки по созданию интерактивной презентации:

Скачать pdf файл с уроками можно

Сумму можно указать любую.

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

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

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

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

Итак, начинаем создавать интерактивную карту.

Шаг первый. Вставляем основную карту, например, карта России.

Внимание! Для интерактивной карты целесообразнее настраивать не объект, а целый слайд. Поэтому целесообразно выполнить следующий шаг по смене слайдов.

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

Шаг третий. Теперь нам необходимо создать гиперссылки. Ими будут выделенные объекты – тот или иной регион, даже населённый пункт, например, Краснодарский край и Карелия. Выделяем их замкнутой полилинией.

Алгоритм выполнения следующий: Вставка – Фигуры – Полилини я (можно и Рисованная кривая ).

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

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

Когда на экране у вас появится выделенная область, независимо от полученного цвета заливки настраиваем формат полученного рисунка на 100%-ную прозрачность. Таким образом, объект гиперссылки невидим, внешне наша карта ничем не отличается от обычной. Но между тем, все выделенные нами регионы являются гиперссылками.

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

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

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

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

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

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

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

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

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

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

Интерактивная игра «Найди 10 отличий» в программе PowerPoint своими руками

Мурзакаева Эльмира Рафаиловна, воспитатель МАОУ «Гимназия №1» Республика Башкортостан, город Стерлитамак
Описание: Представляю вам мастер класс по созданию интерактивной игры «Найди 10 отличий» в программе PowerPoint . Данный материал будет полезен учителям начальной школы, дошкольного образования, педагогам дополнительного образования, студентам педагогических учебных заведений. Задания подобного рода можно использовать для развития концентрации внимания, усидчивости, а интерактивный вариант сделает его для детей более интересным, необычным и увлекательным. Это задание можно выполнять как индивидуальное у компьютера, так и групповое у интерактивной доски.
Цель: создание интерактивной игры «Найди 10 отличий» в программе PowerPoint
Задача:
- ознакомиться с техникой создания интерактивной игры «Найди 10 отличий» в PowerPoint.

Ход работы:

1.Создаем новую презентацию. На первом слайде пишем название нашей игры «Найди 10 отличий». Для этого в разделе «Вставка» выбираем команду WordArt.

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

3.На первом слайде вставляем текст «НАЧАТЬ ИГРУ». При нажатии на текст появляется раздел «Формат», там мы выбираем понравившийся образец, такой чтобы это надпись стала похожа на кнопку. Выбираем дизайн.

4.Теперь нам нужно сделать так чтобы наша кнопка заработала, для этого нужно поставить на нее гиперссылку. Нажимаем правой кнопкой мыши на текст, в появившемся меню выбираем Гиперссылка».

5.Вылезает окно «Вставка гиперссылки», выбираем раздел «Место в документе» и делаем гиперссылку на 2 слайд, где будет располагаться наше задание. Теперь при просмотре презентации наша кнопочка будет переносить нас непосредственно к самому заданию.

6. Начинаем работать непосредственно над самим заданием. Вставляем любую автофигуру под нашими картинками, копируем ее 10 раз. Нумеруем наши фигуры, в моем случае звездочку, от 1 до 10, для этого используем функцию «Надпись» (раздел «Вставка»).

7. Теперь начинается самое сложное – нужно будет создавать отличия на картинках. В интернете ищем картинки которые подходят по сюжету, с прозрачным фоном или убираем фон в программе Photoshop. Сохраняем понравившиеся нам рисунки в папку.

8. Вставляем наш рисунок в презентацию. Уменьшаем размер и делаем объект более незаметным.

9. Теперь нам нужно сделать так, чтобы при нажатии на отличие оно выделялось. Для этого настраиваем анимацию. Нажимаем на объект (в данном случае птичку) добавляем анимацию ВЫДЕЛЕНИЕ – ИЗМЕНЕНИЕ РАЗМЕРА.

10. После того как мы поставили анимацию «Выделение» заходим в область анимации, там на нашем объекте правой кнопкой мыши вызываем меню – ВРЕМЯ – ПЕРЕКЛЮЧАТЕЛИ – НАЧАТЬ ВЫПОЛНЕНИЕ ЭФФЕКТА ПРИ ЩЕЛЧКЕ – И ТАМ ВЫБИРАЕМ ТОТ ЖЕ ОБЪЕКТ, НА КОТОРЫЙ МЫ СТАВИЛИ АНИМАЦИЮ (В НАШЕМ СЛУЧАЕ PICTURE 10).

11. Далее чтобы мы не запутались, сколько же нашлось отличий, нужно сделать так, чтобы после каждого нажатия на отличия выходили звездочки. Для этого нам нужно поставить анимацию. Выделяем объект (в нашем случае звёздочку) и добавляем анимацию входа (любую понравившуюся).

12. В области анимации для нашей звездочки выбираем в настройках – ЗАПУСКАТЬ ПОСЛЕ ПРЕДЫДУЩЕГО. Меняем ПОРЯДОК анимации, звездочку ставим после рисунка, для этого нужно выделить анимацию звезды и перетащить ее ВНИЗ с помощью СТРЕЛОК внизу области анимации.

13. Вместо картинок можно вставлять текст или фигуры. К примеру, сделаем обезьянке браслет. Для этого вставляем фигуру ДУГА. В разделе формат подбираем толщину и цвет. Анимацию настраиваем, как описано выше.

14. После того как все 10 отличий сделано, создаем новый слайд. На нем мы можете сделать уже другое задание, а можно просто написать «МОЛОДЦЫ». Вставим кнопку на втором слайде такую же как и на первом, только напишем «ЗАВЕРШИТЬ ИГРУ». Гиперссылку выводим в документе на 3 слайд.

Все наша игра готова! Конечно работа кропотливая, но я уверена, что дети скажут вам за это СПАСИБО!

Презентация на тему: Найди 10 отличий