Indrek Ritso

19
Indrek Ritso Animatsioonid Flashis

description

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

Transcript of Indrek Ritso

Page 1: Indrek Ritso

Indrek Ritso

Animatsioonid Flashis

Page 2: Indrek Ritso

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.

Page 3: Indrek Ritso

Joonistamine FlashisGeomeetrilised kujundid:

Pliiatsiga joonistamise meetodid (Pencil Tool):

Straighten (sirgu ajamine)Smooth (silumine)

Ink (tint)

Page 4: Indrek Ritso

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);}

Page 5: Indrek Ritso

Flash bänner näide:

Page 6: Indrek Ritso

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.

Page 7: Indrek Ritso

Ajaskaala

Page 8: Indrek Ritso

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.

Tweening Flashis

Page 9: Indrek Ritso

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

Flashis on võimalik tweeningut teostada kahte moodi:

Tweening Flashis

Page 10: Indrek Ritso

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.

Page 11: Indrek Ritso

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.

Page 12: Indrek Ritso

Shape tweeni rakendus maskiga:

Page 13: Indrek Ritso

Helilõik Flashis.

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.

Heli

Page 14: Indrek Ritso

Vari on ala kuhu otsene valgus valgusallikast ei jõua. Valguseallika poolt vaadatuna võtab vari oma alla kahemöötmelise siluetti.

Näiteks: Flashis tehtud varju on võimalik teostada objekti kopeerimisel eraldi kihile. Vari toonitakse üldjuhul halltooni ja tehakse osaliselt läbipaistvaks.

Vari

Page 15: Indrek Ritso

Liikuv vari Kasutades tweeningut on võimalik ka vari liikuvana esitada.

Näiteks:

Page 16: Indrek Ritso

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

Page 17: Indrek Ritso

KokkupõrkeonClipEvent (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;

}}

Page 18: Indrek Ritso

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

Page 19: Indrek Ritso

Küsimused ?