Flash-технології в інтернет-сайтах сьогодні використовуються повсюдно, і навіть початківці веб-майстри прагнуть додати в свій сайт флеш-елементи. Наприклад, функціональним і красивим буде оформлення меню з використанням такої технології. Як приклад ми опишемо, як у Adobe Flash CS4 зробити зручну флеш-кнопку, яку можна буде помістити на ваш сайт, і виготовити на основі таких кнопок блок меню.
Інструкція
- Заготовте два графічних файла з фоновим зображенням кнопок без тексту у форматі Jpg, що розрізняються парою колірних фрагментів. Потім відкрийте Adobe Flash, створіть новий документ і виберіть у списку Action Script 2.0.
- Відкрийте розділ налаштувань і встановіть значення ширини 273 пікселя і значення висоти 54 пікселя. Натисніть в меню File кнопку Import і виберіть команду Import to library, щоб імпортувати два підготовлених зображення в бібліотеку даних.
- Завантажені картинки перетягніть на робочу область, натисніть F8, перейменуйте одну з картинок і в розділі Type виберіть Movie Clip.
- Потім перетягніть на робочу область друга картинка, теж перейменуйте її і вкажіть той же параметр в розділі Type.
- На кожній кнопці наберіть потрібний текст і натисніть Ctrl + F8, щоб створити нову кнопку. Відкриється вікно New Symbol. Задайте ім’я майбутньої кнопці і виберіть тип Button. Скопіюйте на робочу область створеної кнопки Movie clip перший відредагованій вище картинки.
- Створіть новий Movie Clip, також натиснувши Ctrl + F8, і скопіюйте отримане на робочу область. Створіть новий шар і скопіюйте Movie Clip з другим зображенням.
- На першому шарі створіть фрейм, відступивши трохи і вибравши опцію в меню правої кнопки Insert Frame. Повторіть те ж саме на наступному шарі, вибравши в контекстному меню Insert Key Frame. Виділіть створений ключовою фрейм і відкрийте його налаштування.
- У розділі налаштувань Color Effect виберіть Style Alpha і встановіть значення 0%. У першому кадрі цього ж шару встановіть значення Classic Motion Tween.
- На робочій області виділіть об’єкт кнопки і відкрийте Actions. Вставте у вільний поле наступний код:
on (release) {
getURL («aboutme.htm», «_self», «GET»);
} - У налаштуваннях задайте кнопці потрібне ім’я. Поверніться до першої сцені і скопіюйте муві-кліп, виділіть його і знову відкрийте Actions. Введіть ще один код, в якому значення sim_btn — це ім’я вашої кнопки:
onClipEvent (enterFrame) {
if (go) {
nextFrame ();
} Else {
prevFrame ();
}
}
onClipEvent (load) {
var go;
stop ();
sim_btn.onRollOver = function () {
go = true;
};
sim_btn.onRollOut = function () {
go = false;
};
} - Експортуйте кнопку, вибравши в меню File розділ Export movie.
