Надоел медленный Интернет? 
Попробуй Ускоритель!

Marketscore - бесплатный сервис, практически вдвое увеличивающий скорость загрузки вашим браузером страниц и сайтов в Интернете. В среднем, скорость загрузки вэбстраниц с графикой и текстом ускоряется на 75%. 
Особенно заметен выигрыш, если у вас медленный модем или вы выходите в Интернет на маленьких скоростях (до 56 Кб/сек). Подробнее...

реклама у нас

***

Анимация для Web. Урок 1: Animagic GIF Animator и анимация в нем

Кирилов Роман

Все мы видели, что в оформлении почти каждого сайта используются движущие рисунки. Для создания подобных изображений я пользуюсь программой Animagic GIF Animator. Этот продукт является условно бесплатным. Скачать программу можно с официального сайта http://www.rtlsoft.com/animagic. Занимает около 600 кбайт.

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

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

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

1

Конечно, многие кадры можно создавать в самом 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 с этого сайта http://websw.chat.ru и установить его (если будут вопросы по установке, пишите - я отвечу). Но есть еще один повод для установки Crack`а. Это возможность использования команды File/Save optimized as. При ее выполнении Animagic GIF Animator пытается уменьшить размер конечного файла за счет точного подсчета цветов во всех кадрах и удаления лишних цветов из палитры. Также во время оптимизации может уменьшаться размер некоторых кадров. По минимуму палитра может содержать 16 цветов. Как известно, цветовая палитра хранится вместе с изображением в GIF-файле и уменьшение ее размера может повлиять на его размер. Хотя это уменьшение не будет сильно ощутимым, но воспользоваться этой возможностью стоит. Все-таки наши каналы до сих пор не являются образцом для подражания, и до сих пор, пока их пропускная способность далека от идеала, стоит экономить везде, где это возможно.

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

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

Сайт автора: http://websw.chat.ru/

 


Copyright © "Internet Zone"info@izcity.com 
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/.
При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. Подробнее условия использования материалов смотрите здесь.