В заключение хотелось бы сказать, что содержимое было и всегда будет цент — ром внимания посетителя Web-сайта, будь то содержимое текстом, неподвижной
графикой, анимацией, аудио, видео или комбинацией всего перечисленного. Со — держимое является причиной, по которой посетитель вошел в Internet, и содержи — мое — всегда первое, что ищет на Web-странице посетитель. Качественное содер — жимое — наиболее важный аспект Web-дизайна. Не найдя качественного содержимого, посетители отправятся на другие сайты в поисках того, что им нуж- но. Следовательно, анимация, видео и аудио должны поддерживать содержимое
Web-сайта, а не просто доказывать, что вы «это умеете».
Помните, что у Web-пользователей есть цель, и что особым терпением они не
обладают. Всегда разрабатывайте свои Web-страницы так, чтобы они быстро дава —
ли ответы, которые ищут посетители. Если вам не удастся сделать именно это — предоставить качественное содержимое — все видео, анимация и аудио в мире не смогут удержать посетителей на вашем Web-сайте.
Создание GIF-анимации с чистого листа
GIF-анимация — наиболее распространенный в Internet вид анимации. GIF — анимация состоит из отдельных кадров, или ячеек, каждая из которых представля —
ет собой один-единственный фрагмент анимации. Хотя GIF-анимации могут со — стоять из изображений любого типа, обычно это аппликация, мультипликация
или текст. /
Например, для создания анимированного шагающего персонажа обычно требу —
ется 8—10 отдельных ячеек (четыре-пять ячеек на шаг). Каждая из ячеек представ —
ляет собой часть движения персонажа, как показано на рис. 7.7.
Поскольку для того, чтобы идти, нужно ставить одну ногу впереди другой (как ваши родители с таким трудом учили вас в детстве), для создания анимации иду- щего человека вам потребуется создать только один цикл ходьбы. Дойдя до после- дней ячейки, анимация автоматически вернется к первой ячейке, и анимация по — вторится заново. Повторение серии ячеек называется циклом (cycling).
Глава 7. Анимация, звук и видео 35 7
ПРАКТИКУМ
Чтобы создать отдельные ячейки вроде тех, которые были показаны на рис. 7.7, вы можете набросать их на бумаге и затем отсканировать, или же вы можете создать ячейки с помощью любой из множества программ редактирования изображений, например, Photoshop или ImageReady. В данном примере отдельные ячейки были созданы путем рисования каждой из них на бумаге и сканирования их в отдельные слои в Adobe Photoshop.