Создаём Flash меню со звуком для сайта

Категория: FLASH.

menu_flash_4345_mini-8123325

В этом подробном уроке вы увидите как создать полноценное горизонтальное Flash меню, со звуком и анимацией при наведении курсора. Для реализации этого мы воспользуемся некоторыми приёмами которые доступны в программе Adobe Flash CS3 и пропишем простой Action Script сценарий, нечего сложного нет.

Вот можете посмотреть результат готового меню который у вас должен получиться в конце урока

Шаг-1 Создаём новый Flash документ размером 390 на 64 пикселя, цвет фона поставьте # B4B2AB а чистота кадров 44 в секунду.

788545876-24-8865301

Шаг-2 Выбираем инструмент Текст и переходим в панель свойств (Ctrl + F3) и выставляем следующие параметры как на картинке ниже.

788545876-23-8291950

Шаг-3 Пред тем как мы напишем текст для кнопок, разделите панель меню на три равные части с помощью направляющих.

788545876-22-1325966

Теперь пишем текст для кнопок нашего меню, распределите текст посередине каждой части и на одинаковой высоте относительно друг другу. Также нарисуем маленькие стрелочки, это можно сделать нарисовав сначала квадрат, а потом трансформировать его в стрелку, после скопировав поместить по середине над каждым словом.

788545876-20-1361517

Шаг-4 Выбираем инструмент Стрелка (V) Selection Tool и выделяем первую стрелку и текст.

788545876-19-2269597

После нажимаем клавишу F8 и преобразуем выделенное в символ.

788545876-18-2400484

Шаг-5 Так как только что созданный Movie Clip всё ещё выбран, перейдите в панель свойств и введите в поле Имя экземпляра — About_us

788545876-17-8618706

Шаг-6 Дважды кликните инструментом Стрелка Selection Tool (V) по сцене, для перехода в недавно созданный Movie Clip.

Шаг-7 И так мы находимся внутри Movie Clip About_us, переименуйте пока единственный слой на Текст.

788545876-16-8581977

Шаг-8 Инструментом Стрелка Selection Tool (V) выделите только стрелку над текстом. После нажмите сочетание клавиш Ctrl + X и стрелка исчезла с этого слоя но скопировалась в буфер обмена. Теперь создайте новый слой назовём его Стрелка, и выберите его, нажмите сочетание клавиш Ctrl + Shift + V и как вы видите стрелка скопирована на новом слое.

788545876-15-4873325

Шаг-9 Находясь на слое Стрелка нажмите клавишу F8 для преобразования в символ стрелочки над текстом.

788545876-14-3104974