1 / 19

Indrek Ritso

Animatsioonid Flashis. Indrek Ritso. Mis on Flash ?. Flash on tehnoloogia, mis on rikkalik oma multimeedia sisaldusega ning sisaldab interaktiivsust (animatsioonid) ja heli.

merv
Download Presentation

Indrek Ritso

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Animatsioonid Flashis Indrek Ritso

  2. Mis on Flash ? • Flash on tehnoloogia, mis on rikkalik oma multimeedia sisaldusega ning sisaldab interaktiivsust (animatsioonid) ja heli. • Flash on vektorite baasil tuginev programm, millel on elementaarsed abivahendid ning selle graafiline informatsioon on salvestatud matemaatilisel kujul.

  3. Joonistamine Flashis • Geomeetrilised kujundid: • Pliiatsiga joonistamise meetodid (Pencil Tool): Straighten (sirgu ajamine) Smooth (silumine) Ink (tint)

  4. Flash bänner • Bänner on internetileheküljel teatud kohas asuv reklaam. • Korralik Flash bänner sisaldab endas ActionScript funktsiooni, mille olemasolu tõttu on võimalik reklaamitava toote (firma) kodulehele minna.Näiteks: on (release){ getURL("http://www.reklaam.ee",_root.clickTARGET); }

  5. Flash bänner näide:

  6. Pildi katmine (udu) Pilt ei pea olema alati ühtlaselt terav. Pilti võib katta osaliselt uduga. Alloleva näite põhjal on tehtud pildi katmine uduga. Flashis võib selleks kasutada ovaalset maski. Vasakul originaal pilt ja paremal osaliselt kaetud.

  7. Ajaskaala

  8. Tweening Flashis Kasutaja paneb paika ajaskaalal erinevatel ajahetkedel kuju 2 asukohta ja/või kuju olekut: A – kuju alguse ja B kuju lõpu ning Flash täidab lünga (muutumine ühest olekust teise) nende vahel. Näiteks liikumine punktist A punkti B.

  9. Tweening Flashis Flashis on võimalik tweeningut teostada kahte moodi: 1) Motion tween - Ühe raami sees toimub liikumine (animatsioon) ühes kindlas suunas, muuta võib ka samas kuju. 2) Shape tween - Sarnane motion tweeniga, kuid natuke võimasm, sest võimaldab Flashis animatsiooni kahe joonistatud kuju vahel, ülemineku ühelt kujult teise ja samas võimaldab ka värvi muutust

  10. Tweening Flashis näide: Käesoleva näite tegemiseks on kasutatud ajaskaalal 4 kihti:2 motion tweeni silmade jaoks ja 2 shape tweeni näo ja suu muutumise jaoks.

  11. Shape tweeni rakendus maskiga. Kasutades üksteise peal kahte samasugust pilti, kus üks on teisest mõne millimeetri võrra kaugemal: Tehes kaks erinevat riskülikut ja panna need shape tweeniga liikuma ja kasutada punaste triipude kohal läbipaistvat maski, saame vee voolavuse efekti. Punane värvus on pealmise pildi läbipaistev osa.

  12. Shape tweeni rakendus maskiga:

  13. Helilõik Flashis. Heli Animatsiooni puhul võime heli mõju näha ekraanil ja kuulda õhust. Heli on keskkonnas leviv elastsuslaine võnkumine, vibratsioon õhus. Heliklipp kirjeldab seda mida me võime näha ja kuulda või ainult kuulda.

  14. Vari on ala kuhu otsene valgus valgusallikast ei jõua. Valguseallika poolt vaadatuna võtab vari oma alla kahemöötmelise siluetti. Vari Näiteks: Flashis tehtud varju on võimalik teostada objekti kopeerimisel eraldi kihile. Vari toonitakse üldjuhul halltooni ja tehakse osaliselt läbipaistvaks.

  15. Liikuv vari Kasutades tweeningut on võimalik ka vari liikuvana esitada. Näiteks:

  16. Kokkupõrge Üldjuhul kasutatakse kokkupõrget Flashi mängudes. Kokkupõrke jaoks läheb vaja kahe kujundit. Mõlemal neil võib teha oma silmusahel, kus toimub liikumine pidevalt. Silmusahel

  17. Kokkupõrke onClipEvent (enterFrame) { if (_root.ring, hitTest(_root.ruut)) { _root.text = "On koos"; _root.pomm._height = _root.pomm._height+10; _root.pomm._width = _root.pomm._width+10; } else { _root.text = "Pole koos"; _root.pomm._height = 0; _root.pomm._width = 0; } }

  18. Ruumiline kujund Flashis on võimalik animatsiooni esitada ka ruumiliselt. Näiteks saab teha tääringu ja veeretada seda vastu pinda.

  19. Küsimused ?

More Related