Работа с текстом для Web-страницы
ac3ae3b5

Подготовка сцены



Подготовка сцены

Начальная страница сайта JCT задумана так, чтобы привлечь внимание посетителя к просмотру всего сайта. По плану для каждого продукта должны появляться слова в рабочей области. Текст с описанием продукта должен постепенно проявляться, в то время как на полосе Tag Line внизу экрана должно двигаться световое пятно. После этого текст постепенно тускнеет, а логотип проявляется полностью и полоса Tag Line становится четко видимой.

Это оказывается не такой простой процедурой. Но при ее выполнении можно воспользоваться достоинствами Flash и разбить задачу на несколько более простых. Для этого нужно применить символы (symbols). Техника, применяемая для такого решения, может быть самой изощренной, но главная наша задача — добиться читаемости текста, легкости восприятия и в то же время обеспечить высокую скорость загрузки и качественную анимацию Flash.

Итак, чтобы создать анимированную текстовую страницу, выполните следующее.

1. Запустите Flash и создайте новый документ, выбрав в меню File=>New или нажав комбинацию клавиш <Ctrl+N>.

2. В открывшемся диалоговом окне New Movie выберите стандартный размер рабочей области: ширина — 550 пикселей, высота — 400 пикселей, частота обновления — 12 кадров в секунду. Цвет фона сделайте черным (000000). Все эти параметры можно также установить в окне свойств. Назовите этот первый слой Background.

3. Добавьте 11 новых слоев над слоем Background и назовите их следующим образом (сверху вниз):

Actions;

Logo;

Tag line;

ShoeFade;

Shoes;

PantsFade;

Pants;

ShirtsFade;

Shirts;

HatsFade;

Hats;

Background.

4. Выберите инструмент Rectangle, установите его свойство Stroke в None, цвет заливки — черный. Нарисуйте прямоугольник, покрывающий всю рабочую область в слое Background.

5. Выделив прямоугольник, установите его размеры так, чтобы они совпадали с размерами рабочей области. В окне свойств установите для координат X и Y значение О, 0. Таким образом, вы гарантируете, что прямоугольник идеально укладывается в рабочей области.

6. При выделенном объекте выберите Modify=>Convert to Symbol или нажмите клавишу <F8>. Назовите этот символ Background и его параметр Behavior установите в Graphic.



Содержание раздела