Предмет: информатика и ИКТ

В разработке предлагается на рассмотрение урок по разделу «Кодирование и обработка

графической и мультимедийной информации», 9 класс.
Образовательная программа, используемая для преподавания данного предмета
Информатика и ИКТ. Базовый курс: Учебник для 9 класса /Угринович Н. Д. – 4-е изд. –
М.: БИНОМ. Лаборатория знаний, 2006. – 320 с.: ил.

Конспект урока

Тема урока: Растровая и векторная анимация.

Цель урока:
• Обучающая
проконтролировать знания учащихся по теме «Кодирование графической информации»;
получить представление о возможных способах анимации растровых и векторных
графических изображений;
научить создавать GIF – анимацию с помощью растрового графического редактора Adobe
Photoshop.
• Развивающая
развитие речи, обогащение ее словарного состава,
• Воспитывающая
формирование внимания, дисциплинированности на уроке.

Методы: объяснительно-иллюстративный
Тип урока: Комбинированный урок.
Способ обучения: практическая работа
Средства обучения: компьютер; мультимедийный проектор; Презентация - тест в
формате PowerPoint (ppt) по теме «Кодирование графической информации» с
использованием VBA, Презентация «Растровая и векторная анимация», Презентация
«Движение Земли вокруг Солнца», Информатика: Учебник для 9 класса / Н.Д. Угринович.
– 4-е изд., – М.: БИНОМ. Лаборатория знаний, 2006. – 320 с.

План урока

1. Организационный момент (1 мин).

2. Контроль знаний (20 мин).
3. Актуализация знаний (3 мин).
4. Изучение нового материала (5 мин).
5. Практическая работа (15 мин).
6. Домашнее задание (1 мин).

Ход урока

1. Организационный момент.
Приветствие учащихся. Проверка наличия отсутствующих в классе.
2. Контроль знаний
Для контроля знаний учащихся используется тест «Кодирование графической
информации». Для работы теста, после открытия файла необходимо включить активное
содержимое.
Если вы работаете с Office 2003, то после открытия файла появится окно и вам
 Рис. 1
необходимо нажать кнопку Не отключать макросы.

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

