Анимационная графика в презентации

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

                            

 

Сжатые данные изображения  хранятся в виде серии подблоков (sub-blocks). Каждый подблок содержит однобайтовый счетчик, за которым следует указанное  количество байт данных. Подблок с нулевым значением счетчика определяет конец сжатых данных изображения. Границы подблоков не связаны какими-либо деталями изображения. При выводе изображения данные из всех подблоков объединяются вместе и распаковываются в последовательность пикселей. Эти пиксели, в свою очередь, делятся на строки развертки и выводятся на экран.

         За блоком изображения расположены блоки расширения. Они начинаются с байта 0×12, имеют один общий формат и, благодаря этому, читающая программа может просто пропустить любой неопознанный блок расширения. Так же, как и в блоке изображения, последний блок расширения указывается с помощью подблока с нулевым значением счетчика. Для большинства типов блоков расширения первый подблок особый – он содержит специфическую информацию об этом блоке.

        Блок текста (text extension) можно либо непосредственно вставлять, либо накладывать на изображение. Хранение текста в явном виде, во-первых, требует меньше места, чем хранение графического образа того же текста. Во-вторых, это позволяет осуществлять поиск GIF-файлов по специфическим текстовым строкам. Кроме того, часто текст воспроизводится с более высоким качеством, на которое не влияет применяемые во многих программах dithering и halftoning  (методы эмуляции дополнительных цветов).

          Структура первого подблока текстового блока (12 байт) приведена в таблице 4. Остальные подблоки содержат непосредственно текстовые данные, используется набор символов US ASCII.

          Блок управления графикой  (graphics control extension) размером 4 байта содержит информацию для программы просмотра о том, как последующее изображение будет взаимодействовать с существующими. Он определяет, что программа просмотра должна сделать после того, как очередное изображение или текст будут выведены на экран (таблица 5).

 

Размер в  байтах	Описание
2	Координата X для вывода блока текста
2	Координата Y для вывода блока текста
2	Ширина блока текста в пикселях
2	Высота блока текста в пикселях
1	Ширина символа в  пикселях
1	Высота символа в  пикселях
1	Номер палитры цвета  тона
1	Номер палитры цвета  текста

 

 

 

 

 

 

 

 

 

 

 

  Самый простой по структуре блок расширения предназначен для комментариев (comment extension). Его подблоки содержат текст ASCII. Эти комментарии не предназначены для вывода на экран вместе с основным изображением. Современные программы визуализации изображений обычно позволяют просматривать эти комментарии в отдельном окне.

          Спецификация формата версии GIF89a включает в себя блок поддержки приложений (application extension). Это позволяет приложениям сохранять любую необходимую информацию в GIF-файлах. Например, блок можно использовать для указания версии приложения, с помощью которого создан файл.

         Подробную документацию по формату GIF можно получить на сервере

 

       ftp://x2ftp.oulu.fi/pub/msdos/programming/forniats. 

Размер в байтах	Биты	Описание
1		Способ обработки изображение
	0	Если 1,то используется прозрачный цвет
	1	Если 1, то программа ожидает  ввода данных пользователем
	2	Если 1, то изображение  на экране остается без изменений
	3	Если 1, то предыдущее изображение  затирается цветом фона
	4	Если 1, то восстанавливается  предыдущее изображение
	5-7	Зарезервированы (всегда 0)
2		Задержка после вывода изображения (в сотых долях секунды)
1		Использовать этот цвет палитры как прозрачный

 

                                

 

 

  6.  Оптимизация изображений в формате GIF.

 

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

        Для статических (не анимированных) GIF-изображений можно выделить следующие методы оптимизации:

• уменьшение количества цветов;
• оптимизация палитры изображения;
• стилизация изображения;
• фрагментарная оптимизация;

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

 

 

   6.1       Уменьшение количества цветов.

 

         Для большинства не фотографических изображений для нормального

воспроизведения вполне достаточно 256 и менее цветов. Поэтому «лишние»

