Татьяна Шамарина, 25.09.2016 10

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


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


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

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

Этап 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"

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

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

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

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

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



Комментировать Поделиться Разместить на своем сайте
Ошибка в тексте?

Комментарии:
avatar
9 Грачиха • 18:00, 24.07.2023
Добрый день! У меня возникла такая проблема при создании раскраски: на этапе гиперссылки на верный ответ, он автоматически изменяет цвет и подчёркивается. Как быть в сложившейся ситуации?
[Материал]
avatar
Поддерживаю комментарйи0Не согласен с высказыванием
10 НАТАЛЛ • 09:46, 28.07.2023
Попрообуйте гиперссылку ставить не на текст, а на всю фигуру с верным ответом.
[Материал]
avatar
6 msl5583 • 11:51, 26.10.2017
Спасибо за урок, Татьяна Николаевна! У нас возникла маленькая проблема: при нажатии на свободный участок слайда происходит переключение на следующий слайд. Как этого избежать? (или как сделать цикл возврата на этот же слайд при нажатии на свободный участок слайда).
[Материал]
avatar
8 msl5583 • 12:06, 26.10.2017
Огромное спасибо! Всё получилось!!!
[Материал]
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
Екатерина, спасибо. Надеюсь, что смогла передать идею данного приёма.
[Материал]