Создание интерактивных объектов

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

Назначаются различные состояния кнопки путем создания ключевых кадров в монтажной линейке, содержащей 4 кадра.

Создание кнопки

Выберите в меню Insert > New Symbol или нажмите Ctrl+F8 (Windows)

В "свойствах символа" напишите название для новой кнопки и выберите "Button". Flash переключится в режим редактирования символов.

Монтажная линейка изменится, она содержит 4 кадра, над которыми обозначены названия состояний: Up, Over, Down, и Hit.

Up – показывает вид кнопки в состоянии покоя, является пустым ключевым кадром (keyframe). Чтобы обработать фазу Up используйте рисовальные инструменты, или импортируйте готовую картинку, или вставьте образец от другого символа. Вы можете использовать муви-клип или картинку, ни в коем случае другую кнопку. Муви-клип используют, чтобы создать кнопку с анимацией.

- Второй кадр - Over - содержит то изображение, которое станет видимым, если над кнопкой появится курсор мыши.

- Третий кадр - Down - содержит то, что становится видимым, когда на кнопку нажимают. (mousedown)

- Четвертый кадр - Hit - обозначает только ту плоскость, которая должна реагировать на действия со стороны мыши. То, что изображено на этом кадре, никогда не становится видимым. Это только назначение "границ".

Для создания анимированной кнопки нужно будет поместить символ-клип в один из кадров кнопки.

Начнем с создания анимации. Сделайте двойной клик на изображении сисмола-кнопки BUTTON - HOME в окне библиотеки, чтобы приступить к редактированию. Кликните именно на иконке-изображении символа, а не на его названии, иначе вам будет предложено отредактировать имя символа. - кнопка BUTTON - HOME уже частично готова, что сэкономит вам несколько шагов при работе.

Выберите View > Show Frame чтобы отцентрировать кнопку в окне. Кликните на инструмент Лупа (magnifier) в панели инструментов, затем кликните по кнопке в рабочем поле, чтобы увеличить ее, если в этом есть необходимость.

В монтажной линейке назовите первый слой "Button".

Вставьте ключевой кадр (keyframe) в кадр Over слоя Button.

Убедившись, что ключевой кадр Over активен, кликните где-нибудь в рабочем поле инструментом Стрелка (arrow), чтобы снять выделение с изображения кнопки.

Перетащите мышкой образец символа BUTTON - CROSS из библиотеки на символ BUTTON - HOME и точно совместите их регистрационные метки .

BUTTON - CROSS - символ-клип, который содержит анимацию - вращающийся крест. Образец BUTTON - CROSS - абсолютная внешняя копия креста из BUTTON - HOME, расположенного в данный момент ниже. Чтобы добиться точного совмещения изображений, используйте стрелки курсора.

Добавление полупрозрачного пункта меню в кнопку

Для начала создайте в монтажной линейке новый слой и назовите его "Text Transparency". Активизируйте слой Text Transparency и перетащите его мышкой ниже слоя Button, таким образом вы расположите содержимое слоя Text Transparency визуально ниже содержимого слоя Button. Вставьте ключевой кадр (keyframe) в кадр Over слоя Text Transparency. Перетащите символ BUTTON - BACKGROUND из библиотеки в рабочее поле и разместите правее регистрационной метки кнопки, так, чтобы левая граница символа BUTTON - BACKGROUND проходила через регистрационную метку. Теперь придадим символу BUTTON - BACKGROUND оттенок общего фона, используя настройки прозрачности. Оставив BUTTON - BACKGROUND выделенным в рабочей области, выберите Modify > Instance. Кликните по вкладке Color Effect в диалоговом окне Instance Properties и выберите Alpha из выпадающего меню Color Effect. Введите значение прозрачности 50 и нажмите ОК. Удостоверившись, что ключевой кадр Over в слое Text Transparency активен, кликните на инструменте Текст (text). Задайте шрифт Arial (Windows) или Helvetica (Macintosh), размер 18 points, полужирный (bold), курсив (italic). Кликните где-нибудь на символе BUTTON - BACKGROUND и напечатайте слово "Home". Изменять содержимое других кадров этой кнопки не нужно.