создание элементов сайтов с использованием flash

Входные заставки

Эти элементы принято еще называть Intro. От статической входной страницы их отличает наличие анимации, а иногда и звука. Это нечто вроде небольшого видеоклипа, приглашения или визитной карточки. Дизайнеры очень любят создавать такие элементы, хотя функциональное назначение интро невелико, но при правильном использовании интро может создать нужное настроение у посетителя сайта, подчеркнуть уникальность данного ресурса и его отличие от других. Для создания хорошей входной заставки требуется большое мастерство. Здесь важно знать психологию восприятия зрителя, обладать навыками режиссера и знать профессиональные законы анимации. Если используется звук, то подбор соответствующих фрагментов тоже может стать непростой задачей. Ну и, конечно, неплохо иметь твердые навыки во флэш-программировании. Однако знания Flash здесь все же вторичны. Оперируя простыми объектами (окружности, прямоугольники, линии) и умело применяя вышеперечисленные навыки, можно создавать великолепные интро.

Если входная заставка достаточно компактна и правильно построена, то она может воспроизводиться даже без долгой предварительной подгрузки, прямо в потоке.

Эффектные монументальные произведения занимают уже несколько сотен килобайт. Для их воспроизведения приходится предварительно подгружать клип, чтобы движение не выглядело "рваным" и заставка произвела нужное впечатление. Для этого вначале создают фрагмент, контролирующий загрузку основного клипа. В замкнутом цикле проверяется подгрузка определенного кадра и при выполнении этого условия запускается на воспроизведение основной ролик. Код такого загрузчика выглядит примерно так:

ifFrameLoaded ("Scene 2", 2) { gotoAndPlay ("Scene 2", 1);}

В данном примере в первой сцене расположен обычный двух- или трехкадровый цикл, в одном из кадров размещен приведенный код. Основной клип располагается в Scene 2 и состоит в данном случае из двух фреймов. После полной загрузки второго фрейма выполняется переход к воспроизведению основного клипа.

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

ClipName = /:data; FramesCount = eval(ClipName)._totalframes; FramesLoaded = eval(ClipName)._framesloaded; BytesAll = eval(ClipName).getBytesTotal(); BytesLoaded = eval(ClipName).getBytesLoaded(); setProperty ("cursor", _width, int(BytesLoaded*100/BytesAll));

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

call ("getValues"); if (BytesAll == BytesLoaded) { if (/:hideloader) { gotoAndPlay ("invisibleMode"); } }

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

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

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

Логотипы

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

Не зря дизайнеры, работающие в полиграфии, используют для создания логотипов редакторы векторной графики (такие, как CorelDraw, Adobe Illustrator). Векторный логотип легко редактировать. Он легко масштабируется без потери качества, а файл очень компактен.

Flash - это прежде всего векторная технология, и она идеальна для создания логотипов. Если вы склонны делать логотипы размером на всю страницу (или просто достаточно большие), то выигрыш в трафике будет огромен (как мы помним, размеры флэш-элемента не зависят от физических размеров на экране).

Можно импортировать уже готовый логотип, созданный в других редакторах, или трассировать его из растра, но опыт показывает, что прямое создание логотипа в редакторе Flash или ручная трассировка дает выигрыш в конечных размерах элемента в 3-4 раза.

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