Active GIF Creator 2.22 (AGIF) - постоянно развивающаяся программа, предназначенная для создания превосходных анимаций, кнопок, баннеров для Web-страниц и презентаций. Свойства программы смотри здесь.
Данное руководство показывает вам основные принципы создания, редактирования и оптимизации GIF анимации с помощью Active GIF Creator (AGIF).

Добавление фреймов

Выберите пункт меню Образ/Добавить или нажмите кнопку на панели инструментов. Вы можете использовать для вставки BMP, JPEG, GIF, ICO, WMF, EMF, TGA, PNG, PCX или PSD-файлы. Папка с примером [находящаяся в подпапке \tutorial\samples внутри папки, в которую был установлен Active GIF Creator] содержит имена файлов green.bmp, yellow.bmp и red.bmp. Выберите файл green.bmp и AGIF будет добавлять новый фрейм с образом из выбранного файла. Повторите эту операцию с файлами yellow.bmp, red.bmp и второй раз yellow.bmp. Теперь вы имеете четыре фрейма в списке. Читайте также FAQ.

Вверх

Перенос изображений из буфера обмена

Active GIF Creator предусматривает возможность переноса любых изображений из других программ через буфер обмена. Для вставки из буфера выберите пункт меню Образ/Вставить Образ или кнопку на панели инструментов (если Вы её туда поместили в диалоге настройки панелей).
Примечание. Так как отдельный образ в GIF-файле не может содержать больше 256-ти цветов, то при вставке из буфера изображения с большим количеством цветов происходит преобразование в 256-цветную палитру.

Перестановка фреймов

Когда вы добавляете новые образы, они появляются в конце списка образов. Вы можете переместить их в любое место списка.
Для перемещения образа вверх по списку выберите Образ/Переместить Выше или нажмите кнопку на панели инструментов.
Для перемещения образа вниз по списку выберите Образ/Переместить Ниже или нажмите кнопку на панели инструментов.
Изменить позицию образа в списке можно просто перетаскивая мышкой элемент списка на новое место с нажатой левой кнопкой мыши.
Для удаления образа из списка выберите Образ/Удалить или нажмите кнопку на панели инструментов.

Вверх

Просмотр анимации

Для просмотра анимации выберите Анимация/Анимировать или нажмите кнопку на панели инструментов. Рисунок на этой кнопке изменится на . Анимация в Active GIF Creator продолжается пока вы ее не остановите или начнете процесс редактирования. Для остановки анимации выберите Анимация/Анимировать или нажмите кнопку на панели инструментов.

Редактирование параметров анимации

Количество циклов анимации

Вы можете редактировать это значение с помощью поля Цикл на странице Глобальные панели атрибутов. [Если панель атрибутов не видна на экране, то ее включают выбором Вид/Панель Атрибутов]. Здесь же присутствует переключатель Бесконечный, который во включенном состоянии делает недоступным для пользователя счётчик циклов.
Другой путь для установки счетчика циклов: выберите Анимация/Счетчик Цикла или нажмите кнопку на панели инструментов.

Каждый образ в GIF файле имеет индивидуальное значение задержки, измеренное в сотых долях секунды. Например, 25 означает четверть секунды. Вы можете редактировать величину задержки с помощью поля Задержка на странице Образ панели атрибутов.
Другой путь для установки задержки: выберите Анимация/Задержка или нажмите кнопку на панели инструментов. Вы можете определить значение задержки для выбранных фреймов или одинаковую задержку сразу для всех фреймов.
В нашем примере, мы установим задержку для зеленого и красного фреймов как 300 (3 секунды) и для желтых фреймов как 50 (половина секунды). Полученный результат :

Этот атрибут предназначен для определения способа отображения образа во время просмотра GIF-файла. Он расположен на страни Образ панели атрибутов и имеет следующие значения:
- Браузер Решает (браузер сам решает, как удалять образ);
- Не Удалять (образ не удаляется, следующий образ будет показан поверх этого);
- Цвет Фона (заменяет образ на цвет фона Web-страницы);
- Предыдущее Состояние (заменяет образ на предшествующий).

Значения по умолчанию цикла, задержки, атрибута "Как удалять" для нового GIF определяются на вкладке Новое при выборе Файл/Настройки (или с помощью "горячей клавиши" F6).

Вверх

Операции с фреймами

Компоновка

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

Если возникает необходимость в двух или более одинаковых фреймах, то для этого достаточно выбрать нужный образ и использовать операцию меню Образ/Операции/Дублирование либо нажать кнопку на панели инструментов.

