Flash technologij os

1. Flash technologijos 1dalis Gitana Čechamirienė Vilnius2008balandžio 26d.

2. Kompiuterinė grafika • Taškinė (rastrinė, bitmap) – vaizdas sudarytas iš taškų.Didinant vaizdą taškai išryškėja.Formatai: BMP, JPG, GIF, TIFF, PNG, PSD ir kt. • Vektorinė (vector) – vaizdas sudarytas iš vektorių.Todėl kokybė nenukenčia, kai didinamas vaizdas.Formatai: EPS, CDR, DWG, FLA, SWF ir kt.

3. F L A S H • Adobe (iki 2005 m. Macromedia) produktas; • Vektorinės grafikos redaktorius; • Dvimatės (2D) grafikos redaktorius; • Interaktyvios (animacijos) grafikos redaktorius; • “Programuojamosios (ActionScript) grafikos redaktorius”.

4. Adobe Flash CS3 Professional • Tai 9-oji programos versija

5. Adobe CS3 ! Numatyta patogi kitų CS3 rinkinio programų integracija

6. Formatai • FLA – gimtasis programos formatas.Šiuo formatu išsaugoti dokumentai gali būti atveriami su programa Flash.Pastaba. Negalėsite atverti naujesnės versijos failų su senesnės versijos Flash, todėl saugodami pasirūpinkite tinkamos versijos pasirinkimu. • SWF – specialus peržiūrai skirtas formatas.Peržiūrai reikia atitinkamos versijos FlashPlayer (jis dažnai integruotas į naršykles, todėl SWF formato failus galime peržiūrėti naršyklėje).

7. Flash technologija • Taikoma interaktyvių multimedija (daugialypės terpės) produktų kūrimui. Tai gali būti: • Animacija (“filmukai”) • CD pateiktys • Nuotraukų albumai • Interneto reklama (baneriai) • Žaidimai (kitos paskirties programos) • WEB svetainės • bei kt.paskirties produktai

8. Macromedia Flash CS3 naujovės • Ryšys su kitomis CS3programomis (integracija); • Nauji įrankiai, pvz. naujos įrankiųsavybės; • Nauja ActionScript 3.0versija • Įterptiautomatizuoti efektai; • ir kt.

9. Flash (reikia žinoti, kad) • Vektorinės grafikos redaktorius • Dvimatės grafikos redaktorius • Dinaminės grafikos redaktorius • Bylų formatas *.FLA • Palaiko formatus: • Importui: FLA, SWF, MOV ir kt. animaciniusGIF, JPG, PNG, BMP ir kt. taškiniusWAV, MP3 ir kt. • Eksportui: SWF (HTML), GIF, JPG, MOV, EXE

10. Programos aplinka Spalvinių užpildų langas Įrankiai Spalviniai užpidai Dokumento biblioteka Aktyvaus įrankio savybės Savybių langas Nuorodos į naudingas komandas

11. Programos aplinka (kai atvertas dokumentas) Timeline – sluoksnių ir kardų valdymo langas Dokumento simbolių biblioteka Dokumento scenų biblioteka Dokumento langas

12. Programos aplinkos tvarkymasWorkspace • Meniu Window pateikiamos komandos, skirtos pagalbinių langų valdymui. • NaujameCS3rinkinyje sujungiamos atskirų programų naudingos ir patogios galimybės, tokiu būdu, programoje Flash CS3 atsiranda Workspacesąvoka.

13. Default Workspace • Įprasta Flash programoms aplinka

14. Icons and Text Default • Bendras CS3 programoms stilius

15. Icons Only Default

16. Naujo dokumento savybės • Sukūrus naują dokumentą, pirmiausia reikėtų nustatyti dokumento savybes:Modify/Document [CTRL+J] Kadrų keitimo greitis fps – frame per second Arba savybių juostoje (kai įjungtas žymėjimo įrankis Selection Toolir “niekas nepažymėta”)

17. Spalvos, užpildai • Įrankių juostoje galima pasirinkti fono ir kontūro spalvinius parametrus, kuriuos perims vėliau naudojami įrankiai • Lange Color pateikiama daugiau pasirinkimo ir redagavimo variantų