цвета можно (и нужно) убрать из изображения, тем самым, уменьшив размер файла. Как  уже отмечалось, формат GIF поддерживает размер палитры до 256 цветов. Теоретически, мы можем задать любое число цветов палитры в диапазоне 1...256. например. 33 цвета или 100. Практически же, количество цветов в изображении выбирается из ряда 2. 4. 8. 16. 32, 64, 128. 256. Приведенный ряд является рядом максимального количества цветов при использовании от 1 до 8 бит на пиксель. В случае если мы задействовали в рисунке, допустим. 100 цветов, то для сохранения информации о цвете каждого пикселя все равно будет использовано 7 бит (то есть 28 цветов окажутся «не востребованными» и память будет использоваться не оптимально). Поэтому при выборе количества цветов нужно ориентироваться на приведенный выше ряд, при этом следует постепенно уменьшать

размер палитры до появления  заметного ухудшения качества картинки.

          Оптимизация палитры изображения. Использование палитры - это процедура преобразования полноцветного  изображения в индексное (другими словами - это переход от произвольных цветов к цветам из заданного набора). Палитра конечного изображения может быть либо фиксированной, либо оптимизированной. В первом случае графический редактор просматривает каждую точку изображения и подбирает ей ближайшую по цвету из палитры. Этот способ дает самые худшие результаты с точки зрения верности воспроизведения цветов. Попробуйте, например, преобразовать фотографию красной розы в индексное изображение, используя палитру, содержащую оттенки зеленого. Это конечно, крайний случай, но данный пример весьма показателен с точки зрения оценки качества преобразования с использованием фиксированной палитры. Тем не менее, данный способ применяется - в основном для того, чтобы изображения приемлемо выглядели на мониторах с малым количеством цветов (16 256). Обычно в этом случае пользуются так называемой палитрой Netscape (другое название - безопасная палитра), состоящей из набора часто используемых цветов и их оттенков. Применение палитры Netscape гарантирует, что изображения будут одинаково показаны всеми браузерами. При использовании оптимизированной палитры обрабатывающая программа вначале анализирует изображение и составляет список всех используемых цветов. Далее, на основании частоты появления цветов и максимального числа «удерживаемых» цветов, составляется палитра, которая называется оптимизированной. После этого, уже обычным способом, рисунок анализируется, и цвет пикселя заменяется ближайшим из палитры. Этот способ дает гораздо лучшие результаты. Иногда при недостатке цветов в палитре применяется так называемый дизеринг (color dithering). Например, у нас в палитре 16 стандартных чистых цветов, а нам нужен отсутствующий оранжевый цвет. В таком случае, мы можем составить его из красных и желтых точек, разместив их в шахматном порядке. Человеческое зрение обладает свойством смешения цветов точек, размеры которых не больше разрешающей способности глаз. Поэтому, издалека нам покажется,  что в изображении присутствует сплошной оранжевый цвет. Применение дизеринга для преобразования изображений может дать очень хорошие результаты. Но следует помнить, что с точки зрения оптимизации размеров файла эффект будет, скорее всего, обратным. Применение дизеринга может привести к увеличению, причем довольно существенному, размера файла. Все дело в способе хранения GIF-изображения, которое перед записью на диск подвергается сжатию методом LZW. Особенность этого метода заключается в том,  что сжатию лучше всего поддаются области,  заполненные однородным цветом, и хуже всего - области, состоящие из набора разноцветных точек. Дизеринг же, как раз,  и основан на том,  что получает недостающие цвета путем «перемешивания» точек разных цветов. Поэтому к оптимизации при помощи дизеринга нужно относиться очень аккуратно.

 

 

  6.2         Стилизация изображения.

 

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

 

   6.3        Фрагментарная оптимизация.

 

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

             Каждый фрагмент исходного рисунка оптимизируется отдельно. Дня фрагментов, содержащих мало цветов, вполне может хватить палитры в 8 или 16 цветов, а для богатых цветами фрагментов можно использовать полную палитру в 256 цветов (или даже сохранять их в формате JPG). Этот способ позволяет сократить «вес» изображения примерно в 2-3 раза. Хотя, если количество фрагментов превысит 10-12. то возможного выигрыша может и не получиться, так как для каждого фрагмента требуется хранить свою копию палитры и служебной информации.

 

 

 7.     Работа с программой GIF Animator.

 

             Ulead GIF Animator - одна из наиболее распространенных программ для создания анимированных изображений.

 

  7.1.      Начало работы.

 

            При первом запуске программы на экране появляется окно выбора варианта начала работы Startup Wizard:

• Wizard-использовать мастер создания анимации;
• Blank animation - создать новую анимацию;
• Open an existing GIF animation — открыть GIF-файл;
• Open an existing video file - открыть видеофайл:
• Open a sample GIF file - открыть готовый пример GIF-файла.

           Это окно при следующих запусках программы открываться не будет, если установить соответствующий

