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

        Подробное описание программы  Ulead GIF Animator можно найти на фирменном  сайте разработчика:

                                http://www.ulead.com.

                                   

 

            8.    Разработка баннеров для Web-страниц и программ.

 

        Наиболее часто GIF-технология применяется для разработки анимированных баннеров. Баннером называется небольшое рекламное объявление, размещаемое на Web-странице или в окне свободно распространяемой (freeware) программы. В отличие от обычного рисунка, баннер содержит гиперссылку на сайт рекламодателя. Основной критерий оценки эффективности баннера - это CTR (Click True Ratio), т.е. отношение количества людей щелкнувших на баннер к общему количеству на него посмотревших. Статистику этого параметра ведет практически любая служба обмена баннерами в сети. В среднем, этот показатель лежит в пределах от 0.5 до 8% в зависимости от тематики, качества изготовления баннера. его размещения на странице и ряда других факторов. Ниже приведены основные правила, соблюдение которых позволит сделать баннер более эффективным:

 

• баннер должен быть анимированным - это обязательное условие, так как разница в CTR между статичными и анимированными баннерами может достигать 300%;
• не перегружайте баннер текстовой информацией - если у вас есть что сказать, то для этого существует сам сайт, а баннер - это реклама, и чем меньше в нем содержится информации, тем лучше она усваивается читателями;
• не злоупотребляйте сокращениями слов (даже общепринятыми аббревиатурами) - текстовая информация должна восприниматься без дополнительных усилий;
• не перегружайте баннер цветами - на таком маленьком пространстве более чем достаточно двух-трех разных цветов;
• не злоупотребляйте сложными изображениями - графические изображения должны упорядочивать рекламу, придавать ей структуру и правильно направлять взгляд читателя;
• продумайте визуальный ряд баннера - в одном кадре должно быть не более одного рисунка, причем, если кадров анимации больше двух, то должен быть один общий для них постоянный элемент, который будет

        правильно простраивать визуальный ряд;

• не создавайте баннеры с большим числом кадров - лучше иметь не больше трех разных кадров, каждый из которых будет полноценной рекламой;
• не делайте слайд-шоу слишком длинным - рекомендуется время
• 5-7 секунд «на круг»;
• в одном из кадров баннера рекомендуется крупно написать свой адрес или адрес заказчика рекламы - как показывает практика, это косвенно     увеличивает CTR;
• баннер не должен «весить» более 7-10 Кбайт - практически все службы обмена баннерами накладывают верхнее ограничение на объем одного баннера для того, чтобы, во-первых, оградить серверы от перегрузки, во-вторых, чтобы посетитель не ждал слишком долго появления рекламы при загрузке страницы.

                Вопросы баннерной рекламы подробно  обсуждаются на сайте:

 

              http: //www.banner.maker.ru.

 

           9.   Программа для создания анимации Animate Me!

 

 

          Создание анимированных файлов в формате GIF и всевозможных анимационных эффектов для презентаций - задача достаточно сложная. Однако из этой ситуации есть довольно элегантный выход. Речь идет о программе Animate Me! от компании Image Tools Group. С ее помощью любой, даже совсем не разбирающийся в графике человек, сможет создать сложную и интересную анимацию. Для этого нужна только начальная картинка и... немного времени на эксперименты.