Программа предусматривает создание нового образа, состоящего из двух и более образов. Например, один образ может использоваться в качестве фона, а остальные будут размещаться на этом фоне в любом месте. Атрибуты каждого из этих образов определяются на вкладке Образ. Для объединения отмеченных флажками образов используют операцию меню Образ/Операции/Слияние или кнопку на панели инструментов. Читайте также FAQ.

Иногда возникает необходимость использовать в качестве образа только часть рисунка. Это можно сделать, вырезав необходимый фрагмент при помощи операции меню Образ/Операции/Фрагмент или нажав кнопку на панели инструментов.

Размеры любого из фреймов можно изменить при помощи операции меню Образ/Операции/Размер или нажав кнопку на вкладке Образ панели атрибутов.

При помощи AGIF можно осуществлять поворот образа налево и направо на 90 градусов, а также сразу на 180 градусов. Можно также осуществить зеркальное отражение образа в горизонтальной и вертикальной плоскости. Эти операции можно выполнить, выбрав Образ/Операции/Поворот и Образ/Операции/Отражение. Предусмотрено применение этих операций для любой выделенной прямоугольной части образа.

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

Вверх

Чтобы заполнить образ или его фрагмент частицами, выберите пункт меню Образ/Операции/Частицы или нажмите кнопку на панели инструментов.

Создатель кнопок

Чтобы сделать 3D кнопку используйте пунт меню Инструменты/Кнопка. Выберите нужный шаблон и редактируйте параметры кнопки, заголовка, источника света и тени.

Вверх

Операции с файлами

Открытие файла

Для загрузки GIF-файла выберите пункт меню Файл/Открыть или кнопку на панели инструментов.
Импорт растровых полосок BMP, ANI и AVI файлов осуществляется выбором Файл/Импорт.

Для сохранения вашей анимации выберите пункт меню Файл/Сохранить или кнопку на панели инструментов. Если это новый файл (который еще не имеет имени), появляется стандартное окно диалога Сохранение для определения имени файла, и папка с этим именем будет сохранена. Вы можете сохранить GIF-файл с различными именами при помощи пункта меню Файл/Сохранить Как.
Вы можете сохранить фреймы GIF как набор BMP, TIFF, JPEG, TGA, PNG-файлов, как AVI или ANI-файл. Для этого выберите Файл/Экспорт.

Для этого выберите пункт меню Инструменты/Web-страница и задайте фон Web-страницы и цвет текста.

Вверх

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

Active GIF Creator предлагает инструменты для оптимизации GIF-файла:
- оптимальное число фреймов;
- размер и смещение образа;
- использование диалога "Оптимизация GIF".

Оптимальное число фреймов.

GIF-файл содержит несколько образов. Каждый образ имеет индивидуальное время задержки и занимает некоторую память на жестком диске. При уменьшении числа фреймов будет уменьшаться время загрузки GIF-файла и его размер, так как время загрузки всего файла складывается из времени задержки каждого фрейма в отдельности. Но количество фреймов можно уменьшать до некоторого предела, так как это ведет к ухудшению качества анимации. Поэтому важно найти баланс.

Размер и смещение образа.

Размер каждого отдельного образа определяет размер готового GIF как образа, содержащего наибольший размер логического экрана [Логический экран определяет рабочую область для просмотра GIF].
Если во время анимации будет изменяться только часть анимированного рисунка, то вы можете создать маленький образ и определить его смещение на логическом экране. Смещение образа из фрейма может быть установлено на странице Образ панели атрибутов или с помощью пункта меню Образ/Атрибуты/Смещение, либо перетаскиванием образа с помощью мыши. Замечательной особенностью GIF формата является использование образов с различными размерами. Вы можете поместить каждый образ в любое место. Это дает возможность использовать маленькие образы для анимации только некоторых частей рисунка. Используйте пункт меню Образ/Операции/Фрагмент для вырезания части образа.

Вверх

Использование диалога "Оптимизация GIF".

Использование этого диалога возможно при выборе пункта меню Файл/Оптимизация или кнопки на панели инструментов (либо с помощью "горячей клавиши" F5).

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

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

В анимированных рисунках часто возникает ситуация, когда в разных кадрах используются одни и те же цвета. Например, в каждом кадре может присутствовать фон, или какое-либо изображение используется одновременно в нескольких или во всех фреймах. При помощи данной операции удаляются те пикселы, которые используются в нескольких кадрах. Это позволяет уменьшить размер каждого кадра и общее время загрузки GIF-файла. Удалённые из прозрачного образа пикселы присутствуют в предыдущих фреймах. Результат очень сильно зависит от самих картинок. Иногда размер GIF-файла может даже увеличиваться! Поэтому эффективность этого вида оптимизации проверяют так: включают и выключают. Заметим, что образы, которые вы видите в фреймах после такой операции могут казаться странными для вас, но вы должны знать, что пикселы будут комбинироваться с пикселами из предыдущих фреймов.
Например, в результате оптимизации GIF-файла, состоящего из 5 фреймов могут получиться такие кадры:

