- Vežba 5 - UVOZ SLIKA I RAD SA SLIKAMA RAD SA SEKVENCAMA I KADROVIMA OBJAVLJIVANJE FILMA

- Vežba 5 - UVOZ SLIKA I RAD SA SLIKAMA RAD SA SEKVENCAMA I KADROVIMA OBJAVLJIVANJE FILMA

UVOZ SLIKA I RAD SA SLIKAMA U Flash-u možete da koristite dve vrste slika: Vektorske slike one su matematički definisane i sastoje se od pravih, krivih linija i popune. Ova vrsta slike je osnovni format za Flash. Bitmape kod njih je svaka tačka definisana bojom i svetlinom. Digitalne fotografije kao i skenirane slike su najčešći prestavnici bitmapirane grafike. Flash može da uveze bit mape i da sa njima radi ili da ih pretvori u vektorske slike. Iako su vektorske slike manje po veličini često se javlja potreba i za uvozom bitmapiranih slika. Važno je upamtiti da iako možete uređivati i menjati veličinu bitmapa u Flashu, uvezena bitmapirana slika će uvek biti ugrađena u eksportovani Flash fajl. Zbog toga treba voditi računa o veličini fajla koji sadrži takvu vrstu slike, odnosno izvršiti sva prethodna podešavanja (optimizaciju) slike na odgovarajuće dimenzije pre uvoza u Flash. Uvoz bitmapiranih slika u Flash možete vršiti upotrebom sledećih metoda: Import to Stage (uvezi na pozornicu)-smešta bitmapu u biblioteku i odmah postavlja kopiju na pozornicu Import to Library (uvezi u biblioteku)- smešta bitmapu u biblioteku i ne postavlja kopiju na pozornicu Import to Stage Kada izaberete komandu File / Import / Import to Stage, Flash će otvoriti okvir za dijalog Import, kao što je prikazano na slici 1. Ovde izaberite datoteku Slika 1. Izbor vrste datoteke Izaberete vrstu datoteke koju želite da uvezete, izaberete samu datoteku, a zatim pritisnete Open da biste kopiju izabrane slike smestili na pozornici i u biblioteku. 2

Pošto uvezete sliku, kopiju koja se nalazi na pozornici možete da obrišete, osim ako ne nameravate da je odmah upotrebite. U biblioteci se nalazi druga kopija slike koju možete da upotrebite kad god vam zatreba. Čim uvezete bitmapu, u prozoru Library će se pojaviti njen prikaz, kao što se vidi na slici 2. Bitmapirana slika Slika 2. Korišćenje vektorizacije bitmape (Trace Bitmap) za pravljenje vektorskih oblika Flash omogućava da pretvorite bitmapu u vektorsku grafiku. Kada se koristi funkcija Trace Bitmap, Flash interpretira informacije o pikselima u bitmapi i pretvara ih u vektorske oblike. Slika koju dobijete može da bude različitog kvaliteta a veličina fajla zavisi od složenosti bitmape. Međutim, u okviru za dijalog Trace Bitmap postoji nekoliko parametara koji se mogu modifikovati i na taj način uspostaviti ravnoteža između veličine i kvaliteta dobijenog fajla. Da bi ste bitmapu pretvorili u vektorsku sliku, uradite sledeće korake: 1. Postavite kopiju slike na pozornicu tako da što ćete je prevući iz prozora biblioteke. 2. Izaberite komandu Trace Bitmap iz padajućeg menija Modify / Bitmap. Otvoriće vam se okvir za dijalog Trace Bitmap kao što je prikazano na slici 3 Slika 3. Okvir za dijalog Trace Bitmap sadrži sledeće parametre: 3

