Из истории анимации

Растровая и векторная
анимация
Сафонова Любовь Федоровна
учитель информатики и ИКТ
Гимназия №184
Повторение
1. Чем различаются результаты операции
выделения в растровом и векторном
графическом редакторах?
2. Чем различаются результаты операций
копирования, перемещения и удаления в
растровом и векторном графическом
редакторе?
3. Геометрические преобразования областей
изображений и объектов в рисунках.
Основные понятия
Анимация – это имитация движения или
изменения формы статических объектов.
Кадры
–
это
нарисованные
или
сфотографированные
изображения
последовательных фаз движения объектов
или их частей.
Основные понятия
Компьютерная
анимация
использует
быструю смену кадров,
которую глаз
человека воспринимает как непрерывное
движение; чем большее количество кадров
меняется за одну секунду, тем более полная
иллюзия движения возникает у человека
 Чем больше кадров меняется за секунду, тем более
полная иллюзия движения возникает у человека.
 В кино в секунду сменяется 24 кадра
Из истории анимации
Принцип анимации был найден в начале XIX века
бельгийским физиком Жозефом Плато: для
воспроизведения
движущихся
изображений
использовался вращающийся диск или лента с
рисунками, система зеркал и источник света.
Из истории анимации
Первые рисованные мультфильмы были
сняты американцем Джеймсом Блэктоном в
1900 – 1907 гг.
Компьютерная анимация:
типы кадров
Виды компьютерной анимации
Создание компьютерной анимации
В основе любой анимации лежит фиксация фаз
движения объектов – определение в каждый момент
времени их положения, формы, размеров и других
свойств. Эта операция называется фазовкой или
таймингом.
Gif-анимация
Gif-анимация - последовательность растровых
графических изображений (кадров ), которые
хранятся в одном растровом графическом
файле в формате GIF:
1. создать последовательность растровых
изображений;
2. в GIF-аниматоре собрать из этих изображений
анимацию.
Кадр 1
Кадр 2
Кадр 3
Технология создания
компьютерной анимации в Gimp
1) Наложить изображения
2) Файл – Сохранить как – Сохранить как анимацию
3) Параметры gif – бесконечный цикл, задержка
Практическая работа
Анимация в растровом редакторе
Gimp
Задание 1. Вращение земли
Векторная анимация
Flash–анимация
Flash–анимация
базируется
на
использовании
векторной
графики
и
представляет
собой
последовательность векторных рисунков (кадров).
Кадр строится с использованием набора векторных
графических объектов (прямых и произвольных
линий, окружностей и прямоугольников), для каждого
из которых можно задать размер, цвет линий и
заливки и другие параметры.
1. в ключевых кадрах нарисовать нужные объекты;
2. задать тип анимационного перехода между ними
Достоинством Flash-анимации
Достоинством Flash-анимации является то, что нет
необходимости прорисовывать каждый кадр.
Достаточно нарисовать ключевые кадры и задать
тип перехода между ними (свободная
трансформация, трансформация с вращением,
трансформация с отражением и т. д.). Редактор
Flash-анимации автоматически построит
промежуточные кадры. Если промежуточных
кадров много, то анимация получается плавной, а
если мало, то быстрой.
Анимация в презентации
Анимация в Power Point
1. Анимационные эффекты в процессе смены
слайдов
–
Наплыв
влево,
Выцветание,
Растворение и др. ;
2. Анимационные эффекты при размещении
объектов на слайдах – Вход, Вылет, Жалюзи и
др.).
Задание 2. Вращение земли
(векторный редактор в PowerPoint)
Домашнее задание
Учебник:
Параграф 1.4, вопросы
У
Творческая работа: Звездная фантазия
Источники
1. Угринович Н.Д. Информатика и информационные технологии.
Учебник для 9 класса. – М.: БИНОМ, 2009;
2. Угринович Н.Д. и др. Практикум по информатике и информационным
технологиям. Учебное пособие. – М.: БИНОМ, 2009;
3. Угринович Н.Д. Преподавание курса «Информатика и ИКТ».
Методическое пособие для учителей
4. Семакин И.Г., Вараксин Г.С. «Информатика: Структурированный
конспект базового курса” – М.: Издательство Бином Лаборатория
знаний, 2001.
5. Гордеева Т.В, гимназия №3 Разработка урока «Векторная анимация»
6. Единая коллекция цифровых образовательных ресурсов http://school-collection.edu.ru/
7. Коллекция картинок Яндекс – http://yandex.ru/images/search?source
21