Flash – Kreiranje web dugmadi

Ako se imalo bavite web dizajnom, sigurno ste veฤ‡ kreirali neke dugmiฤ‡e, najverovatnije u Photoshop-u. Ali tu se radilo o bitmap grafici, koju ne moลพemo uspeลกno koristiti u Flash-u za animacije, gde nam je u stvari potrebna vektorska grafika. Znaฤi, za dobru animaciju treba nam digmiฤ‡ kreiran u nekom programu za vektorko crtanje, kao ลกto je npr. CorelDraw ili nekom sliฤnom. Ali jedno takvo dugme uspeลกno moลพemo kreirati i u samom Flash-u.

Pokrenite Flash i otvorite novi rad. Izaberite prvo alatku Rectangle Tool, te kliknite na poslednje dugme – „Round Rectangle Radius“ da bi zaoblili ฤ‡oลกkove naลกeg buduฤ‡eg dugmeta. Kada kliknete ovo dugme pojaviฤ‡e se mali dijalog prozor u kome treba da unesete veliฤinu zaobljenja u pointima, pa unesite 15 pointa. Za boju linije (Line Color) izaberite bezbojnu (treba da se pojavi H oznaka), a za boju popune (Fill Color) izaberite neku crvenu nijansu (mada moลพe bilo koja). Dovedite pokazivaฤ miลกa iznad radne povrลกine i nacrtajte zaobljeni pravougaonik.

Kliknuฤ‡emo sada na alatku Arrow i selektovati nacrtani pravougaonik. Pritisnite preฤicu Ctrl+C radi kopiranja objekta u clipboard. Potom ฤ‡emo kreirati novi sloj (layer) izborom menija „Insert> Layer“, te izabrati meni „Edit> Paste in Place“ da bi sadลพaj clipboard-a smestili na novi sloj. Kada „otpustite“ objekat na novi sloj, on ฤ‡e biti selektovan pa ฤ‡emo ga transformisati – „Modify> Transform> Scale“. Na ivicama objekta pojaviฤ‡e se mali kvadratiฤ‡i (tzv. ruฤice), kliknite na jedan iz ฤ‡oลกkova i smanjite objekat za neki piksel. Izaberite Fill alatku i kliknite dugme Fill Color, pa izaberite „Color Options“ dugme. Preฤ‘ite na Gradient karticu i kliknite na dugme New, sada treba da napravite prelaz od bele boje ka crvenoj boji koju ste upotrebili za prvi pravougaonik. Utvrdite da je kao izabran linearni (linear) prelaz i kliknite Change dugme, te zatvorite dati dijalog.

Kliknite na drugi sloj da bi drugo dugme bilo selektovano i popunite dugme prelazom boja koji ste napravili. Kliknite sada dugme „Transform Fill“ u donjem levom uglu radne povrลกine, pa dvostruko kliknite pravougaonik. Kliknite na beli kruลพiฤ‡ na desnoj strani pravougaonika, i drลพeฤ‡i pritisnut taster, rotirajte prelaz za 90 stepeni. Potom kliknite na beli kvadratiฤ‡ i prevucite ga do ivice pravougaonika, da bi gradient bio veliฤine dugmiฤ‡a. Ostalo vam je samo da centrirate drugi pravougaonik iznad prvog i imaฤ‡ete dugme kao na slici. Dodajte neki naslov na dugme i imate objekat spreman za animaciju.

Pratite Krstaricu na www.krstarica.com