Як у flash зробити кнопки
Сучасні технології значно урізноманітнили інтерфейс різних ресурсів в мережі. флеш-кнопки меню прикрашають будь-який сайт, додаючи в нього якийсь колорит і підвищуючи його функціонал.
Вам знадобиться
- - ПК зі встановленою операційною системою Windows і виходом в інтернет;
- - програма Adobe Flash.
Інструкція
1
Використовуючи незначно відрізняються колірні фрагменти, підготуйте в форматі jpg два графічних файлу з фоновим зображенням кнопок без тексту. Запустіть програму Adobe Flash, створіть з її допомогою новий документ і виберіть в списку параметр «Action Script 2.0». Задайте в розділі налаштувань значення ширини в 273 пікселя і висоти в 54 пікселя.
2
Клікніть в меню «File» кнопку "Import", активуйте команду «Import to library» і імпортуйте в бібліотеку даних два підготовлених вами файлу. Перемістіть на робочу область завантажені зображення, натисніть клавішу F8 і перейменуйте одне з них. Виберіть пункт «Movie Clip» в розділі «Type». Помістіть на робочу область другу картинку і перейменуйте її, вказавши в розділі «Type» той же параметр.
3
Наберіть необхідний текст на кожній кнопці і створіть нову, натиснувши комбінацію клавіш Ctrl + F8. У вікні «New Symbol» введіть ім`я для майбутньої кнопки і виберіть тип «Button». Скопіюйте Movie Clip спочатку відредагованою картинки на робочий область створеної кнопки.
4
Використовуйте комбінацію клавіш Ctrl + F8, створіть новий Movie Clip і скопіюйте результат на робочу область. Приготуйте шар і скопіюйте Movie Clip з другої картинки. В меню правої кнопки активуйте опцію «Insert Frame» і створіть фрейм на першому шарі. У контекстному меню виберіть пункт «Insert Key Frame» і повторіть ту ж операцію на наступному шарі.
5
Виділіть приготований ключовою фрейм і перейдіть до його налаштувань. Натисніть на «Style Alpha» в розділі «Color Effect» і задайте значення «0». Встановіть «Classic Motion Tween» в первои кадрі шару. Відкрийте об`єкт кнопки на робочій області і перейдіть до пункту «Actions». Вставте в порожній частині код: on (release) {getURL ("aboutme.htm", "_self", "GET") -}
6
Задайте в настройках ім`я для кнопки. Поверніться до першого кадра, скопіюйте Movie Clip, виділіть її та відкрийте «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» та експорту створену вами кнопку.
Рада 2: Як зробити кнопку у флеш
Flash-технології в інтернет-сайтах сьогодні використовуються повсюдно, і навіть початківці веб-майстри прагнуть додати в свій сайт флеш-елементи. Наприклад, функціональним і красивим буде оформлення меню з використанням такої технології. Як приклад ми опишемо, як в Adobe Flash CS4 зробити зручну флеш-кнопку, яку можна буде помістити на ваш сайт, і виготовити на основі таких кнопок блок меню.
1
Заготовте два графічних файлу з фоновим зображенням кнопок без тексту в форматі Jpg, що розрізняються парою колірних фрагментів. Потім відкрийте Adobe Flash, створіть новий документ і виберіть в списку Action Script 2.0.
2
Відкрийте розділ налаштувань і встановіть значення ширини 273 пікселя і значення висоти 54 пікселя. Натисніть в меню File кнопку Import і виберіть команду Import to library, щоб імпортувати два підготовлених зображення в бібліотеку даних.
3
Завантажені картинки перетягніть на робочу область, натисніть F8, перейменуйте одну з картинок і в розділі Type виберіть Movie Clip.
4
Потім перетягніть на робочу область другу картинку, теж перейменуйте її і вкажіть той же параметр в розділі Type.
5
На кожній кнопці наберіть потрібний текст і натисніть Ctrl + F8, щоб створити нову кнопку. Відкриється вікно New Symbol. Задайте ім`я майбутньої кнопці і виберіть тип Button. Скопіюйте на робочу область створеної кнопки Movie clip першої відредагованою вище картинки.
6
Створіть новий Movie Clip, також натиснувши Ctrl + F8, і скопіюйте отримане на робочу область. Створіть новий шар і скопіюйте Movie Clip з другим зображенням.
7
На першому шарі створіть фрейм, відступивши трохи і вибравши опцію в меню правої кнопки Insert Frame. Повторіть те ж саме на наступному шарі, вибравши в контекстному меню Insert Key Frame. Виділіть створений ключовий кадр і відкрийте його налаштування.
8
У розділі налаштувань Color Effect виберіть Style Alpha і встановіть значення 0%. У першому кадрі цього ж шару встановіть значення Classic Motion Tween.
9
На робочій області виділіть об`єкт кнопки і відкрийте Actions. Вставте у вільний поле наступний код: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
getURL ("aboutme.htm", "_self", "GET");
}
10
В налаштуваннях задайте кнопці потрібне ім`я. Поверніться до першого кадра і скопіюйте муві-кліп, виділіть її та знову відкрийте 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;
};
}
if (go) {
nextFrame ();
} Else {
prevFrame ();
}
}
onClipEvent (load) {
var go;
stop ();
sim_btn.onRollOver = function () {
go = true;
};
sim_btn.onRollOut = function () {
go = false;
};
}
11
експортуйте кнопку, вибравши в меню File розділ Export movie.
Статті за темою "Як у flash зробити кнопки"
Оцініть, будь ласка статтю