Etusivu > Kaikki > GIF-animaatiothttps://liveohje.wordpress.com/wp-admin/post.php?post=407&action=edit&message=1

GIF-animaatiothttps://liveohje.wordpress.com/wp-admin/post.php?post=407&action=edit&message=1

Animaatiot koulussa

  • Animaatioiden tekeminen koulussa antaa oppilaille välineitä audiovisuaalisen median tarkasteluun ja analysointiin oman tekemisen kautta.
  • Animaatioita voi tehdä monilla eri tekniikoilla.
  • Animaatioiden teko onnistuu myös koulusta löytyvällä välineistöllä, eikä siis välttämättä vaadi suuria rahallisia satsauksia. Koulutyössä animaatioiden teko mahdollistaa eri aineiden integroinnin ja oppilaiden yhteistyön luontevalla tavalla.
  • YLE:n Mediakompassissa on paljon hyvää materiaalia animoinnin koulukäytöstä:http://mediakompassi.yle.fi/opettajat/opetusosiot/animaatio/animaatiotekniikat

GIF-animaatiot Artweaverilla

  • GIF-animaatiot koostuvat sarjasta GIF-kuvia, jotka tallennetaan yhteen tiedostoon.
  • Käyttäjä voi määritellä kuvien vaihtumisajan, minkä ansiosta GIF-animaatiossa voi pyörittää vaikkapa kuvasarjaa, jossa kuvien näkymisaika on esim. 5 sek, tai se voi olla piirrosanimaatio.
  • Animaation voi määritellä ajettavaksi vain kerran, tai sitten päättymättömänä silmukkana, jolloin animaatio ajetaan uudelleen ja uudelleen.

Harjoitus: Tuulilasin pyyhkijä

Animaation eri kuvat luodaan kukin omalle tasolleen.

  1. Aloita uusi työ.
    • leveys: 200 ja korkeus 100 pikseliä.

  2. Lisää apuviiva osoittamaan keskikohtaa:
    • valikosta Näytä -> Uusi apuviiva…
    • laita arvoiksi Pysty ja puolet ikkunan leveydestä, tässä tapauksessa siis 100 pikseliä

  3. Täytä tausta ensin jollain värillä, joka löytyy värivalikoima-paletilta.
     

    • Valitse joku väri klikkaamalla sitä hiirellä.
    • Valitse sitten vasemman reunan työkaluvalikoimasta maaliämpäri ja klikkaa sitten kuvan päälle, jolloin kuvan tausta täyttyy valitulla värillä.

    • Valitse sitten kuviotyökalu ja klikkaa muodoksi viiva
    • Aseta viivan leveydeksi 15. Vamista myös, että Läpäisevyys-kohdassa on 100. (Käännösvirhe: pitäisi olla ”peittävyys”. Korjataan…)

    • Piirrä sitten mallin mukainen vino viiva (huom, älä piirrä ihan yläreunaan asti):

    • Luo uusi taso (Taso -> Uusi -> Uusi taso)
    • Täytä se paperinvärillä (muuten ei toimi oikein!)
    • Muuta Taso-paletissa tason läpäisevyydeksi 50, jotta alla olevakin näkyy sieltä takaa vähän läpi.
    • Piirrä sitten toinen viiva (pyyhkijän toinen ääriasento) vastaavasti kuin ensimmäinen.

    • Palauta sitten tason läpäisevyydeksi 100.
    • Tallenna kuva ensin Artweaverin omaan formaattiin (kannattaa!) valitsemalla Tiedosto -> Tallenna
    • Valitse sitten Tiedosto -> Tallenna nimellä… ja valitse muodoksi GIF.

    • Kun olet painanut Tallenna, ohjelma ilmoittaa että tasot litistetään, hyväksuy OK:lla.
    • Sitten ohjelma kysyy vielä GIF-muotoon liittyviä lisätietoja. Täytä ne alla olevan kuvan mukaisesti
    • Huom, pitää myös klikata rasti kohtaan Lisää asetuksia, jotta ikkunan alaosakin avautuu!
    • Lopuksi paina OK, jolloin tiedosto tallentuu.

GIF-animaation katseleminen

GIF-animaatio on suunniteltu toimimaan selaimessa, joten se ei välttämättä näy oikein muilla ohjelmilla.

  • Käynnistä selain, esimerkiksi Internet Explorer.
  • Paina Alt-näppäin saadaksesi valikot näkyviin.
  • Valitse sitten Tiedosto -> Avaa…
  • Hae sitten tallentamasi tiedosto. Huom, voit joutua muuttamaan haettavan tiedoston formaattia:

  • Jos liike tuntuu liian nopealta, voit säätä sitä tallennusvaiheessa kohdassa Viive, joka on oletuksena 100 millisekuntia.
Kategoriat:Kaikki
  1. Ei kommentteja.
  1. 17.2.2014 09:41

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s

%d bloggers like this: