Понятие анимацииАнимация (от фр. animation — оживление, одушевление).
Под термином анимация понимается последовательность сменяющихся изображений (кадров), в результате просмотра которой возникает иллюзия движения (плавного изменения формы и/или положения изображения).
Компьютерная анимация — последовательный показ (слайд-шоу) заранее подготовленных графических файлов, а также компьютерная имитация движения с помощью изменения (и перерисовки) формы объектов или показа последовательных изображений с фазами движения.
Анимационные изображения сохраняются в формате gif и встречаются повсеместно в Internet. Банеры, кнопки, логотипы, все они, используя даже небольшую анимацию, вносят в содержание страницы некую динамику.
Формат gif позволяет хранить изображение в виде нескольких слоев, каждый из которых может представлять собой отдельное изображение. Каждому слою в gif-изображении, можно задать время, в течении которого он будет отображаться. Таким образом, чередуя слои можно получить анимацию.
Рис 1. "Примеры gif изображений"
Сохранение анимации в формате gifРассмотрим принцип сохранения на простейшем примере. Предположим, что у нас готово многослойное изображение осталась его только сохранить.
Выберем меню File(Файл) > Export (Экспортировать). После этого GIMP предложит нам выбрать формат файла, то есть в нашем случае gif.
Рис 2. "Окно для сохрания изображения в формате Gif"
Выберем тип файла gif и нажмем на кнопку Export(Экспорт).
В открывшемся окне есть возможность выбрать, объединять ли слои в одно изображение (Interlace) или сохранить их как анимацию (As animation). Т.к. нас интересует именно анимация, выберем второе.
Рис 3. "Сохрание изображения как анимации"
При желании можно добавить комментарий (GIF comment).Больший интерес представляют параметры анимации (Animated GIF Options):
- Loop forever(Бесконечный цикл). При включении этого параметра, чередование слоев будет выполняться бесконечно, т.е. после отображения последнего слоя будет отображен первый. Если этот параметр будет отключен, то анимация будет проиграна один раз и остановится на изображении последнего слоя.
- Delay between frames where unspecified(Задержка между кадрами) - время в микросекундах, которое по умолчанию будет отображаться каждый слой.Use delay entered above for all frames
- Расположение кадра - имеет три режима.
Первый (по умолчанию) - I Don`t Care (неважно), говорит GIMP распорядиться самостоятельно.
Второй - Combine (наложение слоев), накладвает один слой на другой не убирая предыдущие, т.е. объединяет их. Таким образом, если у вас есть прозрачные места в слоях, предыдущие слои будут сквозь них проглядывать. По умолчанию GIMP обычно использует именно этот режим как наиболее гибкий.
Третий режим - Replace (один кадр на слой), замещает предыдущий слой на новый.
Настало время обратиться к специальному пункту меню Фильтры - Анимация. Оно содержит три пункта - Воспроизведение, Оптимизация иРазоптимизация. Разберемся что к чему:
Воспроизведение.
Этот фильтр позволяет нам воспроизводить свежеполученное анимационное изображение для тестирования.
Этот фильтр находится в меню → →
Play/Stop(Пуск/Стоп) - Эта кнопка запускает проигрывание изображения и она же его останавливает.
Rewind(Перемотка) возвращает нас на первый кадр изображения.
Step(Шаг) позволяет менять кадры вручную.
Если щелкнуть мышкой на проигрываемое изображение, то Вы увидите как курсор измениться на вертикальную стрелочку. Теперь вы можете перетащить анимашку в любое(!) место экрана, например в окно браузера, чтобы посмотреть как будет выгляжеть этот анимационный рисунок на Вашей страничке. Кстати, этой возможностью можно пользоваться и для неанимационных изображений.
Дело в том, что каждый слой в анимационном gif-е представляет собой, по сути, отдельное изображение и сохраняя gif как анимацию, мы сохраняем сразу несколько изображений. Таким образом, при большом количестве слоев размер нашего анимационного gif будет расти прямо на глазах, что не хорошо, учитывая стремление минимизировать размер изображений для web. Одним из выходов из положения, может быть уменьшение в ручную размеров каждого слоя и уничтожение лишних кусков. Фильтр Оптимизация в два счета сделает все за Вас!!!. Фильтр делает приблизительно следующее: он просчитывает каждый слой и находит изменившиеся точки, относительно предыдущего и оставляет только их, изменяя размер слоя на минимально возможный (т.е. обрезая по крайним изменившимся точкам). При этом все неизменившиеся точки внутри этого слоя будут заменены на прозрачные.
Оптимизация.
После применения фильтра Оптимизация этот режим всегда будет иметь значение combine, т.е. новый кадр будет прибавляться к предыдущим.
Кроме всего прочего, Оптимизация дает неоценимую помощь при работе со слоями в которой присутствуют размытые изображения. Т.к. gif содержит в себе максимум 256 цветов, то размытость объекта на прозрачном фоне отобразить очень сложно и часто она просто-напросто пропадает.
Разоптимизация.Фильтр обратный оптимизации. Фильтр «Разоптимизировать» удаляет все оптимизации по-слойной анимации. Эта команда полезна, когда надо редактировать анимацию, но по тем или иным причинам не хочется отменять сделанные изменения и начать с исходного изображения.
Итак, мы разобрались с основными принципами создания анимационных gif с помощью GIMP. Вкратце подводя итоги, можно сделать следующие выводы:
1. Каждый кадр анимации представляет собой отдельный слой изображения.
2. Каждому кадру можно указать два параметра: время показа в микросекундах и его тип, combine (объединение) или replace (замещение). Параметры задаются в имени слоя и заключаются в скобки, например: Слой1 (1000ms)(combine).
3. Оптимизация слоев позволяет заметно уменьшить размеры анимационного изображения.
