Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, полный углублённый курс, по 4 часа в неделю)



Урок 113
GIF-анимация
(§64. Анимация)






Содержание урока

Анимация

Вопросы и задания


Анимация


Анимация (англ. animation — одушевление) — это «оживление» изображения. При анимации несколько рисунков (кадров) сменяют друг друга через заданные промежутки времени.

Для создания анимации в графических редакторах обычно используются многослойные изображения, каждый слой соответствует одному кадру. В простейшем случае слои просто меняют друг друга: сначала виден только первый слой, через заданное время он скрывается и показывается второй слой и т. д. Такой метод называется заменой (англ. replace) — рис. 8.27.

Рис. 8.27

Рис. 8.27

Можно использовать и другой подход: новый слой «накладывается» на существующее изображение — это метод объединения (англ. combine). Для того же набора слоёв, что и в предыдущем примере, анимация такого типа показана на рис. 8.28.

Рис. 8.28

Рис. 8.28

Тип анимации для каждого слоя устанавливается отдельно, поэтому в одной анимации можно совмещать оба метода.

Анимация строится за два шага:

1) готовятся изображения для всех слоёв;
2) устанавливается время задержки и вид анимации (для каждого слоя отдельно).

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

В редакторе GIMP при сохранении файла с несколькими слоями в формате GIF появляется диалоговое окно, в котором нужно выбрать вариант Сохранить как анимацию и нажать кнопку Экспорт (рис. 8.29).

Рис. 8.29

Рис. 8.29

После этого в следующем окне нужно настроить параметры сохранения анимации (рис. 8.30).

Рис. 8.30

Рис. 8.30

Если установлен флажок Бесконечный цикл, то анимация будет повторяться бесконечно, иначе она выполнится только один раз. Здесь же выбирается задержка между кадрами и вид анимации (список Расположение кадра).

Если теперь открыть сохранённый таким образом GIF-файл с анимацией, в названиях слоёв-кадров мы увидим в скобках время задержки (например, 100ms обозначает 100 миллисекунд) и метод анимации (combine или replace — рис. 8.31). Изменив названия слоёв, можно задать задержку и метод анимации для каждого слоя отдельно. Чтобы просмотреть анимацию, не выходя из редактора GIMP, нужно выбрать фильтр Анимация - Воспроизвести в меню Фильтры.

Рис. 8.31

Рис. 8.31

В группе Анимация есть фильтр Оптимизация, с помощью которого можно существенно уменьшить объём GIF-файла с анимацией. Это особенно важно, если анимация размещается на веб-странице. Оптимизация основана на том, что многие пиксели разных кадров совпадают, поэтому можно удалить все повторяющиеся части и хранить их только один раз.

Следующая страница Вопросы и задания



Cкачать материалы урока






Наверх