Хубаво Flash Меню
Здравейте , сега ще ви покажа как лесно и бързо да си направите яко флаш меню . Всичко съм си превеждал сам , ето линка на урока на английски ЦЪК . Урока не е за начинаещи , надявам се да ви хареса , това ми е първият урок ! :) Демо нямам но может да си изтеглите примера от тук


Направете нов flash документ , вземете Rectangle Tool (R) с цвят #FFB93F , Stroke трябва да е изключено и начертайте фона за менюто ви .





Кликнете 2 пъти на леъра , за да го преименувате на background . След това добавете нов леър с име lines .



Вземете Line Tool (N) , с цвят #742D0E , в панела на настройките (Ctrl+F3) изберете линията , която ще чертаете да с 1px , изберете Solid и начертайте линиите за менюто ви както по-долу .





Създайте нов леър и го именувайте animation1 .

Заключете всички леъри освен animation1 , селектирайте този леър вземете Oval Tool и нарисувайте кръг подобен на този по-долу .



Поставете кръга като на картинката .



Вземете TextTool и напишете даден текст . Вижте картинката .



Изберете animation1 леъра и натиснете F8 (Convert to Symbol) за да го направите Movie Clip .



След това в панела с настройките (Ctrl+F3) където пише <Instance Name> напишете animation1 .



Кликнете 2 пъти върху новият Movie Clip или изберете с дясно копче Edit in Place .

След това , селектирайте текста (в примера : About us) натиснете Ctrl+X за да копирате , създайте нов леър , кликнете на 1 фрейм и натиснете Ctrl+Shift+V за да го поставите .

Върнете се на леър 1 и изберете кръга (circle) и натиснете F8 (Convert to Symbol) за да го превърнете в Movie Clip .





Натиснете на фрейм 5 и после натиснете F6 (Keyframe) . След това на фрейм 10 натиснете пак F6 . Докато сте на фрейм 10 , отворете Action Script Panel (F9) и поставете кода :

stop();


Върнете се на фрейм 5 , вземете Free Transform Tool (Q) и намалете размера на кръга (circle) .



Когато кръга е селектиран , в панела с настройките под Color изберете Alpha и го настройте на 0% .



Изберете Layer1 и от панела с настройките под Tween изберете Motion .





Заключете този леър , натиснете на фрейм 10 от Layer2 и натиснете F5 .



Направете нов леър (Layer3) вземете Rectangle Tool (R) , Fill цвета трябва да е изключен , под Stroke нагласете цвят : #742D0E , в панела с настройките под Stroke нагласете height : 1px , style : Solid , и нарисувайте правоъгълник "rectangle" , като този на картинката .



Направете нов леър (Layer4) и вземете отново Rectangle Tool (R) , този път Stroke color трябва да е изключен , под Fill color изберете какъвто искате цвят и нарисувайте правоъгълник "rectangle" , и го поставете там както е показано на картинката .





Докато правоъгълника е все още маркиран , натиснете F8 (Convert to Symbol) за да го направите на Movie Clip .

После натиснете на фрейм 5 и натиснете F6 . След това преместете правоъгълника както е показано на картинката по-долу .



Натиснете на фрейм 10 и натиснете отново F6 . После преместете правоъгълника както е показано на картинката по-долу .



Изберете Layer4 , отворете панела с настройките (Ctrl+F3) и под Tween изберете Motion .



Изберете Layer4 и с десен бутон изберете Mask .



Върнете се в главния екран (Scene1) и създайте нов леър с име Invisible Button .



След това направете Invisible Button (Невидимият бутно) и го поставете така както е на картинката по-долу .



Докато сте селектирали Invisible Button , отворете Action Script панела (F9) и поставете кода :

on (rollOver) {
_root.mouse_over_animation1 = true;
}

on (rollOut) {
_root.mouse_over_animation1 = fstartlse;
}

on (release){
getURL("http://91.139.154.52/xbits/", "blank");

}


Създайте нов леър и го именувайте AS . Натиснете на първият фрейм , отворете Action Script панела (F9) и поставете кода :

_root.animation1.onEnterFrame = function() {
if (mouse_over_animation1) {
_root.animation1.nextFrame();
} else {
_root.animation1.prevFrame();
}
};





Готово ! Сега потворете нещата за колкото бутони искате да имате в менюто и натиснете Ctrl+Enter , за да проверите резултата .

Урока преведе и написа за вас Fr33style









/ Трябва да сте регистриран за да напишете коментар /
От: VenKu
0:09 16-02-2010
Demoo
От: kapcom
18:02 04-04-2010
А как да свържа всеки бутон с даден линк?
1