При просмотре этого GIF-файла в окне браузера он будет выглядеть следующим образом:

Вы можете восстановить образы во фреймах оптимизированных GIF-файлов с помощью пункта меню Файл/Восстановить Образы.

Комментарии, которые вы можете добавить в GIF-файл и заголовки фреймов занимают дополнительную память. Вы можете удалить эти данные и уменьшить размер GIF-файла.

Для большинства изображений, не являющихся фотографиями, количество необходимых для воспроизведения цветов часто меньше 256. Поэтому лишние цвета можно убрать из образа, тем самым уменьшив его размер. Заметим, то цветовая палитра может содержать одно из следующих количеств цветов: 2, 4, 8, 16, 32, 64, 128, 256. Это означает, что после удаления неиспользуемых цветов размер цветовой палитры может быть уменьшен, а может быть и нет. Это зависит от количества цветов в используемой палитре и количества неиспользуемых цветов в образе.
Сравните два изображения: они практически не отличаются, но левое использует полную палитру в 256 цветов, а правое - палитру из 16 цветов. И, соответственно, различаются размеры файлов.

Оптимизация в этой опции- это попытка уничтожить все локальные палитры путем перемещения цветовых элементов из локальных палитр в глобальные. Если для какой-то локальной палитры невозможно переместить все цвета в глобальную, то эта локальная палитра остается.
Когда вы добавляете новый образ, можно использовать локальную или глобальную палитру. Это определяется установкой переключателя Палитра на вкладке Новое в диалоге Файл/Настройки.

Вверх

Редактирование фреймов

Active GIF Creator содержит набор инструментов, аналогичный MS Paint.
Для редактирования образа выберите вкладку Правка. При этом становится доступным набор инструментов, находящийся в правой части главного окна. Для использования какого-либо инструмента нажмите его левой кнопкой мыши.
Набор инструментов:
- выделение прямоугольной области

- выделение произвольной области
Выделение части образа с нажатой клавишей Ctrl создает копию выбора для перемещения ее в другое место.
- масштаб (имеется возможность увеличения масштаба изображения в 5, 9 раз)

- ластик (имеется 4 вида ластика с различной толщиной)

- карандаш

- кисть (этот инструмент имеет круглую и квадратную формы трех размеров)

- распылитель (предусмотрено три вида распыления)

- текст (ввод в образ текста, удобное его перемещение, сохранение параметров шрифта)

- заливка

- выбор цвета непосредственно с редактируемого образа

- линия

- кривая
Инструменты Линия и Кривая имеют три толщины.
- прямоугольник

- многоугольник

- скругленный прямоугольник

- эллипс
Для последних четырех инструментов имеется три способа рисования.
Для всех видов инструментов имеется возможность выбора цвета карандаша и цвета фона из палитры, расположенной в нижней части главного окна. Для выбора цвета карандаша нажмите левую кнопку мыши на нужном цвете в палитре, а для выбора цвета фона - правую кнопку мыши. При рисовании можно использовать либо левую, либо правую кнопку мыши - от этого зависит, какой цвет будет использован: цвет карандаша или фона.
Вы можете редактировать глобальную и локальную цветовые палитры через пункты меню Глобальные/Глобальная Палитра и Образ/Атрибуты/ Локальная Палитра или при помощи панели атрибутов. Двойное нажатие на цвете из палитры редактора также открывает диалог редактирования палитры.

Вверх

Использование коллекции образов

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

Вверх

Настройка панели инструментов

При инсталяции AGIF на панели устанавливается набор инструментов, заданный по умолчанию. При помощи операции Вид/Настроить Панели на панель инструментов можно разместить любой набор инструментов. Для этого любой из необходимых инструментов при помощи левой кнопки мыши перемещают на панель инструментов, а ненужные инструменты удаляют путём их стаскивания с панели.

Вверх

Создание своей коллекции образов

Коллекция образов хранится в виде растровой полоски. Растровая полоска представляет собой набор образов небольших размеров, которые расположены в виде последовательности фреймов, как кадры в фильме.
Наберите нужные Вам изображения и вставьте их, как фреймы, в один GIF-файл. Для создания растровой полоски запустите операцию Файл/Экспорт и выберите тип файла Полоски точечных рисунков. Теперь вы сможете использовать отдельные изображения из этих полосок для вставки в редактируемые фреймы (смотри пункт меню Инструменты/Коллекции Образов).