Animagic GIF Animator и анимация в нем

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

Описание программы. Помимо меню, панели инструментов и строки статуса, в основном окне располагается изображение кадра рисунка, окно, содержащие список искомых кадров, и окно, отображающее палитру рисунка.

Основа анимации - это отдельные кадры. В рабочем окне постоянно показывается только один кадр, который мы хотим отобразить.

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

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

Для создания движущего рисунка необходимо выполнить команду File/New или нажать кнопку New на инструментальной панели. При этом очищается окно Frame List. Теперь нужно добавлять в него кадры, что можно сделать при помощи команд File/Append Frames и File/Insert Frames. Отличие их достаточно незначительное. Команда Append Frames добавляет новый кадр в конец списка, то есть делает его последним, а команда Insert Frames вставляет новый кадр сразу после выделенного в окне Frame List кадра. При выполнении обеих этих команд активизируется стандартное диалоговое окно открытия файла.

Animagic GIF Animator распознает файлы форматов Gif, PCX, BMP, JPEG, видео файлы AVI и текстовые TXT. При открытии графических файлов происходит анализ цветов, входящих в состав изображения и все они включаются в состав палитры. При открытии новых файлов цвета, не входящие в состав палитры. При открытии новых файлов цвета, не входящие в состав текущей палитры, добавляются в нее без удаления уже входящих в ее состав цветов.

Необходимо особо отметить возможность использования текстовых файлов в качестве отдельных кадров. Animagic GIF Animator преобразовывает текст в изображение, а затем сохраняет его в виде отдельного кадра.

После выполнения всех фаз для создания анимационного изображения, его необходимо сохранить в GIF-файле. Для сохранения существует четыре варианта. Во-первых, для каждого кадра можно использовать отдельный файл. Для этого применяется команда File\Save Frames. При этом активируется диалоговое окно сохранения файлов. В строке Имя файла записывается общее имя всех сохраняемых файлов, а затем к нему дописывается порядковый номер кадра в общей последовательности.

Команда File/Save просто сохраняет все кадры анимационного изображения в одном файле с его родным именем. В том числе, если имя выходного файла нужно изменить, применяется команда File/Save as. Необходимо отметить, что при сохранении всего анимационного изображения в одном незарегистрированная копия Animagic GIF Animator принудительно добавляет первый кадр с текстом, содержащий информацию о том, при помощи какого продукта был создан этот рисунок. Что бы не платить некоторую сумму за регистрацию программы можно скачать для нее Crack. Но есть еще один повод для установки Crack`а. Это возможность использования команды File/Save optimized as. При ее выполнении Animagic GIF Animator пытается уменьшить размер конечного файла за счет точного подсчета цветов во всех кадрах и удаления лишних цветов из палитры. Также во время оптимизации может уменьшаться размер некоторых кадров. По минимуму палитра может содержать 16 цветов. Как известно, цветовая палитра хранится вместе с изображением в GIF-файле и уменьшение ее размера может повлиять на его размер. Хотя это уменьшение не будет сильно ощутимым, но воспользоваться этой возможностью стоит. Все-таки наши каналы до сих пор не являются образцом для подражания, и до сих пор, пока их пропускная способность далека от идеала, стоит экономить везде, где это возможно.

Animagic GIF Animator является одним из немногих продуктов, которые позволяют работать с палитрами. Единообразное оформление сайта всегда является хорошим тоном. Естественным продолжением этой идеи является использования общей цветовой палитры, единого цветового набора для всех рисунков, использованных в оформлении сайта. Для того чтобы сохранить цветовую палитру одного рисунка с цель ее последующего использования, применяется команда меню File/Store Palette. При этом создается фаил с расширением PAL, в котором будет хранится цветовой набор. Обратная операция, то есть импорт палитры, осуществляется при команде File/Load Palette. Но при этом может открываться не только PAL-файл, но графические файлы, которые содержат в себе информацию о применяемом цветовом наборе. Это файлы формата GIF, PCX, и BMP. Естественно, при открытии подобных файлов загрузка хранящегося в них изображения не происходит. Загружается только цветовая палитра. При этом та палитра, которая использовалась до момента выполнения этой команды, уничтожается, а вместо нее используется свежезагружаемый цветовой набор.

 Вставка клипов на страницу
<Embed scr="{имя файла с расширением}"> - вставка аудиозаписи

Width="{число}" - размер аудиозаписи по горизонтали
Height="{число}" - размер аудиозаписи по вертикали
Autostart={значение} – автозапуск или запуск по нажатию кнопки

True – сразу после запуска, False – запуск после нажатия кнопки
Loop=True – зацикливание звука
Например: <Embed scr="file.wav" Width="15%" Height="27" Autostart=True Loop=True>
 
-------------------------
<Embed scr="{имя файла с расширением}"> - вставка видеозаписи
Width="{число}" - размер видеозаписи по горизонтали
Height="{число}" - размер видеозаписи по вертикали
Autostart={значение} – автозапуск или запуск по нажатию кнопки

True – сразу после запуска, False – запуск после нажатия кнопки
Loop=True – зацикливание клипа
Controller="{значение}" – есть/нет клавиши управления воспроизведением
True – есть, False – нет
Например: <Embed scr="file.wav" Width="15%" Height="27" Autostart=True Loop=False Controller=True>

Среди многих тэгов языка HTML есть тэг <marquee>, создающий анимацию в виде бегущей строки заключенных в его границы объектов дизайна страницы.
Если вместо текста вставить тэг img, то будет двигаться рисунок.
Интересного эффекта можно достигнуть, применив этот же тэг в таблице с рисунком и текстом.
Введя указанную ниже последовательность HTML-тэгов, можно заставить бегущую строку двигаться поверх рисунка, оставаясь при этом в его границах, а применив его и перед таблицей, заставим двигаться все вместе - и рисунок и текст поверх него.
 
<marquee>
Текст бегущей строки
</marquee>
<marquee>
<img src="Picture.jpg">
</marquee>
 
<table border="0">
<tr><td>
<img src="Picture.jpg">
<marquee>
Текст бегущей строки
</marquee>
</td></tr>
</table>
<marquee>
<table border="0">
<tr><td>
<img src="Picture.jpg">
<marquee>
Текст бегущей строки
</marquee>
</td></tr>
</table>
</marquee>