Технологический прием "Интерактивная раскраска" в презентациях PowerPoint. Подробная инструкция. Вариант 1: контурная раскраска


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


Обсудить статью (уже 5 коммент.)
Опубликовать свой материал

Примеры презентаций с приемом «Интерактивная раскраска»:

Этап 1. Подготовка изображений для интерактивной раскраски

В Интернете находим изображение раскраски или рисуем контурную раскраску самостоятельно и сохраняем его на компьютере. Лучше всего заранее создать папку, в которую будем сохранять все изображения для раскраски. При сохранении файла задаем ему имя 01 (расширение файла может быть .jpg или .png, разницу выясним чуть позже).

Для заливки частей раскраски и сохранения изображений с заливкой понадобится графический редактор. Можно использовать программу Paint.net, которую можно скачать с официального сайта paintnet.ru.

Запускаем программу Paint.net, выбираем ФайлОткрыть, указываем путь к изображению раскраски, которое мы сохранили.

Для заливки частей изображения используем инструмент Заливка, цвет заливки выбираем на панели Палитра.

Если в палитре нет нужного цвета, но нажимаем кнопку Больше и выбираем цвет.

После выбора инструмента Заливка заливаем часть раскраски нужным цветом. Выбираем ФайлСохранить как…

В диалоговом окне Сохранить как вводим имя файла 02.jpg и нажимаем Сохранить.

Заливаем следующий элемент раскраски и выбираем ФайлСохранить как03.jpg.

Продолжаем последовательно заливать элементы раскраски и сохранять изображения с именами 04, 05, 06 и т.д. Мы получим следующие изображения (в нашем примере их 11):

Этап 2. Подготовительный этап создания презентации

Запустим программу PowerPoint. Создадим слайд, выберем ВставкаРисунок. Откроем папку, в которой расположены файлы раскраски, и выберем изображение 01.jpg.

Разместим изображение, задание и ответы на слайде.

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

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

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

В диалоговом окне Вставка рисунка выберем следующее изображение 02.jpg.

На остальных слайдах аналогично меняем изображения. Должны получиться следующие слайды:

Этап 3. Добавление анимации к объектам

Шаг 1. Добавление анимации для неверных ответов

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

Для изменения параметров анимации на вкладке Анимация выберем Область анимации. Справа от слайда появится область анимации; в ней рядом с эффектом анимации, который был установлен для первого ответа, щелкнем по чёрному треугольнику, выберем Параметры эффектов.

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

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

Для следующего неправильного ответа аналогично настраиваем анимацию выхода (выделения).

Шаг 2. Настройка правильного ответа

Для правильного ответа создадим гиперссылку. Выделим верный ответ, на вкладке Вставка выберем Гиперссылка. В диалоговом окне Вставка гиперссылки выберем Место в документеСледующий слайдОК.

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

Далее нужно настроить остальные слайды презентации: изменить задания, ответы, анимацию, гиперссылки.

Примечание

Если нужно удалить фон раскраски, то в программе Paint.net выберем инструмент Волшебная палочка, щелкнем по фону изображения и нажмем на клавиатуре клавишу Delete.

Получим следующее изображение (фон рисунка будет в виде шахматного поля).

Чтобы сохранить прозрачность фона, нужно сохранить изображение в формате png: 01.png.

Если вставить такое изображение на слайд, то фон виден не будет.

Пояснение

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

Также есть и другие способы, как сделать презентацию-раскраску, например, раскраску не из контурного рисунка, а из произвольного рисунка, который становится цветным. Читайте инструкцию на сайте Pedsovet.su.

Видеоурок "Интерактивная раскраска в PowerPoint"

Кратко об авторе инструкции:

Шамарина Татьяна НиколаевнаШамарина Татьяна Николаевна — учитель физики, информатики и ИКТ, МКОУ "СОШ", с. Саволенка Юхновского района Калужской области. Автор и преподаватель дистанционных курсов по основам компьютерной грамотности, офисным программам. Автор статей, видеоуроков и разработок.

Создаете интерактивные презентации?

  • Опубликуйте на нашем сайте интерактивную презентацию и получите бесплатное электронное свидетельство о публикации на страницах СМИ образовательного характера. Количество материалов от одного автора не ограничено. Читайте инструкции по публикации>>>


Комментировать Поделиться Разместить на своем сайте
Вы можете разместить на своём сайте анонс статьи со ссылкой на её полный текст
Ошибка в тексте?
Нашли ошибку в тексте? Выделите её и нажмите Ctrl + Enter

Есть мнение? Оставьте свой комментарий:
avatar

Комментарии:
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
5 Kyz • 06:43, 28.09.2016
Татьяна Николаевна, большое спасибо за интересную информацию!!!!
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
2 ElenG • 17:41, 25.09.2016
Татьяна Николаевна, спасибо за очередной урок по созданию интерактивных презентаций! Всё очень доступно и понятно.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
3 Татьяна83 • 20:18, 27.09.2016
Елена Алексеевна, спасибо, для меня важно Ваше мнение!
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
1 Екатерина_Пашкова • 17:24, 25.09.2016
Спасибо, Татьяна, простой способ сделать презентацию-раскраску. А такие презентации дети очень любят.
avatar
Поддерживаю комментарйи1Не согласен с высказыванием
4 Татьяна83 • 20:28, 27.09.2016
Екатерина, спасибо. Надеюсь, что смогла передать идею данного приёма.