18. Vektorinės grafikos kūrimo pagrindai • Naujų vektorinių objektų formavimui skirtas įrankių rinkinys Tools. • Šio rinkinio įrankiais galima formuoti naujus ir redaguoti anksčiau suformuotų objektų savybes. • Pasirinkus įrankį, jo savybės pateikiamos įrankių juostos dalyje Options ir savybių juostoje Properties, pvz:

19. Pencil Tool [ Y ] • Pieštukas • Savybės: Savo forma panašias į apskritimą ar stačiakampį kreivę automatiškai performuoja, pvz.: Lygina Glotnina Palieka tokias pat

20. Line Tool [ L ], Pen Tool [ P ] atkarpos “Beze” kreivės

21. Rectangle Tool [ R ]Oval Tool [ O ] Elipsių formavimas Stačiakampių formavimas Formavimo metu nuspaudus SHIFT

22. Selection Tool [ V ] Fonų, kontūrų, sričių žymėjimas Pelės kursorius, priklausomai nuo jo padėties kitų objektų atžvilgiu gali būti: Žymėti (foną, kontūrą, su SHIFT – pratęsiamas žymėjimas) “Pagauti” kontūro “kraštinį” tašką “Pagauti” objekto kontūrą Atlikti kelių objektų ir jų dalių žymėjimą (kurios patenka į žymimą sritį)

23. Ryšys tarp objektų • Dedant Shape tipo objektus vienas ant kito atliekamas sujungimas ir atskyrimas (connection and segmentation) Pastaba. Objekto fonas ir kontūras – atskiri objektai

24. Objekto dalies žymėjimas įrankiais Selection Tool [V], Lasso Tool [L] • Įrankius:Selection Tool [V]Lasso Tool [L] • Galime naudoti vaizdodalių žymėjimui, pvz.:

25. Išeitys, norint išvengti sujungimo • Grupuoti objektus Modify/Group [ CTRL+G] • Formuojant objektus naudoti režimą Object Drawing [J] • Objektus išdėstyto skirtinguose sluoksniuose • Grupė “išardoma”: • Modify/Ungroup [CTRL+SHIFT+G] • ModifyBreak Apart [CTRL+B]

26. Užpildai • Kadangi objektų fonas ir kontūras yra atskiri objektai, galimas lankstus ne tik pačių objektų, bet ir sričių tarp jų (jei susiformuoja uždara sritis) užpildymas fonu, ar kontūro keitimas. Paint Bucket Tool [ K ] Eyedropper Tool [ I ] Fono ir kontūro atpažinimo įrankis Ink Bootle Tool [ S ] Gradient Transform Tool [ F ] – galime transformuoti pustonių ir taškinį užpildus

27. Taškiniai užpildai • Taškiniai užpildai yra įkeliami iš išorinių resursų (taškinių grafinių failų) ir patalpinami dokumento simbolių bibliotekoje. • File/ Import/ Import to Library

28. Tikslumą užtikrinančios priemonės • Būna situacijų, kai formuojant vaizdą, reikia užtikrinti tikslumą: • Tvarkingai išdėstyti objektus; • Patalpinti objektus tikslioje dokumento vietoje; • Ir pan.

29. Tikslumą užtikrinančios priemonės • Objektų traukos režimas – Snap to Objects • Liniuotės – View/Rulers • Tinklelis – View/ Grid /Show Grid [CTRL+’]Edit Grid [CTRL+ALT+G] • Nurodomosios linijos – View/Guides /Show Guides [CTRL+;]Lock Guides [CTRL+ALT+;]Edit Guides [CTRL+ALT+SHIFT+G] • Kiti traukos režimai - View / Snapping

30. Objekto savybių keitimas • Pažymėtą objektą galime redaguoti: • Window/Info [CTRL+I] • Window/Transform[CTRL+T]

31. Objektų lygiavimas, rikiavimas • Window/Align [CTRL+K]

32. Animacija • Animacijos principas – vaizdų kaita skirtinguose kadruose Filmuko trukmė – 18 kadrų Atkarpa, kuriai taikomas metodas Shape Užpildytas Tuščias Raktinis kadras Tuščias kadras “Aktyvus” kadras “Užpildytas” kadras

