Flash -kurssin aloitus

(1) Itsensä esitteleminen

1.1 Oppilaat esittelevät myös itsensä (jos vaikka oppisin nimet)

(2) Lähtötasokyselyn pitäminen

2.1 Näytetään ensin omalla koneella, millaisesta kyselystä on kyse

2.1.1 Oppilaat seuraavat

2.1.2 Selitä mitä teet, ja mistä kyselyssä on tarkoitus

2.2 Näytetään oppilaille, mistä kysely löytyy

2.2.1 Kirjoitetaan taululle osoite

2.2.2 Kirjoitetaan taululle ohjeet kirjautumisesta

2.2.3 Kirjoitetaan taululle linkit, joita pitää painaa, jotta pääsee kyselyyn

2.3 Oppilaat tekevät kyselyn

2.3.2 Kiertele luokassa seuraten, missä vaiheessa mennään

(3) Kurssin esittely

3.1 Kurssilla voidaan tehdä

3.1.1 Kirjoita taululle eri vaihtoehdot

3.1.1.1 Peli

3.1.1.2 Multimediaesitys

3.1.1.3 Kotisivut

3.1.1.4 Animaatio

3.1.2 Kysy mikä tässä vaiheessa kiinnostaisi oppilaita

(4) Kerrotaan mitä Flash:llä voi tehdä

4.1 Kysytään oppilailta millaisia sovelluksia he ovat nähneet, jotka on toteutettu Flash:lla

4.1.1 Kirjoitetaan taululle, esim. joita oppilaat sanovat

4.2 Näytetään eri vaihtoehtoja, joita Flash:lla voi toteuttaa (moodle)

4.2.1 Vaihtoehdot tallennettu Moodleen (piiloitettu lähtötasokyselyn ajaksi)

4.2.2 Kysytään oppilailta, että mihin kategoriaan mikäkin esimerkki kuuluu

4.2.3 Kerrotaan hieman esimerkeistä

4.3 Kurssin materiaalista löytyviä esimerkkejä

4.4 Flash esitykseen voi lisätä kuvia, videota sekä ääntä

(5) Materiaaliin tutustuminen

5.2 Oppilaat tutustuvat moodlessa olevaan materiaaliin ja esimerkkeihin

5.2.1 Kiertelen luokassa ja seuraan mitä oppilaat tekevät

5.1 Sanaston tarkoitus moodlessa

(6) Käyttöliittymän esittely

6.1.1 Timeline

6.1.2 Työkalut

6.1.3 Tasot (layers)

6.1.4 Paneelit

6.1.4.1 ominaisuudet

6.1.4.2 scripti -editori

6.1.4.3 värivalitsin

6.1.4.4 Kirjasto (library)

6.1.4.5 Frame koon muuttaminen timelineen

large - iso

preview - pienoiskuvat kehyksistä timelineen

6.1.5 Esityksen nopeuden muuttaminen (fps)

6.1.6 Kerro mitä tarkoittaa fps

6.1.6.7 vertaa elokuviin (24 fps)

6.1.6 Työtilan zoom

6.1.7 esityksen keston ilmaisin

Näissä kaikissa oppilaat seuraavat

(7) Peruskäsitteiden esittely

7.1 Bittikarttagrafiikka vs. vektorigrafiikka

7.1.1 demonstroi tämä oppilaille

7.1.2 Käytä esimerkkinä tuota käyttöliittymä kuvaa sekä jotain Flash -animaatiota

Käytä bittikarttakuvia, kun kyseessä on valokuva: bittikarttakuvana oleva valokuva on lähes poikkeuksetta huomattavasti kevyempi (kilotavuiltaan eli kooltaan) kuin vastaava vektorigrafiikka

Käytä vektorigrafiikkaa, kun kyseessä on piirretty animaatio, piirretty kuva tai kaavio - eli suhteellisen yksinkertainen, viivoihin perustuva asia

7.2 Tiedostomuodot swf ja fla

7.2.1 näytä tiedostot moodlesta

Jos tallennat esityksen käyttämällä valikkokomentoa File/Save tai näppäinkomennolla Ctrl+S, järjestelmä tallentaa tiedoston fla -pääteisenä - ei swf -päätteisenä