Color Threshold (prag boja) treba da bude između 1 i 500. Ako je razlika u vrednosti RGB boja dva piksela manja od praga boja, boje piksela se smatraju istim. Što je veća unesena vrednost, biće manji broj boja u trasiranoj bitmapi. Minimum Area (minimalna površina) treba da bude između 1 i 1000. Određuje koliko susednih piksela da se obuhvati u proračunu praga. Curve Fit (aproksimacija krivima) određuje koliko glatko Flash pravi vektorske konture. Corner Threshold (prag uglova) kontroliše očuvanje oštrih ivica ili pravi ispeglane konture. Napomena: Preporuka vrednosti opisanih parametara su: Color Threshold=10, Minimum Area= 1 pixel, Curve Fit=Pixels i Corner Threshold=Many Corners. Međutim, kod složenijih bitmapa, sa ovim vrednostima, možete dobiti velike fajlove a u nekim slučajevima Flashu je potrebno dosta vremena da izvrši obradu. Korišćenje opcije za rastavljanje (Break Apart) za pravljenje tekstura za popunu (fill pattern) Kada uvezete bitmapu u Flash, ograničeni ste u njenom korišćenju i obradi. Da biste mogli sliku da uklonite iz njenog graničnog okvira, da je sečete, selektujete pojedine oblasti i koristite kao teksturu za popunu, treba da je rastavite pomoću komande Break Apart. 1. Uvezite bitmapu u Flash (Import / Import to Stage). 2. Izaberite iz File menija komandu Modify / Break Apart. 3. Iz palete sa alatkama izaberite Eyedropper (pipetu). 4. Postavite pipetu iznad slike, i zatim kliknite kako bi je selektovali.bitmapa postaje selektovana popuna koju možete koristiti za popunjavanje vektorskih oblika. 5. Izaberite alatku za crtanje kruga (Oval Tool) ili pravougaonika (Rectangle Tool) 6. Nacrtajte oblik koji će biti ispunjen sa bitmapiranom popunom. Modifikovanje Bitmap popune Flas ređa bitmap popune u niz istih segmenata (tilinig) odnosno slika se ponavlja dok se ne popuni ceo objekat. Ako ste bitmap popunu primenili na neki vektorski objekat, možete da menjate veličinu, iskosite ili rotirate popunu ili izmenite njenu centralnu tačku unutar oblika pomoću alatke Gradient Transform. Sve promene koje uradite desiće se nad kopijom bitmape na pozornici a orginal smešten u biblioteci je nepromenjen. Razlog leži u tome što Flash posmatra bitmapu kao kopiju, a ne instancu, jer za bitmapu nema ugrađenih kontrola. 1. Napravite oblik na pozornici pomoću bitmap popune 2. Izaberite alatku Gradient Transform iz palete alatki. Pokazivač se menja u strelicu sa malim okvirom za gradijent u donjem desnom uglu. 3. Kliknite oblik da ga selektujete.na jednom segmentu popune pojavljuje se granični okvir. 4. Postavite pokazivač miša preko malog belog kružića u centru graničnog okvira. 5. Kursor postaje ikonica za pomeranje (Move). 6. Kliknite i prevucite centralnu tačku na novi položaj. 4

7. Popuna se prilagođava novom polažaju centralne tačke. Obrada bitmape magičnim štapićem (Magic Wand) Kada primenite komandu Break Apart na bitmapu, bitmapa postaje popuna i njen sadržaj se može obrađivati. Ako želite da uklonite delove bitmape ili ih zamenite drugačijim popunama možete selektovati te delove pomoću Magic Wand alata. Ova alatka bira regione sličnih boja i kliktanjem (selektovanjem) dodatnih delova dodaje ih u selekciju. Prag boje (osetljivost) za ovaj alat možete podesiti u pomoćnom meniju za opcije alata Magic Wand. 1. Uvezete bitmapu na pozornici i selektujete je. 2. Kliknite meni Modify i odaberite komandu Break Apart. 3. Kliknite negde na pozornicu da odselektujete rastavljenu bitmapu. 4. Izaberite alatku za slobodnu selekciju (Lasso) iz palete alatki. 5. Kliknite na dugme Magic Wand Mode u delu Options palete alata. Pokazivač miša postaje čarobni štapić. 6. Postavite pokazivač miša iznad oblasti slike koju želite da selektujete. Oblast boje na koju ste kliknuli postaje selektovana. Narednim klikovima na druge oblasti slike dodajete ih u selekciju. 7. Ukoliko želite da podesite parametre ove alatke izaberite dugme Magic Wand Properties u delu Options palete alata. 8. Za vrednost parametra Threshold (prag boja) unesite vrednost između 0 i 200. Ovaj broj definiše koliko blizu susedne boje moraju biti u odnosu na selektovanu boju da bi se dodale u selekciju. Veća vrednost uzrokuje izbor većeg broja boja. 9. Kliknite na padajući listu Smoothing i isprobajte opcije koje su prikazane: Pixels (pikseli), Rough (grubo), Normal, Smooth (glatko). Ovim opcijama se podešava hrapavost ivica selekcije. RAD SA KADROVIMA I SEKVENCAMA Kada hoćete da premestite ključni kadar, treba da ga izaberete a zatim pomerate pokazivač miša dok se uz njega ne pojavi mali pravougaonik, kao na slici 4. Tada pritisnite taster miša i prevučete ga na novu poziciju i na taj način menjate dužinu sekvence. Slika 4. Kada hoćete da izaberete niz kadrova i da ih premestite u vremenu, označite prvi, a zatim preko ostalih vucite pokazivač miša, sve do poslednjg u željenom nizu slika 5. 5

