Учебный модуль №3 "Триединая задача"

Центр дистанционного образования "Эйдос"

Дистанционный Профиль-класс

"ВЕБ-АНИМАЦИЯ: ПРОСТО И ДОСТУПНО"

=================================================

3-7 марта 2003 года 

Profil_Animat_Modul-03

Учебный модуль №3

"ТРИЕДИНАЯ ЗАДАЧА"

1.  Познакомьтесь с критериями оценки анимационных файлов: ОЦЕНКА = I + D + T (по системе ведущего Профиль-класса)

Критерии	5 баллов	4 балла	3 балла	2 балла	1 балл
I – информационное содержание	полное	почти полное	удовлетворительное	слабое	очень слабое
D – дизайн	блеск	почти блеск	удовлетворительный	слабый	очень слабый
T - технический уровень	T = 2 * (ширина gif * высота gif) / объем gif в байтах (но не более 5 баллов) Пример для GIF 468*60 объемом 15000 байт: T=2*(468*60)/15000=3,74

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

Чтобы правильнее поставить перед собой задачу, ответьте для себя на вопросы:

А) Для чего я делаю эту анимацию?

Б) Кого я хочу привлечь данной анимацией?

В) Какими методами я буду привлекать взгляды пользователей?

Г) Какие цвета я буду использовать в анимации?

Д) Сколько различных цветов я буду использовать в анимации?

Е) Как уменьшать количество используемых цветов до минимума, не потеряв при этом в качестве анимации?

2.  В помощь могу предложить Вам советы по анимации, выбранные из следующих источников:

А) Браун, Марк, Р., Хоникатт, Джерри, и др. Использование HTML 4./Пер. с англ. - М.; СПб.; Издательский дом "Вильямс", 2000 - 784 с.

Б) А. Матросов, А. Сергеев, М. Чаунин HTML 4.0. - СПб.: BHV - Санкт-Петербург, 1999. - 672 с.

В) В. Холмогоров Основы Web-мастерства. Учебный курс - СПб: Питер, 2001. - 352с.):

- Рекомендуется заранее нарисовать соответствующий Вашей задумке шаблон - файл, содержащий изображение фиксированного размера с уже нанесенным на него неподвижным фоном, однотонным или текстурным, поверх которого будут перемещаться движущиеся объекты.

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

- Уже в процессе работы над исходными кадрами следует подумать о сокращении размера будущего файла. Во-первых, постарайтесь не включать в анимацию большое количество цветов: чем меньше их число, тем меньше килобайт необходимо будет впоследствии перекачать пользователю с сервера, на котором размещен Ваш сайт.

- Простого сокращения числа оттенков, составляющих изображение, как правило, недостаточно: необходимо уменьшить соответствующее значение в используемой файлом цветовой палитре. Это лучше делать путем редактирования палитры вручную, а не с помощью стандартных средств, поскольку в этом случае автоматическое уменьшение, скорее всего приведет к некорректной замене некоторых оттенков участком из нескольких используемых цветов. Необходимо на глаз определить количество составляющих рисунок оттенков, при переводе изображения указать эту цифру в параметрах сохраняемого файла (пункт Цвета диалогового окна Индексированный цвет в меню Изображение/Режим/Индексированные цвета редактора Adobe Photoshop), после чего откорректировать элементы палитры (например, с помощью инструмента пипетка в меню Изображение/Режим/Таблица цветов того же редактора).

- Использование прозрачного фона также уменьшает размер целевого файла.

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

- Существует множество программ для сжатия анимированной графики, их можно найти на серверах, предлагающих бесплатное программное обеспечение. Однако, опыт показывает, что гибко настраиваемый оптимизатор, интегрированный в Ulead GIF Animator, позволяет добиться в этом наилучшего результата. Но можно варьировать методы оптимизации.

- Если у Вас проблемы с английским языком, в сети легко найти русификатор для Ulead GIF Animator. Его объем 560кб.

ВНИМАНИЕ! Никакая часть материалов дистанционного Профиль-класса, алгоритмические предписания, инструкции, тексты, включая работы его участников, не могут быть тиражированы более чем в одном рабочем экземпляре для каждого зарегистрированного участника или локального координатора. Запрещается распространять, передавать и пересылать получаемые материалы третьим лицам, публиковать их в электронной, "бумажной" или иной форме без официального разрешения Администрации Профиль-классов (кроме собственных разработок участника). При дальнейшем использовании разработанных участниками материалов, наряду с их авторством на титульном листе должно быть указано: <Разработано во время дистанционного Профиль-класса Центра дистанционного образования "Эйдос", http://www. eidos. ru. E-mail: *****@***ru>. Администрация Профиль-классов оставляет за собой право использования материалов Профиль-классов с указанием их авторства. Участие в Профиль-классах означает согласие c перечисленными требованиями.

===

(С) Центр дистанционного образования "Эйдос", 2003

(С) , 2003

E-mail: *****@***ru

www. eidos. ru