флаг (Do not show...).

 

  7.2.     Создание и редактирование слайдов.

 

         Основное окно программы состоит  из окна бланка анимации, монтажного  окна, окна цветовой палитры, раздела  установки атрибутов изображения,  панелей инструментов. Добавление  слайдов в анимацию может быть выполнено разными способами. Первый способ - создание пустого бланка (Layer>Add Blank image) и формирование изображения в режиме Edit с помощью простейших встроенных инструментов рисования. Для «поточечной» прорисовки удобно работать с увеличенным изображением (View>Zoom In или «+» на дополнительной клавиатуре). Для уменьшения масштаба используйте команду View>Zoom Out или «-» на дополнительной клавиатуре.

        Второй способ добавления слайдов  в анимацию - использование готовых файлов с рисунками (Layer>Add Images). GIF Animator позволяет вставлять рисунки, сохраненные во многих распространенных графических форматах. С помощью этой команды Вы можете вставить в свой файл другую GIF-анимацию. Если в качестве источника изображения выбран файл, содержащий видеопоследовательность (Layer>Add Video), то она также будет преобразована в набор слайдов формата GIF. Третий способ создания слайдов - использование внешнего графического редактора (например, Paint или Photoshop). В этом случае подготовленное изображение или его фрагмент в режимах Compose или Edit переносится в создаваемую GIF-анимацию с помощью стандартных операций работы с буфером обмена. В окне бланка анимации выводится изображение слайда, выделенного в монтажном окне. В режиме Compose изображение или его часть можно с помощью мыши или клавиатуры перемещать в окне бланка анимации. Размер изображения при этом автоматически изменяется. Таким образом, можно получить различные эффекты перемещения достаточно сложных объектов по полю рисунка. Созданные слайды можно размножать (Edit>Duplicate или Ctrl+C - Ctrl+V), вращать и зеркально отображать (Edif>Rotate&Flip). Для изменения размеров слайдов используйте команду Edif>Resample. Группу слайдов в монтажном окне можно выделить, удерживая Shift или Ctrl. При необходимости выделения части изображения используйте команду Edif>Crop. Для изменения положения слайда в монтажном окне используйте кнопки на панели инструментов Move Layer Up, Move Layer Down или Alt+ Up. Alt+Down. К создаваемой анимации можно добавить текст с наложением различных эффектов (Layer>Add Banner Text). Ряд команд меню Layer позволяют добавить в анимацию такие визуальные эффекты, как плавный переход изображений (Add Simple Transition), цветовая анимация (Add Color Animation), изображение на гранях вращающегося куба (Add Cube Effect), плавная прокрутка изображения (Add Scrolling). Для слияния слайдов и целых GIF-анимаций и фоновых изображений используйте команды Merge Linages, Merge Animations и Background Merge меню Layer. Применение фильтров и видеоэффектов GIF Animator позволяет создавать последовательности изображений с использованием набора фильтров и видеоэффектов. Следует помнить, что фильтры и некоторые видеоэффекты реализуются только при условии установки дополнительных программных модулей (меню File>Preferences>Plug-in Filters).

        Фильтры и видеоэффекты применяется  к отдельному кадру, который  предварительно должен быть выделен  в монтажном окне (в режимах  Compose или Edit). Выбор конкретного  фильтра

производится в меню Filters, а выбор и предварительный просмотр видеоэффекта - в меню Video F/X. Добавление комментариев. Для автоматического добавления персональных комментариев в конце каждого файла при его сохранении или оптимизации нужно в меню File>Preferences на вкладке Personal установить соответствующий флаг. Текст комментария (не более 512 символов) вводится в поле Content. Обычный блок комментариев можно добавить в любое место файла в режимах Edit и Compose. Для этого нужно в меню Layer выбрать команду Add Comments и ввести тексты заголовка комментария и собственно комментария соответственно в поля Comment title и Comments. Оптимизация изображения GIF Animator выполняет оптимизацию цветовой палитры и оптимизацию анимированных изображений. Для выполнения оптимизации подготовленного GIF-файла нужно выбрать вкладку Optimize в окне бланка анимации. Для раскрытия окна дополнительных параметров оптимизации нужно нажать кнопку Advanced.