Animate Me! - очень маленькая  утилита. Ее дистрибутив занимает  всего чуть больше мегабайта  (а если быть точным - 1,19 Мб. Принцип  работы Animate Me! следующий: берется  фоновая картинка, к которой применяется  сценарий, состоящий из ряда специальных эффектов, причем каждый эффект регулируется с помощью различных параметров. В результате этого можно получить огромное множество различных анимационных комбинаций. Интерфейс Animate Me! очень прост. Главное окно программы состоит из двух панелей. В левой отображается анимационный сценарий. Он представляет собой последовательный список всех спецэффектов. В правой панели показывается фоновая картинка, а также результаты выполнения сценария. Управление программой осуществляется с помощью удобной панели инструментов, на которой расположены кнопки со всеми основными действиями. Кроме того, в Animate Me! реализованы меню и горячие клавиши. Все это позволяет пользователю управлять работой программы наиболее удобным для него способом. Ну, а теперь давайте подробно рассмотрим, как создаются анимационные эффекты. Для начала нужно нажать на кнопку "Новый", расположенную на панели инструментов, или выбрать соответствующий пункт в разделе "Файл" верхнего меню. Следующий шаг - загрузка фонового рисунка - например, баннера, который вы хотите анимировать. Animate Me! поддерживает работу с файлами следующих форматов: BMP, JPEG, PSD, PCX и GIF. Кроме того, сразу с программой поставляются пустые шаблоны наиболее распространенных элементов веб-страниц - баннеров и кнопок.

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

        Так шаг за шагом создается весь анимационный сценарий. Любой из эффектов можно в любое время включить или выключить. Кроме того, их можно и удалять. Для этого в панели инструментов есть специальная кнопка ("крестик"). После того как сценарий готов, нужно задать параметры анимации. Делается это так. Сначала нужно нажать на соответствующую кнопку на панели инструментов ("горячее" сочетаний клавиш - CTRL+F9), после чего в появившемся диалоге установить количество кадров и задержку (определяется как целое число сотых долей секунды). Следует отметить, что большое количество кадров ведет к лучшему качеству анимации, но увеличивает размер конечного файла и, соответственно, время его загрузки на веб-странице. Поэтому здесь важно найти компромисс.

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

         В Animate Me! есть одна возможность, которая наверняка порадует многих пользователей, собирающихся использовать эту программу для создания веб-графики. Речь идет о возможности пакетного преобразования файлов.

        Кратко рассмотрим эффекты, которые помогут вам создать красивый баннер или неповторимые кнопки для своего веб-сайта.

        

 Движущийся объект.

 

        Это наиболее интересный эффект. Для его работы пользователь должен указать файл формата BMP, JPG, ICO, PSD, PCX или GIF, содержащий объект, который будет перемещаться по фоновой иллюстрации. Кстати, в программе уже есть набор стандартных картинок. Все они анимированные, так что их применение позволяет добиться весьма привлекательных результатов. Существуют три стиля движения объекта: случайный (задается начальная позиция объекта и радиус его смещения), линейный (задается начальная позиция объекта, а также его вертикальное и горизонтальное смещение) и траектория (задаются точки-вершины траектории).

 

Движущиеся  частицы.

 

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

 

Бегущий текст.

 

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

 

Изменяющийся  цвет.

 

         Эффект предназначен для плавного изменения цвета образа. Параметры "Красный", "Зеленый" и "Синий" задают шаг изменения цветов.

 

Волна.

 

         Эффект создает волны на поверхности образа. При этом пользователь может задать размеры волн, их скорость и направление.

 

Встряска.

 

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

 

Появление.

 

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

 

Взрыв.

 

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

 

         Всех описанных выше эффектов вполне достаточно для создания сложной, интересной и неповторимой анимации.

 

 

10. Заключение.

 

          Мы рассмотрели основы работы  с GIF Animator и Animate Me! С их помощью можно создавать вполне интересные анимации, которые можно использовать в web-дизайне и в презентациях, придавая нашей работе большую наглядность и индивидуальность. Это, безусловно, повышает эффективность восприятия  доводимой до нужной аудитории информации. Рассмотренные принципы создания GIF-анимации,  методы их оптимизации, а также знание структуры GIF-файла помогут нам добиться поставленных целей.

 

 

 

                11.    Список использованной литературы.

       

№№	Наименование документа
1	Мультимедиа технологии: Учебное пособие/ М.В. Ширяев: Ниже-город. гос. техн. ун-т., Н. Новгород. 2001.
2	Кенцл Т. Форматы файлов Internet/ Пер. с англ. - СПб: Питер. 1997. -320 с:ил. - ISBN 5-88782-198-1.
3	Вернер И. Все о мультимедиа. - К.: BHV. 1996. -352 с. - ISBN 5-7733-0022-2.
4	Кречман Д.Л.. Пушков А.И. Мультимедиа  своими руками. - СПб.: БХВ - Санкт-Петербург. 1999. - 528 с: ил. - ISBN 5-8206-0020-7.
5	Мультимедийные презентации в  бизнесе/ Дэвид Хеллер. Дороти Хеллер: Пер. с англ. В.Ю. Миронченко; Под ред. В.Р. Гинзбурга. - К.: BHV. 1997. - 272 с: ил. - ISBN 966-552-002-4.
6	Попов С.Н. Аппаратные средства мультимедиа. Видеосистема PC -СПб.: БХВ - Петербург: Арлит. 2000. - 400 с: ил. - ISBN 5-9415-7038-4
7	Ссылки в сети  Интернет   Документация о графическом  формате GIF  ftp://x2ftp.oulu.fi/pub/msdos/programming/forniats Сайт разработчиков программы  GIF Animator http://www.ulead.com Вопросы баннерной рекламы http: //www.banner.maker.ru Учебные материалы НТУ http://libyr.narod.ru/index.htm