Dugmić - Button

Dugmici su jedna od tri osnovne vrste simbola koje se koriste u Flashu (tu je još Movie Clip i Graphic).

Postoji više načina kreiranja dugmica - bas kao symbol Button ili MovieClip kao Button. Ja preferiram koristiti MovieClip kao dugmic. Ali za pocetak krenuti cemo sa simbolom Button.
Ovako ce izgledati naš dugmic:



Nacrtajte željeni dugmic. Selektirajte ga i stisnite tipku F8 (ili Modify>Convert to Symbol). Odaberite Button i imenujte po želji, zatim OK- vidi sliku
Dugmići - buttons

Nakon toga dvoklikom na taj dugmic. Vidjeti cete sljedece:
Dugmići - buttons

4 framea Up, Over, Down, Hit. Oni predstavljaju 3 stanja dugmeta i aktivnu povrsinu istog.

  • Up - normalno stanje dugmica
  • Over - kad je kursor iznad dugmica tada ce biti prikazan ovaj frame
  • Down - kad kliknemo na dugmic biti ce prikazan ovaj frame
  • Hit - definira aktivnu površinu dugmica

U svakom tom frameu napravite keyframe (tipka F6). Promijenite design na tim frameovima kako zelite da bude za pojedina stanja. U mom slucaju frame Hit je isti kao frame UP. Trebali biste dobiti ovakav Timeline:
Dugmići - buttons

Iziđite iz mode editiranja dugmica klikom na Scene1 (vidi sliku iznad). Sad bi mogli dodati neku akciju ovom dugmetu. Selektirajte dugmic, otvorite Actionscript konzolu (tipka F9). Upišite sljedeci kod:

on(release) {
getURL(”http://www.as-flash.com”,”_blank”);
}

Ovaj actionscript ce otvoriti stranicu www.as-flash.com u novom prozoru kad kliknemo na dugmic. Testirajte Movie sa CTRL+Enter

Download Ovdje možete skinuti source


1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading …

3 Responses to “Dugmić - Button”

  1. […] objasnjavati kako napraviti dugmic. Taj tutorijal sam vec napravio ovdje. Potrebno je samo da zeljenom email dugmicu postavite instance name dugmic. Doduse Instance name […]

  2. Bravo za tutorijal. Step-by-step, bez dodatnih objašnjenja, kratko, jasno i efikasno !

  3. zasto nikako ne mogu da dobijem url na reliece? Nema mi buttona u actionsu i nemam gde da upisem kod,jedino u layer1 al onda ne radi.A na current selection kaze da ne moze imati kod za tu selekciju.

Komentari

Verification Image

Unesite slova sa slike.