-Рубрики

 -Поиск по дневнику

Поиск сообщений в Валентина170

 -Подписка по e-mail

 

 -Сообщества

Участник сообществ (Всего в списке: 1) Live_Memory

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.12.2011
Записей:
Комментариев:
Написано: 10957


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

Суббота, 20 Октября 2012 г. 14:45 + в цитатник
Цитата сообщения novprospekt Сохранение анимации в формате APNG. Плагин для Gimp

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

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» на Яндекс.Фотках


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

gimp-apng-0.1.0.win32.zip.html

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

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

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

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

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

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

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

Fastpic.ru

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

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

9 мая


9 мая






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

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

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

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку