Урок 10. Создание кнопки со звуком

В среду Flash 8 можно импортировать множество звуковых форматов: mp3, wav, aif, au, sd2, mov. Использование звуковых файлов делает интересным интерфейс сайтов, тем самым заставляет пользователей возвращаться в то место, где они слышали или видели запомнившиеся моменты.

Сегодня рассмотрим создание кнопки со звуком.

1.Создать новый документ.

2.Сохранить под названием «кнопка1».

3. Выполнить команду Insert – New symbol – Button (Вставить – Новый символ – Кнопка).

4. Создать в редакторе символа 3 слоя: «zalivka», «knopka», и «zvuk». И на нижнем слое «zalivka» нарисовать круг.

5.С помощью инструмента Selection (Выделение) – черная стрелочка на панели инструментов, кликнуть посередине фигуры и в свойствах поставить значения как на рисунке ниже.

6.На панели Color (Цвет) во вкладке Color mixer (Цветовой микшер) при выделенной фигуре поставить следующие значения:

Type (Тип) – Radial (Радиальный);

Кликнуть на левый квадрат

Значения: R: 51, G: 153, B: 255, Альфа 100%, цвет: #3399FF.

Кликнуть правый квадрат

Значения: R: 255, G: 255, B: 255, Альфа 100%, цвет: #FFFFFF.

7.Кликнуть по контуру круга. В свойствах нажать на треугольничек кнопки «Цвет штриха». Кликнуть по кнопке в виде перечеркнутого белого квадрата (см. рис. ниже).

8.     Должен получиться такой круг.

9. Нажать F6 на 2-м кадре нижнего слоя и во вкладке Color mixer (Цветовой микшер) поменять цвет круга (см. рис. ниже).

На левом квадрате значения R: 204, G: 0, B: 255, Альфа 100%, цвет: #CC00FF

На правом квадрате значения такие, как есть.

10. В 3-м кадре этого же слоя нажать F6.

11.Перейти на слой «knopka». Нарисовать круг в центре предыдущего круга. Выставить параметры Color mixer (Цветовой микшер):

Type (Тип) – Radial (Радиальный);

На левом квадрате значения R и G: 254, B: 255, Альфа 100%, цвет: #FEFEFF

На правом квадрате значения R и G: 0, B: 255, Альфа 100%, цвет: #000099.

В свойствах фигуры (при ее выделении с помощью кнопки Selection (Выделение)) следующие параметры

     12.Кликнуть по фигуре компонентом Selection (Выделение).    

       Выбрать из панели инструментов

Кликнуть по кругу. Оттащить центральный белый кружок в левый верхний угол (см. рис. ниже).

13.  В итоге получится

14.На 2-м и 3-м кадре слоя «knopka» нажать F6. В 3-м кадре саму кнопку выделить и немного опустить вниз, создавая эффект нажатия.

15.Перейти на слой «zvuk». Нажать F6 на 3-м кадре. Выполнить команду File – Import – Import to Library… (Файл – Импорт – Импортировать в библиотеку).

16. В открывшемся окне выбрать звук. Например, из встроенных в систему (путь к звукам C:\Windows\Media\).

17.Перетащить на рабочее пространство файл звука из библиотеки (при выделенном 3-м ключевой кадре слоя «zvuk»).

18.Перейти на сцену1 (Scene 1) и из библиотеки перенести кнопку на рабочее поле.

     Всё, тестируем и проверяем работоспособность. Теперь, при нажатии кнопка будет издавать звук, а при наведении курсора на нее – засветится розовым цветом.