Рис. 2
Критерии оценивания:
За каждый правильный ответ с одним верным ответом – 1 балл.
За каждый правильный ответ с несколькими верными ответами – 2 балла (если выбраны
все правильные ответы, 1 балл (если выбран только один из двух правильных ответов), 0
баллов (если в ответе есть неверные варианты).
За каждый правильный ответ с кратким ответом – 3 балла.
Максимальный балл за тест – 22.
Оценка Набранный балл
«2» <11
«3» от 11 до 14
«4» от 15 до 18
«5» >=19
Учащиеся запускают тест, в котором три вида вопросов: с одним верным ответом (11
вопросов), с несколькими верными ответами (1 вопрос), с кратким ответом (3 вопроса).
Ученики вводят свою фамилию и имя и нажимают кнопку Начать тест.
В данном тесте предусмотрена возможность изменения варианта ответа, т.е. возврат к
предыдущим заданиям. Ответив на все вопросы, учащиеся нажимают кнопку Ваш
результат и получают количество набранных баллов, оценку за тест и комментарии по
поводу результата теста. Ученик сообщает оценку учителю.
3. Актуализация знаний.
Учитель: Растровые и векторные графические изображения бывают статическими, т.е.
неподвижными и динамическими, т.е. анимированными. Существуют разные способы
создания анимированных изображений. Мы с вами уже создавали анимированные
изображения с использованием презентации. Кто напомнит – каким образом?
Ученики: Мы создали несколько слайдов презентации, на каждом из которых изменили
положение объекта, задали смену слайдов Автоматически после указанного времени. В
режиме Показ слайдов происходила смена слайдов, которая создавала иллюзию движения.
4. Изучение нового материала.
Учитель: Так как изображения: растровые и векторные, то и анимация бывает растровая и
векторная. Учитель запускает презентацию «Растровая и векторная анимация» и
сообщает: Тема нашего занятия «Растровая и векторная анимация» (слайд 1).
Анимация – создание иллюзии движения на экране монитора. Компьютерная анимация
использует быструю смену кадров, которую глаз человека воспринимает как непрерывное
движение. Чем больше кадров меняется за одну секунду, тем более полная иллюзия
движения возникает у человека (слайд 2).
Анимацию в презентации можно выполнить с помощью эффектов, реализованных в
процессе перехода слайдов (слайд 3). Для создания компьютерной анимации,
показывающей движение Земли вокруг Солнца, необходимо создать последовательность
кадров, на которых нарисованы разные положения Земли на орбите. Для создания
иллюзии движения требуется осуществить их быстрый последовательный вывод на экран
монитора (учитель активизирует гиперссылку и демонстрирует анимацию в презентациях,
реализованную с помощью смены слайдов – презентация «Движение Земли вокруг
Солнца»).
Учитель: Почему мы видим перемещение Земли (скачки)? И что надо сделать, чтобы
создавалась полная иллюзия движения на экране монитора?
Ученики: Для того чтобы мы не видели скачков, нужно сделать больше слайдов.
Количество кадров с секунду должно быть не менее 24.
Учитель: Анимацию в презентациях можно создать с помощью анимационных эффектов
для каждого объекта на слайде.
Другой способ анимации – это gif-анимация – последовательность растровых графических
изображений (кадров), которые хранятся в одном растровом графическом файле в
формате gif. Для создания последовательности растровых изображений можно
использовать обычный растровый редактор, а для их превращения в gif-анимацию –
специальный редактор. Учитель демонстрирует изображения с gif-анимацией (слайд 4).
Следующий способ создания анимации – это flash-анимация, которая базируется на
использовании векторной графики и представляет собой последовательность векторных
рисунков (кадров). Кадр строится с использованием набора векторных графических
объектов, для каждого из которых можно задать размер, цвет линий и заливки и другие
параметры. Достоинством flash-анимации является то, что нет необходимости
прорисовывать каждый кадр. Достаточно нарисовать ключевые кадры и задать тип
перехода между ними (слайд 5). Редактор flash-анимации автоматически построит
промежуточные кадры. Если промежуточных кадров много, то анимация получается
плавной, а если мало, то быстрой. Учитель демонстрирует преобразование синего
квадрата сначала в зеленый треугольник, а затем в красный круг (гиперссылка Просмотр).
Для просмотра flash-анимации на компьютере должен быть установлен Flash Player.
5. Практическая работа
Создание GIF-анимации с помощью растрового графического редактора PhotoShop
Цель работы: научиться создавать gif-анимацию.
1) Запустить редактор PhotoShop командой Пуск – Программы – Adobe Production
Premium CS3 – Adobe Photoshop CS3
2) Открыть меню Файл – Новый и задать параметры файла 300*300, содержимое фона –
прозрачный.
3) Установить цвет изображения синий, выбрать инструмент прямоугольник и нарисовать
в центре области синий квадрат;
Создать второй слой и с помощью инструмента многоугольник нарисовать зеленый
треугольник;
Создать третий слой и с помощью инструмента овал нарисовать красный круг.
 Рис. 3 Рис. 4 Рис. 5

4) Открыть Меню Окно – Анимация и сделать три копии, нажав кнопку Дублирует
выделенные кадры

Рис. 6

5) Установить на первом кадре видимым слой с синим квадратом, на втором кадре – с

зеленым треугольником, на третьем – с красным кругом, используя панель Слои (рис. 7,
рис. 8, рис. 9)

Рис. 7 Рис. 8 Рис. 9

6) Выделить первый кадр (синий квадрат) и сделать 10 промежуточных кадров, нажав

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

Рис. 10
7) Задать время повторения анимации (один раз, всегда или другое).
8) Просмотреть полученную анимацию, нажав кнопку Запуск воспроизведения анимации.

9) Сохранить созданный файл в формате gif.

6. Домашнее задание:
1.4 стр. 38-41
Подготовка Интерактивной презентации на тему «Переворот в естествознании»
(«Гелиоцентрическая система мира»).
Критерии оценивания:
1. Логичность изложения материала.
2. Грамотное расположение объектов на слайде.
3. Качество представленных графических материалов.
4. Вставка анимированного изображения, подготовленного в растровом редакторе
PhotoShop (Движение Земли вокруг Солнца).
5. Навигация в презентации (наличие гипертекстовых ссылок).