SWF --> valmis ohjelma

Täytyy erikseen kääntää Flash editorissa

FLA --> muokattava tiedosto

7.3 Onion-skin

7.3.1 käy läpi esimerkin avulla

Onion skin outlines - näyttää onion skin -toiminnon vaikutusalueella olevien framejen sisällöt ääriviivoina

Edit multiple frames - aktivoituna tämä valinta mahdollistaa kaikkien onion skin -asetuksen vaikutusalueella olevien sisältöjen muokkaamisen samanaikaisesti

Ei tarvitse valita kyseistä keyframea aktiiviseksi muokkaamista varten, kuten yleensä

Kätevä ominaisuus, jos tarvitsee skaalata useampia sisältöjä, jotka sijaitsevat eri puolilla timelinea

Modify onion markers - tästä valikosta voi määritellä muita onion skin -toiminnon asetuksia, esim. kuinka suuri alue Main Timelinelta on onion skin -toiminnon vaikutusalueella.

7.3.2 oppilaat tekevät saman animaation

7.3.2.1 kiertele luokassa

7.3.2.2 kun tämä animaatio on tehty, käydään läpi, että se oli Frame-by-Frame aniamaatio

7.3.2.2.1 Kysy miten esityksen nopeutta voi muuttaa

7.3.2.2.2 Voiko nopeutta muuttaa jollain muulla tapaa

7.3.2.2.3 Käydään läpi kuinka kehyksiä (frameja) voi poistaa

insert frame - lisää aktivoituun kohtaan tavallinen frame

remove frames - poistaa valitun tai valitut framet main timelinelta

insert keyframe - luo uuden keyframen main timelinelle (F6)

Insert blank keyframe - luo uuden tyhjän keyframen aikajanalle valittuun kohtaan

Clear keyframe - muuntaa valitun keyframen tavalliseksi frameksi

Convert to keyframes - muuntaa aikajanalla valitun alueen keyframeiksi

Convert to blank keyframes - muuntaa aikajanalta valitun alueen tyhjiksi keyframeiksi

Cut frames - leikkaa valittu alue

Copy frames - kopioi valittu alue

Paste frames - liitä valittuun kohtaan kopioidut/leikatut kehykset

Clear frames - tyhjentää valitut kehyikset

Select all frames - valitse kaikki kehykset aktiivikseksi

Reverse frames - kääntää valitut kehykset aikajanalla vastakkaiseen järjestykseen

7.3.2.2.4 Miten Frame-by-Frame animaatio eroaa muista Flash:n animaatioista

Motion Tween

Tarvitaan yksi symboli, joka saadaan liikkumaan

Shape Tween

Tarvitaan kaksi elementtiä, jotka saadaan muuttumaan toisesta toiseksi

Scriptillä tehty animaatio

Tarvitaan jokin symboli, joka saadaan ohjelmallisesti muuttumaan

http://jnor.joensuu.fi/atk/flash/scriptanimaatio/palloputoaa.html

http://jnor.joensuu.fi/atk/flash/scriptanimaatio/palloputoaa1.fla

7.3.3 Marker (esityskohdistin)

Kertoo missä kohdassa Timelinea parhaillaan ollaan

Voidaan liikuttaa

hiirellä

sekä pilkulla- (,) ja piste-näppäimien (.) avulla

7.3.4 Keyframe ja Frame (avainkuva ja kuva)

Aikajanalla olevat tyhjät keyframet (valkoinen pallo) sekä Framet (pelkkä valkoinen suorakaide) tarkoittavat, että ne eivät sisällä mitään. Tällöin myöskään esityksessä ei näy mitään --> voidaan luoda tyhjiä kohtia esitykseen (jos vaikka halutaan 2 s. tyhjää esitykseen).

Musta piste tarkoittaa, että kyseessä on Keyframe, jossa on jotain graafista sisältöä

Olet itse luonut siihen jotain

Mahdollista näyttää samaa kuvaa pidempäänkin, lisääm ällä Keyframen jälkeen tavallisia Frameja

Edellisen keyframen kuvaa toistavat framet ovat harmaita

Oppilaat seuraavat, jollei toisin mainita