Как да си направим Flash сайт

Adobe Flash » Flash

goldenlady   трудност:    видян: 47811

27. Ако искате променете цвета на текста . След като сте кликнали върху първия бутон напишете "Home" , след това кликнете върху втория бутон и напишете "portfolio", върху третия бутон " About" , върху четвъртия "FAQ" и на последния " С ontact"



29. Направете нов леър над този с бутоните.

30. тук ще създадем hit area за бутоните за да може наистина да се клика върху тях . Click на square tool и създайте квадрат с бял цвят и със същите размери като на бутоните.



31. Превърнете този квадрат в символ, но този път вместо да се избере movie clip се клика на Button.



32. Double click вътре в този символ и той ще изглежда малко по- различно от символа н a movie clip. Появяват се: "Up", "Over", "Down", and "Hit".



33 .Има малка черна точка под "Up" , right click и без да се отпуска бутона на мишката се издърпва до "Hit" - докато черната точка се покаже под "Hit" .



34. Връщаме се на main timeline и кутийката трябва да е синя.

35. Копираме и я поставяме 4 пъти и издърпваме всяка върху бутона докато всички бутни се покрият с кутийки .



36. Създаваме нов слой най- отгоре, click на square tool , stroke off и bacgound color black с тези настройки (width: 304.8, height: 429.1, x positioning: 551.5, y positioning: 297.0) . Селектира се square и се прави следното- от менюто най- горе се избира Modify/Shape/Soften fill edges



37. Появява се нов прозорец. В него се дават следните настройки: distance 20рх и number of steps 20 . Уверете се, че е кликнато върху Expand.



38. Следващата стъпка е много важна !Отиваме на фрейм 30, селектираме всички слоеве и с кликане на десен бутон на мишката задаваме insert frame.



39. Създават се още два слоя и се преместват най-отгоре .

40. Най- отгоре на time line кликаме върху номер 5 и натискаме (F6) . Направете това за номера 10,15 и 20 .



41. Селектира се малкото кръгче на номера на фрейма и се натиска (F9) . Това ще отвори actionscript прозореца . Въведете следното: stop();



42. Над малкото кръгче се е появила буквата "a" . Това означава, че з а този фрейм има actionscrip. Повтаря се същото и за фреймове 5,10,15 и 20 на този слой .

43. Сега натиснете (F6) отново за фреймове 5,10,15 и 20 , но този път за слоя, който е под слоя, върху който досега се е работило (дано разбрахте, че както го обясних...).



44. Сега ще направим нещо малко по- различно- този път ще именуваме малките кръгчета. Клика се в кръгчето на първия фрейм, поглеждаме в долния десен ъгъл и там в Properties в полето под Frame попълваме home.



45. Преименуваме по аналогичен начин всички останали кръгчета ( portfolio, about, faq, и contact).

46. Преминаваме на слоя, който е под този, върху който работихме до момента. Натиска се (F6) за фреймове 5,10,15 и 20. След това ще се появят малки черни точки под съответните фреймове .



47. За първия фрейм, където има черно квадратче може да напишете каквото си искате.



48. Напишете нещо различно за фреймове 5,10,15 и 20.

49. След като вече сте написали всичко, което искате в различните квадратчета е време да накараме всичко това да работи. (А дано!.. ама надали ...) Това, което трябва да се направи е да се кликне върху синьото квадратче над бутона “ HOME ”- не кликайте 2 пъти- само веднъж, за да се селектира!!! След като вече е селектиран се натиска (F9) - това ще отвори actionscript прозореца. В него въведете следното:

on(press){
gotoAndStop("home");
}

Това ще прави следното: когато кликнете върху този бутон ще отидете на фрейма, който сте кръстили home. Повторете същото и за останалите сини кутийки гледате името на кутийката да е еднакво с това в actionscript -а, т.е. сменяте само home съответно с portfolio, about, faq и contact.

50. И сега идва моментът на истината- за да видите как и дали работи натиснете (Ctrl + Enter) to see the swf.

Урокът е от http://www.retireat21.com/