Растровая и векторная анимация

Урок на тему:
«Растровая и векторная анимация»
Цель: научить создавать GIF-анимацию.
Требования к знаниям и умениям (задачи)
Учащиеся должны знать:
- термин «анимация»;
- технологию создания компьютерной анимации;
- типы анимации в компьютерной презентации;
- технологию создания GIF-анимации;
- технологию создания векторной анимации.
Учащиеся должны уметь:
- создавать GIF и Flash-анимацию из нескольких растровых изображений.
Программно-дидактическое оснащение: учебник «Информатика и ИКТ»
Угриновича Н.Д., § 1.4, с. 37, демонстрация «Анимация»; проектор; редактор
растровой графики GIMP.
План урока:
1. Организационный момент.
2. Актуализация знаний.
3. Постановка целей урока.
4. Работа по теме урока.
5. Практическая работа «Эффектное появление фотографии».
6. Викторина «Ответь на вопрос».
7. Подведение итогов урока.
8. Домашнее задание.
Ход урока:
1. Организационный момент.
- Краткий рассказ о том, что будет изучено на уроке.
- Проверка домашнего задания – таблица «Сравнительная характеристика
растровых и векторных графических изображений».
2. Актуализация знаний.
- Какие типы графики существуют? (растровая, векторная, фрактальная,
анимация, 3D).
- На чем базируется построение растровых и векторных графических
изображений? (на пикселях – строках и столбцах; на кривых и линиях).
3. Постановка целей урока.
- Что такое анимация?
- В каких программах она создается?
Сегодня на уроке мы рассмотрим создание анимации в растровом
графическом редакторе.
4. Работа по теме урока.
С помощью демонстрации «Анимация» показать различные примеры
анимации и их создание.
Анимация – это создание иллюзии движения объектов на экране монитора.
Компьютерная анимация использует быструю смену кадров на экране
монитора. Чем больше кадров меняется за одну секунду, тем более плавно
движется объект.
- В каких компьютерных программах вы сталкивались с анимационными
эффектами? (в компьютерных презентациях).
- Какие типы анимации вы использовали? (смену слайдов, размещение
объектов на слайдах, анимационные эффекты при появлении текста).
Сегодня вы научитесь создавать анимированные изображения в растровом
графическом редакторе GIMP.
GIF-анимация – это последовательность растровых графических
изображений, хранящихся в одном файле в формате .gif. При создании GIFанимации можно задать величину задержки каждого кадра; чем она меньше,
тем лучше качество анимации. Можно установить количество повторов
последовательности кадров. Большое количество кадров ведет к улучшению
качества анимации, но при этом увеличивается размер GIF-файла.
Flash-анимация – это последовательность векторных рисунков. Ее
огромный плюс в том, что не нужно прорисовывать каждый кадр. Достаточно
нарисовать ключевые кадры и задать тип перехода между ними и редактор
автоматически построит промежуточные кадры. Если кадров много, то
анимация получается плавной, если мало, то быстрой. Поэтому можно задать
количество кадров, появляющихся в секунду. Чем их больше, тем качество
анимации лучше. Еще один положительный момент в том, что файлы с Flashанимацией занимают немного места, поэтому широко используются на Webсайтах в Интернете.
5. Практическая работа «Эффектное появление фотографии»
(прилагается ниже). Предусмотрено разбиение учеников на команды.
6. Викторина «Ответь на вопрос» (прилагается ниже).
7. Подведение итогов урока.
- В каких целях можно использовать редактор GIMP? (При создании
изображений, GIF-анимации, редактировании изображений).
- Назовите достоинства GIF-анимации? (достаточно простой способ
создания).
- Назовите достоинства Flash-анимации (небольшой размер и удобное
размещение в Интернете).
8. Домашнее задание.
Читать § 1.4 («Растровая и векторная анимация»), с. 37.
Викторина «Ответь на вопрос»
1. Что такое пиксель?
Пиксель – минимальный участок изображения, для которого независимым
образом задается цвет.
2. Что такое разрешающая способность растрового изображения?
Разрешающая
способность
растрового
изображения
определяется
количеством точек по горизонтали и вертикали на единицу длины изображения.
3. Что такое глубина цвета?
Количество информации, которое используется для кодирования изображения,
называется глубиной цвета.
4. Максимальная часто применяемая глубина цвета? (24, это 16 777 216
цветов)
5. Назовите 3 палитры цветов в системах цветопередачи? (RGB, CMYK,
HSB). Какая цветопередача применяется чаще и где? (RGB – для
отображения на мониторе)
6. Что такое растровое изображение?
Растровые изображения формируются из точек различного цвета, которые
образуют строки и столбцы.
7. Что такое векторная графика?
Векторные рисунки формируются из базовых графических объектов, для
каждого из которых задаются координаты опорных точек, формулы рисования
объекта, а также цвет, толщина и стиль линии его контура.
8. Назовите форматы векторных и растровых изображений и назовите
самый оптимальный формат для размещения в интернете? (Jpeg)
9. Приведите примеры растровых и векторных графических редакторов
(GIMP, Photoshop, Компас 3D и др.).
10. Назовите три базовых цвета, с помощью которых формируется
изображение? (красный, зеленый, синий)