Создание кадров с использованием графического пакета ms Paint

• Создайте в графическом редакторе рисунок девочки и сохраните его в папке в файле девочка1.gif

Рис. 31.2

• Преобразуйте рисунок, измените фон, детали одежды, рот и сохраните его в папке в файле девочка2.gif

Рис. 31.3

А теперь непосредственно начнём работать с программой GIF Animator

Упражнение 2

Интерфейс программы. Работа с последовательностью кадров. Сохранение анимации

• Запустите программу Microsoft GIF Animator.

Рис. 31.4

• Откройте созданные кадры поочерёдно, используя инструмент открытия (Open) и инструмент вставки (Insert)  на панели инструментов.

Рис.31.5

• Объедините все кадры кнопкой   на панели инструментов, если параметры будут одни для всех кадров.

• Выберите пункт меню Image. На закладке Image в опции Duration (1/100 s): установите время демонстрации одного кадра (подбирается методом подбора) . Установите параметры, которые будут задерживать кадры на экране, т.е. время показа кадра.

• На вкладке Animation установите показ анимации – непрерывно.

• Перейти на закладку Animation поставить галочку у пункта Looping – количество повторений.

Галочка у надписи Repeat Forever обозначает бесконечное повторение.

• Можно просмотреть созданную анимацию в окне GIF Animator или браузере.

Для просмотра ролика необходимо щелкнуть мышкой по значку Анимационная иконка

• Сохраните свой проект с расширением Девочка.gif.

Создание gif анимации в редакторе gimp и оптимизация

Создание анимированного изображения в редакторе GIMP включает два этапа:

• создание статического изображения (использование готовых фотографий, рисунков или самостоятельное рисование);

• построение анимации.

Этап построения анимации может быть выполнен одним из двух способов.

Первый способ — ручное создание слоев-кадров с прорисовкой каждого кадра, как в традиционной мультипликации.

Второй способ — использование фильтра «анимация», позволяющего автоматизировать процесс.

Упражнение 3

Создание gif анимации первым способом. Сохранение анимации

Попробуем создать с помощью слоев анимированное GIF-изображение.

Запустите программу GIMP.

Рис. 31.6

В качестве исходных картинок возьмём изображения часов из коллекции Ореn-Clipart (http://openclipart.org).

Коллекция исходных изображений:

Рис. 31.7

Исходные изображения являются прозрачными картинками в формате PNG и имеют размер около 800×800 точек. Поэтому, если нужно получить часики небольшого размера, все исходные изображения нужно предварительно масштабировать.

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

В результате получим набор слоев:

Рис. 31.8

Поскольку формат GIF в GIMP ограничен палитрой в 256 цветов, а исходные картинки — полноцветные PNG, прежде чем экспортировать файл в формат GIF, его нужно перевести в индексированную палитру командой Изображение ►Режим ►Индексированное… из главного меню окна изображения. Диалог настроек преобразования показан на рисунке:

Рис 31.9

Количество цветов должно быть установлено в 255 в соответствии с настройками по умолчанию.

• После нажатия Преобразовать выполняется требуемое преобразование, и после его завершения можно сохранять файл в формате GIF (то есть выбрав в диалоге Сохранить как соответствующий тип целевого файла). В процессе такого сохранения будет выдан запрос о том, что следует сделать со слоями

Рис. 31.10

Наш вариант — Сохранить как анимацию.

Тут же появится диалог настройки анимации, в котором можно установить длительность показа кадра и комментарий. Оставим комментарий без изменений, а длительность показа для всех кадров установим в 500 мс (0,5 секунды).

Рис. 31.11

• После нажатия Сохранить слои будут соответствующим образом обработаны, и получится анимированное GIF-изображение, которое можно просмотреть в любом интернет-браузере.

Если повторно открыть в GIMP получившийся GIF-файл, то мы увидим, что слои, ранее имевшие имена, соответствующие названиям исходных изображений, стали называться кадрами. Теперь для каждого кадра можно индивидуально устанавливать время показа:

Рис. 31.12

Если нужно установить задержку для каждого слоя (т. е. то время, в течение которого будет виден один кадр, пока не сменится следующим). Делается это так: к названию слоя в скобках приписывается время задержки, в милисекундах. Нужно запомнить, что 1 сек.= 1000 мс.

По умолчанию задержка для любого слоя-кадра составляет 100 мс. А это значит, что, если мы хотим увеличить скорость движения вдвое, то нужно во столько же раз уменьшить время задержки.

Упражнение 4