Sadržaj kursa
Flash
Sadržaj lekcije

U ovom poglavlju preći ćemo na izradu jednostavnog Web sajta u cilju obnavljanja svega što smo dosad naučili. Ovaj Web sajt sadržaće plutajućI navigacioni panel, sličan onome koji smo dizajnirali u prethodnom poglavlju. Zato ćemo prvo preći na njegovo dizajniranje. Uzmite alatku Rectangle i nacrtajte pravougaonik određenih i razumnih dimenzija. Zatim ga selektujte i konvertujte u simbol. Novi simbol ćemo nazvati mcNavPanel, a za tip simbola ostavićemo vrednost MovieClip. Primetićete da pratimo konvenciju zadavanja naziva koju smo obradili na početku ovog kursa. Kliknimo na dugme OK da bi zatvorili okvir, a zatim zadajte naziv novoj instanci. Nazvaćemo je Navpanel. Sad dva puta kliknimo na ovaj simbol kako bi ga modifikovali. Da bi smo dobili efekat senke, kreiraćemo novi lejer, i postaviti ga tako da bude smešten iznad lejera 1. Selektujte alatku Rectangle, isključite opciju za bojenje površine, i potvrdite da vam je selektovana opcija Snap to Object. Zatim nacrtajte pravougaonik koji ima iste dimenzije kao onaj koji smo maločas nacrtali. Sad prebacite lejer 2 ispod lejera 1, i koristeći se kursorskim strelicama, odvucite pravougaonik tako da se vidi sa desne i donje strane. Sad ovaj pravougaonik moramo načiniti transparentnim, i zato otvorimo Color Mixer panel. Promenimo veličinu transparentnosti na 38 procenata, ili na veličinu koja vam odgovara. Sad ćemo preći na izradu naslovne linije, na način koji smo pokazali u prethodnom poglavlju. Selektujmo alatku Line, zatim isključimo lejer 1 i nacrtajmo liniju. Koristite alatku Arrow kako biste selektovali oblast iznad linije, pri tom pazeći da su sve linije povezane kako treba. Držeći pritisnut taster Shift selektujte sve strane, zatim ovaj selektovani objekat konvertujte u simbol. Novi simbol nazvaćemo btnNavDrag, i biće tipa Button. Nakon što kliknemo na dugme OK da zatvorimo okvir za dijalog, kliknimo dva puta na novi simbol da bismo ga modifikovali. Dodaćemo efekat trodimenzionalnosti. Gornju i levu ivicu ćemo izbledeti, dok ćemo i desnu i donji ivicu takođe osvetliti ali ne u istoj količini. Gornjoj i levoj ivici povećaćemo vrednost crvene boje, kako bi dobili utisak da ove linije pripadaju crvenom okviru. Sad dodajmo malo teksta kako bismo obavestili korisnike šta mogu da urade sa ovim panelom. Smanjićemo veličinu i uneti tekst Drag. Kao završni korak, dodaćemo ključne frejmove stanjima Over i Down. Za Hit stanje ne moramo ništa raditi, jer su sva podešavanja postavljena u Up stanju. Pored toga, možemo izmeniti boje dugmeta za ova dva stanja. Takođe ćemo izmeniti i boje teksta za ova dva stanja. Vratimo se korak nazad u editoru, i sada ćemo dodati nekoliko akcija za pomeranje panela. Selektujmo dugme i dodajmo nekoliko akcija. Prvo moramo dodati komandu Start Drag koja je smeštena u grani Actons, i sekciji Movie Clip Control. Naša odredišna tačka je NavPanel simbol, i ovom prilikom primetite da koristimo apsolutnu putanju. Selektujte poslednju liniju koda, i dodajte StopDrag komandu. Izvršićemo izmenu stanja miša u prvoj liniji koda, i umesto Release stanja stavićemo Press stanje, iz razloga koje smo ranije objasnili. Isprobajmo kako sve to izgleda.

0% Završeno
Call Now Button