Slika 5. Ako čitavu sekvencu međkadrova prevučete udesno, postižete da se animacija odvija kasnije u vremenu, a da se ne promeni trajanje sekvence. Ako sekvencu pomerate ulevo slika 6., pomerićete animaciju ranije u vremenu. Slika 6. Nakon ove operacije trebalo bi da uklonite suvišne kadrove preostale iza sekvence slika 7. Slika 7. Kadrove brišete pomoću komande Remove Frames koju dobijate kada pritisnete desni taster miša slika 8. Slika 8. 6

OBJAVLJIVANJE FILMA Kada pravite Flash film vi radite sa dva dokumenta: izvorni dokument (.fla) i objavljeni dokument (.swf). Izvorni dokument je radni dokument koji Flash koristi za obradu podataka filma. Objavljeni dokument je kompresovani dokument za prikaz koji se jednom napravi i može biti ubačen u HTML dokument, narezan na CD, DVD i sl., ili pušten direktno sa hard diska. Objavljivanje Flash dokumenta možete izvršiti pomoću komande Publish iz File menija ali je potrebno prvo izvršiti neka podešavanja pomoću opcije Publish Settings. Upotrebom ove opcije možete izmeniti način objavljivanja filma. Modifikovanje podešavanja za objavljivanje Flash podešavanja za objavljivanje imaju mogućnost da podesite da izlazni fajl koristi određenu verziju Flash playera, ugradite određene funkcije za kompresovanje, sačuvate izgled ekrana kadrova u nekoliko formata. Slika 9. Podešavanje HTML opcija Kada ubacujete Flash film u HTML dokument postoji mnogo parametara koji imaju uticaj na performanse dobijene HTML stranice. HTML pravi oznake (tagove) koji ugrađuju Flash film na web stranicu. 1. Iz File menije izaberite opciju Publish Settings. 7

2. U dijalog prozoru koji se otvori selektujete polje HTML a zatim izaberite karticu HTML. Prikazuje se prozora sa parametrima za podešavanje (slika 10). 3. Označavanjem opcije Detect Flash Version omogućavate detektovanje verzijes Flash Playera koja je podržana na korisnikovom računaru. Ako Flash Player nije instaliran ili broj verzije nije dovoljno velik da prikaže film, korisnik neće moći da ga vidi. Flash može prikazati poruku, link ka Adobe web sajtu za preuzimanje odgovarajuće verzije, alternativnu sliku ili prikazati različit sajt. 4. Pomoću pomoćnog menija Dimension možete da podesite veličinu Flash filma podešavajući širinu i visinu u procentima ili pikselima.opcija Match Move odgovara veličini Flash filma i postavlja tačnu veličinu. Opcija Percent omogućava promenu razmere u okviru pretraživača. 5. Playback sekcija omogućava da podesite da se Flash film prikazuje u beskonačnoj petlji (Loop opcija), pauzirate film nakon što se učita (Paused At Start), omogućite ili onemogućite prikaz koda HTML dokumenta u kome se nalazi Flash film (Display Menu) sa desnim tasterom miša i koristite sistemske fontove u Flash dokumentu (Device Font) 6. Pomoćni meni Quality omogućava izbor nivoa kvaliteta dokumenta. 7. Opcija Window Mode se koristi za izbor režima za otvaranje Flash dokumenta. 8. Opcija HTML Alignment omogućava selektovanje poravnanja HTML strane 9. Pomoćni meni Scale koristi se za izbor načina na koji će Flash dokumenat menjati razmeru kada se učita u HTML stranu. 10. Poravananje Flash filma unutar HTML strane možete postići sa opcijom Flash alignment podešavanjem opcija Horizontal i Vertical. Slika 10. 8

