Без заголовка

Вторник, 14 Июня 2011 г. 19:10 + в цитатник

Цитата сообщения novprospekt

Прочитать целиком В свой цитатник или сообщество!

Сохранение анимации в формате APNG. Плагин для Gimp

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

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

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

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

Скачать FirefoxPortable_4.0.1_Russian.paf.zip

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

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

Скачать можно здесь XnViewPortable_1.97.8.paf.exe

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

Для того чтобы ваш 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".

«GIMP-APNG» на Яндекс.Фотках

Скачать плагин можно здесь

gimp-apng-0.1.0.win32.zip.html

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

«Gimp-APNG» на Яндекс.Фотках

«GIMP-APNG» на Яндекс.Фотках

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

Чтобы разместить эту анимацию в интернете можно воспользоваться фотохостингом

Fastpic.ru

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

Анимация сохраненена в формате APNG, Увидеть можно в браузерах Mozilla Firefox и Opera последних версий.

9 мая

Серия сообщений "GIMP":
Все о бесплатном графическом редакторе GIMP
Часть 1 - Новогоднии открытки в Gimp.
Часть 2 - Сохранение анимации в формате APNG. Плагин для Gimp
Часть 3 - Gimp:Создание баннерной кнопки 88*31.
Часть 4 - Gimp: Анимированные круги.

Серия сообщений "Уроки GIMP":
Часть 1 - Новогоднии открытки в Gimp.
Часть 2 - Создаем демотиватор в Gimp.
Часть 3 - Рамочка "Матовое стекло" в Gimp.
Часть 4 - Сохранение анимации в формате APNG. Плагин для Gimp
Часть 5 - Gimp:Создание баннерной кнопки 88*31.
Часть 6 - Gimp: Анимированные круги.
Часть 7 - Создаем, сохраняем и оптимизируем APNG-изображение. Урок для Gimp.

Серия сообщений "Все для GIMP":
Часть 1 - Новогоднии открытки в Gimp.
Часть 2 - Создаем демотиватор в Gimp.
Часть 3 - Сохранение анимации в формате APNG. Плагин для Gimp
Часть 4 - Создаем, сохраняем и оптимизируем APNG-изображение. Урок для Gimp.