Создаём Flash меню со звуком для сайта | Уроки по FLASH

menu_flash_4345_mini-5438319

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

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

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

788545876-24-6584357

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

788545876-23-3096895

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

788545876-22-6183637

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

788545876-20-8292117

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

788545876-19-6221460

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

788545876-18-5662410

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

788545876-17-7921899

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

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

788545876-16-1354263

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

788545876-15-3205818

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

788545876-14-8880235