33. Animacija • Insert/Timeline/Frame [F5] – ‘paprasto’ kadro įterpimas • Insert/Timeline/Keyframe [F6] – raktinio kadro įterpimas • Insert/Timeline/Blank Keyframe – tuščio raktinio kadro įterpimas Pakeitimai atliekami nuo raktinio kadro iki raktinio kadro

34. Paprasčiausia animacija Rezultatas

35. Animacijos peržiūra • Jei dokumente sukurta animacija, realizuojama atskiruose kadruose, galime peržiūrėti animaciją tokias būdais: • Dokumento redagavimo lange: pažymėję 1 kadrą ir vykdydami komandą Control/Play [ENTER] • Animacijos peržiūros lange:vykdydami komandąControl/Test Movie [CTRL + ENTER]

36. Pavyzdys Išskrenda paukščiai (faile pauksciai.gif) Realizuokime naudodami įrankį Brush Tool [B]

37. Animacijos saugojimas • Gautą animaciją siūloma saugoti programos gimtuoju formatu FLA

38. Animacijos saugojimas kitais formatais (eksportas) • File/Publish Settings • File/Publish • File/Export/ Export Image… Export Movie…

39. “Sudėtinga” animacija • Jei norite sukurti “sudėtingą” animaciją, kai vienu metu animuojami skirtingi objektai, kiekvieno objekto animaciją realizuokite skirtinuose sluoksniuose.

40. Pavyzdys Faile pauksciai_debesys.exe

41. Simboliai • Programoje numatyta trijų tipų simbolių kūrimas, juos išsaugant simbolių bibliotekoje. • Insert/New Symbol [CTRL+F8]

42. Simbolių tipai • Movie Clip • Graphic • Button

43. Simbolio redagavimo aplinka Simbolio pavadinimas Dokumento simbolių biblioteka Registracijos taškas

44. Mygtuko tipo simbolis Reagavimo sritis Įprastinė mygtuko būsena Paspaudus ant mygtuko Užvedus pelės kursorių ant mygtuko

45. Kitas simbolių kūrimo būdas • Jei vėliau paaiškėjo, kad dėl tam tikrų priežasčių reikėjo sukurti simbolį, turimą objektų rinkinį galima konvertuoti į simbolį: • Pažymėti; • Vykdyti komandą Modify/Convert to Symbol [F8]

46. Simbolių biblioteka • Visi dokumento simboliai patalpinami dokumento simbolių bibliotekoje • Window/Library [CTRL+L] Simbolio kontekstinis meniu

47. Simbolių naudojimas • Mygtukų (Button) simboliai – animacijos valdymui (programuojant); • Graphic – susiejamas su pačios animacijos scenos būsena;Movie Clip – nepriklausomai nuo situacijos scenoje, vykdo savo veiksmų ciklą; • Pastaba. Jei simbolyje saugomas viename karde saugomas vaizdas, techniškai galima teigti, kad nėra jokio skirtumo ar jis Graphic ar Movie Clip tipo.

48. Simbolių naudojimas • Simbolius galime naudoti animacijoje ir kituose simboliuose, juos įkeldami (įtempiant pele) iš dokumento simbolių bibliotekos.Atliekant pakeitimus simboliui, jie automatiškai keičiami visose naudojamose simbolio kopijose. • Pastaba. Simbolių biblioteka saugoma kartu su dokumentu, kas įtakoja failo dydį. Todėl bibliotekoje tikslinga palikti tik naudojamus animacijoje simbolius.

49. Simboliams būdingos savybės • Simboliai, skirtingai nei grafiniai objektai turi spalvines savybes: Ryškumas Spalva Skaidrumas

50. Metodas Motion • Simbolių arba sugrupuotų objektų animacijos metodas, skirtas laipsniškam simbolio (arba sugrupuotų objektų) judėjimui. • Pvz. norime sukurti krentančio kamuoliuko animacijos siužetą. Sprendimo būdai: • Sukurti raktinių kadrų rinkinį, juose pavaizduojant vis kitoje dokumento vietoje esantį kamuoliuką, tai imituojant kritimą; • Sukurti du raktinius kadrus: pirmame patalpinti kamuoliuką pradinėje vietoje, paskutiniajame – žemiausiame kritimo taške, kadrų atkarpai nuo pirmo iki priešpaskutinio kadro taikyti metodą Motion.