Podešavanje FLASH opcija Flash daje mogućnost da prilagodite Flash dokument upotrebom specifičnih izlaznih podešavanja. Možete podesiti sve, od verzije Flash player dodatka (plug-in) i ActionScripa, pa do kompresije filma i kvaliteta ugrađenih JPEG slika. 1. Iz File menije izaberite opciju Publish Settings. 2. U dijalog prozoru koji se otvori selektujete polje FLASH a zatim izaberite karticu FLASH. Prikazuje se prozora sa parametrima za podešavanje (slika 11). Slika 11. 3. Pomoćni meni Version koristi se za izbor verzije plejera za objavljivanje Flash dokumenta. 4. Pomoćni meni Load Order se koristi za izbor načina učitavanja (odozdo naviše- Bottom up ili odzgo naniže-top down) 5. Pomoćni meni ActionScript Version se koristi za izbor verzije za objavljivanje Flash dokumenta 6. Generate Size Report: pravi izveštaj kadar-po-kadar za aktivan dokumenat. 7. Protect from Import: sprečava da objavljeni Flash dokumenat bude ponovo otvoren u Flashu. 8. Omit Trace Actions: Sprečava ispis Trace komande u objavljenom dokumentu. 9. Permit Debugging: omogućava debagovanje Flash filma 9

10. Compress Movie: Kompresuje film (važi samo za filmove koje reprodukuje Flash Player 7) 11. Password: ova opcija je dostupna ako je selektovano Protect from Import ili Permit Debugging i koristi se za upis šifre za Flash dokument. 12. Opcija JPEG Quality omogućava da povećate ili smanjite veličinu kompresije primenjene na sliku. Što je vrednost niža, više informacija se uklanja sa slike. 13. Ostale opcije se odnose na podešavanja i modifikaciju parametara vezanih za Flash dokumenat koji sadrži i zvuk. ZADATAK ZA SAMOSTALAN RAD: Napraviti animaciju za sajt dimenzija 150 x 100 piksela i brzinom prikaza 15 fps koja sadrži scene prema sledećem rasporedu: Scena 1: Kreirati grafički simbol sa tekstom Samsung i podesiti da se tekst postepno povećava. Na početku animacije tekst treba da je nevidljiv a na kraju animacije da se u potpunosti prikaže. Postaviti trajanje scene na 2 sekunde. Scena 2: Kreirati grafički simbol sa tekstom Nokia i podesiti da se kreće po kružnoj putanji. Kretanje teksta treba da se postepeno ubrazava i tekst treba da se rotira pet puta u pravcu kazaljke na satu. Postaviti trajanje scene na 3 sekunde. Scena 3: Uvesti sliku slika1.jpg. na pozornicu. Pomoću kružne maske podesiti prikazivanje slike tako da se maska od sasvim malog kruga u zadnjem kadru transformiše u veliki krug. Postaviti trajanje scene na 4 sekunde. Omogućiti navigaciju kroz sve tri scene (napred, nazad) pomoću dugmeta. Sačuvati radnu verziju zadataka sa ekstenzijom.fla i izvesti film u verziju za prikaz na web stranici (Izvršiti podešavanje Flash i HTML opcija u okviru Publish Settings) 10