Гіпермаркет Знань>>Інформатика >>Інформатика 9 клас>> Інформатика: Робота в середовищі редактора растрової графіки.

Презентація до предмету Інформатика 9 клас.

Тема «GIMP. Анимация движения. Лабораторная работа №1».

                                                                           GIMP. Анимация движения.

                                                                             Лабораторная работа №1

Анимация.

Анимационные изображения в формате gif встречаются повсеместно в Internet. Банеры кнопки, логотипы, все они, используя даже небольшую анимацию, вносят в содержание страницы некую динамику. Существует множество различных программ, направленных специально на создание анимационных gif-изображений. Однако, большинство из них могут работать только с готовыми изображениями, искажая их или перемещая в пространстве. Поэтому совершенно логично, создавать анимационные изображения, используя программу, с помощью которой можно еще и рисовать. Можно создать эффект анимации, используя GIMP.

Формат gif позволяет хранить изображение в виде нескольких слоев, каждый из которых может представлять собой отдельное изображение. Идея в том, что каждому слою в gif-изображении, можно задать время, в течении которого он будет отображаться. Таким образом, чередуя слои можно получить анимацию.

                                                                          Создание «бегущей строки»

- Создайте новое изображение.
- Самый нижний слой оставим белым. Он появится сам собой, как только вы создадите новое изображение Файл Создать
- Создайте еще 4 слоя, на каждом написав по букве слова GIMP, воспользовавшись инструментом текст.  При этом каждая буква будет возникать на новом слое.
- Если буквы необходимо переместить, то воспользуйтесь инструментом перемещение. Не забывайте щелкнуть по слою, на котором находится буква, сделав его активным, а потом – перемещайте букву.
- Таким образом получится пять слоев, один из которых фон, четыре других представляют собой побуквенно собирающееся слово GIMP (рис 2)
- Теперь сохраните полученное изображение как gif - Файл - Сохранить как. После этого GIMP предложит Вам экспортировать изображение в gif. При этом он даст выбрать, объединять ли слои в одно изображение или сохранить их как анимацию. Т.к. нас интересует именно анимация, выберем второе и нажмем "Экспорт". После этого откроется меню выбора параметров анимационного gif (рис 3)

Первые два параметра задают общие свойства gif - это черезстрочность и комментарий. Нас больше интересуют параметры анимации:

- Бесконечный цикл. При включении этого параметра, чередование слоев будет выполняться бесконечно, т.е. после отображения последнего слоя будет отображен первый. Если этот параметр будет отключен, то анимация будет проиграна один раз и остановится на изображении последнего слоя.
- Задержка между кадрами - время в микросекундах, которое по умолчанию будет отображаться каждый слой.
- Расположение кадра - имеет три режима. Первый (по умолчанию) - I Don`t Care (неважно), говорит GIMP распорядиться самостоятельно. Второй - Combine (наложение слоев), накладывает один слой на другой не убирая предыдущие, т.е. объединяет их. Таким образом, если у вас есть прозрачные места в слоях, предыдущие слои будут сквозь них проглядывать. По умолчанию GIMP обычно использует именно этот режим как наиболее гибкий. Третий режим - Replace (один кадр на слой), замещает предыдущий слой на новый.
-  Используйте расположение слоев по умолчанию, а время между кадрами поставьте 200. В результате должен получиться вот такой gif (рис 4)

- Если теперь открыть этот gif с помощью GIMP, то увидим, что в диалоге слоев в названии каждого слоя в скобках добавился
- параметр - время отображения.
- Таким образом, изменив значение в скобках можно задать каждому слою свое персональное время
отображения.
- Установите значение 500 для последнего слоя, чтобы полная надпись оставалась
на экране подольше (рис 5).

Это был самый простой пример создания анимации. Обратимся к специальному пункту меню Фильтры - Анимация. Оно содержит три пункта - Воспроизведение, Оптимизация и Разоптимизация.

Воспроизведение. Этот пункт позволяет нам воспроизводить свежеполученное анимационное изображение (Рис 6)

Кнопка Пуск/Стоп запускает проигрывание изображения. Она же его останавливает. Кнопка Перемотка возвращает на первый кадр изображения, кнопка Шаг позволяет менять кадры вручную.

- Но все это далеко не самые интересные возможности этого фильтра. Если щелкнуть мышкой на проигрываемое изображение, то Вы увидите, как курсор измениться на вертикальную стрелочку. Теперь вы можете перетащить анимашку в любое(!) место экрана, например в окно браузера, чтобы посмотреть, как будет выглядеть этот анимационный рисунок на Вашей страничке.

- Оптимизация. Каждый слой в анимационном gif-е представляет собой, по сути, отдельное изображение и сохраняя gif как анимацию, мы сохраняем сразу несколько изображений. Таким образом, при большом количестве слоев размер нашего анимационного gif будет расти прямо на глазах. Фильтр Оптимизация делает следующее: он просчитывает каждый слой и находит изменившиеся точки, относительно предыдущего и оставляет только их, изменяя размер слоя на минимально возможный (т.е. обрезая по крайним изменившимся точкам). При этом все неизменившиеся точки внутри этого слоя будут заменены на прозрачные. Возьмите недавно созданный gif с надписью GIMP и примените этот фильтр (рис 7).

Как видите, в каждом слое осталось только по одной букве, причем весь белый цвет был заменен на прозрачный, т.к. нет смысла таскать его в каждый слой, имея единый на всех белый фон. Кроме того, в названии слоя в скобках появился еще один параметр - combine. Это как раз и есть режим расположения кадра. После применения фильтра Оптимизация этот режим всегда будет иметь значение combine, т.е. новый кадр будет прибавляться к предыдущим. Попробуйте изменить этот параметр на значение replace и посмотрите, что у Вас получилось.

Разоптимизация. Фильтр обратный оптимизации. До сих пор я не нашел ему должного применения, но вполне возможно, что он может пригодиться, когда Вам нужно будет внести изменения в оптимизированное изображение.

                                                                                Анимация воды

- Создаём изображение произвольного размера, например,  420*250 вызовите Фильтры - Визуализация - Лава. Оставьте всё по умолчанию кроме градиента, он должен быть “Horizon 2″ (рис 8)

- Создадим анимацию. Для этого удалите ваш фоновый слой (щелкните на слое, правая кнопка мыши – контекстное меню, пункт Удалить слой) и выберитеь залитый градиентом.

- Откройте Фильтры - Анимация - Волны. Выберите следующие параметры (Рис 9):

Рис. 9

- Заметьте что чем больше кадров, тем лучше качество отображения, но и размер картинки тоже намного увеличивается.
- выберите Файл - Сохранить как. Тип GIF, сохранить как анимацию (рис 10).

Рис. 10

Перейти до презентації можна клікнувши на текст "Презентація" і встановивши Microsoft PowerPoint

Надіслав вчитель інформатики Підлисевич М.В.