Remix-kollaasit ja animaatiot

Remix-kollaasit ja animaatiot -oppimiskokonaisuuteen liittyvät seuraavat harjoitteet:
 

CC-kuvahaku Flickristä

Kuvankäsittely

Gif-animaatio

Lue myös Maria Candian pajaidea ja miten työpaja sujui Kallion ala-asteella.

kissakotkaPetteri

Gif-animaatio

Gif-animaatio toteutetaan verkossa kahdessa vaiheessa. Ensin luodaan animaatiota varten still-kuvia, jotka tuodaan gif-ohjelmaan sekä muokataan ja tallennetaan animaatioksi. Työvaiheet jakautuvat melko hyvin kahdelle 90 minuutin oppitunnille. Ensimmäisen kaksoistunnin tavoitteena on hyvä pitää animaation pohjakuvan luominen ja tallentaminen; seuraavalla tunnilla tallennetaan kuviin muutokset ja luodaan lopullinen animaatio.

Animaation pohjakuva

pollo-valkoinen

Mitä tahansa kuvaa voi lähteä animoimaan.

Ensin keksitän animaation idea ja etsitään sen toteutukseen tarvittavat kuvat. Animaatiota varten on hyvä hakea kuvia taustaan, hahmoihin ja hahmojen liikkuviin osiin. Kaikki animaation aikana liikkuvat osat luodaan tai leikataan erilleen omille tasoilleen (layers).

Jos animaatiot on tarkoitus julkaista, on kuviin viisasta käyttää sopivaa Creative Commons-lisensoitua aineistoa. Kuvahakua ja käsittelyä varten löydät ohjeita Remiksi-harjoitteista CC-kuvahaku Flickrista  ja Kuvankäsittely.

pollot-layerit2

Kuvaa työstetään kuvankäsittelyohjelmassa esimerkiksi kolme erillistä versiota, jotka jokainen tallennetaan omaksi tiedostokseen.

Yhden kaksoistunnin aikana oppilaat ehtivät tekemään pohjakuvan animaatiota varten. Kuvat tulisi viimeistään tunnin päätteeksi tallentaa koulun koneille sellaisessa tiedostomuodossa, jossa se sisältää tasot (esim. .sumo tai .psd -muodossa, ks. kuvankäsittely-ohje).

Muutosten tallentaminen

Avaa animaation pohjakuva uudelleen kuvankäsittelyohjelmassa. Nyt kuvasta tallennetaan versioita, joissa tapahtuu pieni liike/muutos. Muutokset tehdään jokaiselle tasolle erikseen. Tallenna kuvat omalle koneelle .gif tai .jpg muodossa ja tee niitä varten oma animaatiokansio. Jos kuvien järjestyksellä on animaation kannalta merkitystä, niin tallenna ne numerojärjestyksessä. Animaatioon tulee yhtä monta kuvaa kuin niitä tallennetaan, joten jos halutaan hienovaraisia liikkeitä, on kuvia tallennettava enemmän.

Jo kahdella kuvalla saa aikaiseksi pienen gif-animaation, mutta mitä voitkaan luoda 10 tai 30 kuvalla?

Gif -animointi

gifmaker-pollo

Nuolien osoittamista kohdista saat luotua gif-animaation ja alemman nuolen osoittamassa kohdassa ladattua sen koneellesi.

Tässä vaiheessa gif-animaation tekeminen on jo todella helppoa ja nopeaa.  Kuvat laitetaan oikeaan järjestykseen ja tallennetaan gif-animaatioksi omalle koneelle.

Avaa verkosta gifmaker -ohjelma. Erilaisia ohjelmia on paljon, ja niillä on pieniä eroavaisuuksia, mutta perustoiminnat ovat useimmissa samat.

Lataa ohjelmaan tallennetut .jpg tai .gif kuvat valitussa järjestyksessä. Joissakin ohjelmissa voi säätää kuvien vaihtumisen nopeutta, animaation kokoa (esim. 500 px width x 350 px height), lisätä ääniä tai tekstiä. Kuvien lisäämisen jälkeen voi haluttuja muutoksia tehdä suoraan animaatioon.

Tallenna animaatio omalle koneelle. Katsele valmis animaatio, menikö kaikki oikein?

pollo-animaatio

Klikkaamalla kuvaa pääset näkemään valmiin animaation.

 

LISÄIDEOITA:

Gif-animaatiot ovat ensimmäisiä teknologioita, joilla internet-sivuille on saatu tuotettua liikkuvaa kuvaa.  90-luvulla erilaiset vilkkuvat ja välkkyvät gif-animoidut mainokset olivat arkea verkkosivuilla ja moni käyttäjä koki ne epämiellytäviksi. Mutta voisiko Gif-animaatiota käyttää hyödyksi tai huviksi vaikka koulun verkkosivulla?

– Verkkosivuille voi luoda hahmon, joka iskee ”salaa” silmää. Ota kaksi aivan samanlaista kuvaa henkilöstä (häneltä pitää tietenkin saada suostumus kuvien käyttämiseen), joka katselee toisessa kuvassa normaalisti ja toisessa iskee silmää. Kun kuvat laittaa gifmaker -ohjelmaan, voi normaalikuvan keston säätää pidemmäksi laittamalla samaa kuvaa monta kappaletta peräkanaa. Näin silmänisku tulee yllätyksenä.

– Gif-animaatiot voi siirtää omille nettisivuille tai jakaa koulun blogissa vanhempien ihailtavaksi.

– Verkkosivun otsikkokuvaan saa eloa, jos siihen luo vain pienen sävymuutoksen gif-animaatiolla. Verkkosivuille voi tehdä myös pieniä vinkkilaatikoita, joiden otsikko välkähtää tai keksiä oman hauskemman tavan käyttää gif-animaatioita.

– Gif-animaatio on aina syytä tehdä siihen kokoon, millä se esitetään verkkosivuilla. Jos kuva pakotetaan esittämisen yhteydessä pienemmäksi tai suuremmaksi, animaatio ei enää toimi.