Як зробити кнопку у флеш
Відео: Уроки Adobe Flash # 1 - створення кнопки
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.
Поділитися в соц мережах:
Схожі