Анимация в формате APNG

уроки GIMP, APNG

Специальный формат APNG позволяет сохранять анимацию отличного качества с поддержкой функции прозрачности слоев для анимации создаваемой из объектов на прозрачном фоне (PNG). Все примененные стили слоя останутся в вашей анимации в первозданном виде. Проще говоря, например, если вы зададите непрозрачность тени для объекта PNG равной 50% и создадите анимацию, то при ее сохранении в APNG эта непрозрачность таковой и останется, чего в Gif -анимации добиться невозможно. Тень от объекта в gif-формате сохранится, но свою полупрозрачность она теряет. Все, наверное, сталкивались с некрасивой обводкой, которая возникает при сохранении анимированных разделителей, уголков, украшений, к которым применялись стили слоя. При сохранении анимации в APNG такого не произойдет.

Минус этого формата в том, что он не поддерживается всеми старыми версиями браузеров ( так же, впрочем, как и формат PNG-24) и настоящими версиями браузеров Google Chrome,  Explorer и некоторых других. Если вы не видете движения (анимации) на этих картинках, то это именно ваш случай. В браузерах(более менее новых версий) Opera и Mozilla Firefox   анимация, сохраненная в формате APNG, должна быть вам видна.

Анимация в формате APNG

Что необходимо иметь на вашем компьютере если вы заинтересовались этой темой и хотите просматривать, создавать и сохранять  анимацию в формате APNG.

1.Браузер, который поддерживает воспроизведение этого формата. Например, Mozilla Firefox.

Если у вас такого браузера нет, то можете скачать портативную версию самой последней 4 версии Mozilla. Эта версия хороша тем, что не требует установки. Просто скачиваете архив, распечатываете и указываете место на компьютере, где будет находится папка с  этим браузером.

Скачать Firefox Portable_12_Russian.zip

2.Просмотрищик на вашем компьютере, который будет видеть формат APNG. Советую пользоваться XnView Portable1.97.8.

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

Скачать можно здесь XnViewPortable.zip

3.Для создания и сохранения  анимации в APNG будет использоваться графический редактор GIMP. Скачать можно на оф. сайте http://www.gimp.org/downloads/ или по ссылке GIMPPortable.zip(В эту версию я уже включила плагин для редактирования APNG).

Для того чтобы ваш GIMP мог сохранять анимацию в формате APNG в программу необходимо добавить плагин, который, в свою очередь, добавляет расширение APNG в список форматов доступных для сохранения.
Плагин устанавливается в папку plug-ins. Путь для установки: Диск(где установлен GIMP)-Папка GIMP/App/Gimp/lib/gimp/2.0/plug-ins

Небольшая инструкция по установке плагина.

Скачиваем архив с плагином "gimp-apng-0.1.0.win32". Распаковываем архив инаходим внутри 2 файла. Выделяем оба файла и копируем их, а затем идем в папку с плагинами вашей программы GIMP и вставляем оба этих файла в папку plug-ins. Путь к этой папке указан выше. Вот теперь если вы вызовите команду "Сохранить как", то в списке форматов для сохранения у вас ,кроме прочих, будет и формат "PNG+APNG image".

Анимация в формате APNG

Скачать плагин можно здесь
gimp-apng-0.1.0.win32.zip
При создании анимации в APNG необходимо знать, что созданную анимацию нельзя оптимизировать, а время задержки и порядок воспроизведения анимации предется вводить вручную в каждом слое-кадре. Для каждого кадра необходимо будет указать режим воспроизведения кадров -это обязательно!!!  (replace)  -режим замена, и время задержки, например 200ms

Анимация в формате APNG

Анимация в формате APNG

Анимация в формате APNG

Анимация в формате APNG

Жмем Export и сохраняем анимацию в APNG на компьютере.

И еще. Формат APNG ни в коем случае не следует рассматривать как замену GIF. Поскольку оптимизировать анимацию в APNG нельзя, то полученные файлы с анимацией очень много весят. Использовать APNG целесообразнее для небольших объектов на прозрачном слое, там где очень важно для дизайна подчеркнуть полупрозрачность и другие стили слоя. Например для надписей, кнопок, иконок, смайликов, логотипов и т.д.
Анимация сохраненена в формате APNG, Увидеть можно в браузерах Mozilla Firefox и Opera последних версий.

Анимация в формате APNG

Анимация в формате APNG

Анимация в формате APNG