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.

On-Off-On -ohje

On-Off-On -työpaja yhdistää ideointia ja aineistohakua netissä (online) savimuotoiluun ja valokuvaamiseen (offline) sekä lopullisen teoksen työstön ja julkaisun netissä (online). Anni Puolakka on laatinut monivaiheisesta prosessista yksityiskohtaisen ohjeen:

1. Valitse kiinnostavia olentoja ja paikkoja.
2. Etsi olennoista ja paikoista kuvia netistä.
3. Muovaile kuvien pohjalta oma olento ja suunnittele sille paikka.
4. Maalaa olento ja esineet, viimeistele lavasteet.
5. Kuvaa olento sekä tekemääsi taustaa että yksiväristä taustaa vasten.
6. Siirrä kuvat koneelle ja muokkaa niitä kuvankäsittelyohjelmalla.
7. Asettele ensimmäisen vaiheen listat, tulosteet, veistokset ja niiden taustat kollaaseiksi näyttelytilaan ja esitä työ myös nettigalleriassa.

Lataa pajaopastus lisäohjeineen ja kuvineen täältä!

Lue myös Annin pajakonsepti ja miten työpaja sujui Pitäjämäen ala-asteella.

Nemo-Super BOSSLumnijen norsutyö

Tee oma meemi

Lapset aloittelevat harjoituksiaan.

Mikä on meemi?

Meemi on idea, käyttäymismalli, tyyli tai käyttötapa, joka kopioituu kulttuurisesti ja viestinnällisesti ihmisiltä toisille. Niin verkko- kuin reaalimaailmassa se siirtyy ihmisiltä toisille ja tunnetuimmat meemit tavoittavat ison osan saman kulttuuripiirin ihmisistä. Tunnettuja ja varioituja meemejä verkossa ovat mm. ”Success baby”, Hitler kuulee -videot ja monet populaarikulttuurista tutut hahmot (esim. Pokémon, My Little Pony tai Michael Jackson).

Lisää meemistä Wikipediassa.

 

Tee se itse – koneella tai käsin

Meemien teko on helppo harjoite kouluun. Oppilaat tarvitsevat vain kuvia ja työvälineet – ideat syntyvät heiltä aivan varmasti itse ja jo melko pienetkin lapset ymmärtävät meemien hauskuuttelevan idean. Harjoite vie aikaa yhden oppitunnin, koneella ehkä hieman enemmän riippuen lasten aikaisemmista kuvankäsittelytaidoista. Meemin tekeminen sopii hyvin myös ensimmäiseksi kuvankäsittelyharjoitukseksi.

  • Aluksi lapsille näytetään muutama tyypillinen meemikuva, jotta he pääsevät jutun jäljille. Heiltä voi kysyä, ovatko he nähneet hauskoja kuvamuokkauksia, kuulleet uusiksi tehtyjä lauluja tai nähneet muokattuja videoita.
  • Kuvien muokkaamista varten ei kannata käyttää aikaa tekijänoikeuskelpoisten kuvien etsimiseen. Oheisen linkkilistan kuvat ovat käytettävissä vaikka tässä työpajassa.
  • Lapsille annetaan vapaat kädet lisätä kuviin tekstejä, yhdistää kuvia keskenään sekä värittää tai muutoin muokata kuvia.
  • Tunnin viimeisen 10 minuutin aikana kuvat katsellaan yhdessä.

Valmiit meemiharjoitukset esillä!

Koneella

Avataan kuva kuvankäsittelyohjelmassa, muokataan kuvaa ja tallennetaan se omalle koneelle, josta se voidaan joko jakaa katseltavaksi tai tulostaa. Lisäohjeita kuvankäsittelyyn

Käsin

Pohjakuvat kannattaa tulostaa valmiiksi. Oppilaat voivat valita kuvapinosta haluamansa kuvan. Työskentelyyn tarvitaan sakset, liimaa, eri värisiä papereita puhekupliin, tussit.

Hypermediaseikkailu -työpaja Tapanilassa

Hypermediaseikkailu -työpaja, Hiidenkiven peruskoulu 4. -luokka 2.-9.4. + 26.5.2015

Hypermediaseikkailu-pajassa kokeiltiin Mikko Laajolan luotsaamana yhteisöllistä tarinankerrontaa, kuvamuokkausta ja hypermedian alkeita. Pajan kesto oli kokonaisuudessaan neljä kaksoistuntia, joista ensimmäinen oli yhdistetty harjoituksen kautta intro-pakettiin.

Työpajan kulku

Netin yhteisöllisen toiminnan oivaltamista lähdettiin hakemaan intropajan Tee oma meemi-harjoitteen kautta. Harjoite toimi erinomaisena johdantona verkossa suosittuihin vitseihin, jotka olivat jo monelle lapselle tuttuja heidän käyttämistään nettipalveluista.

Ensimmäisen varsinaisen pajapäivän aiheena oli käsikirjoitus, jota varten lapsille esiteltiin EtherPad-yhteiskirjoittamisalusta. Koska neljäsluokkalaiset eivät olleet aiemmin käyttäneet yhteiskirjoittamisen alustaa, vaan tottuneet erilaisiin chatteihin, alkoivat he heti innokkaasti viestimään Etherpadilla toisilleen – tai toistensa ohi. Sivu täyttyi välilyönneistä, rivinvaihdoista, ”tahallisesta floodaamisesta”. Toiset yrittivät deletoida muiden turhaa viestintää ja mukana meni myös ihan järkeviä juttuja, kun joku painoi deleten pohjaan. Etherpad otettiin käyttöön nopeasti, väline olisi vaatinut tarkemman sääntöjen läpikäymisen, tarkan tehtäväkuvauksen ja ehkä sen jälkeenkin olisi ”villiin” toimintaan intouduttu. Toisaalta näin lapset saivat konkreettisen esimerkin siitä miten yhteistyö vaikeutuu, jos muiden työtä häiritään tahallisesti.

”Kädet ylös näppiksiltä” -komento rauhoitti tilannetta. Sen jälkeen kerrattiin tehtävää ja kirjoitettiin ohjatusti muutamia lauseita. Tarinan keskiöön nousi oppilaiden ideoista ”yön karhu”-hahmo.

tytto-karhuSeuraavalla pajakerralla netissä vapaasti jaettavia karhukuvia yhdistettiin lasten aiemmin ottamiin kuviin kotitaloistaan tai muista oman asuinalueen tärkeistä paikoista. Koska välineet olivat lapsille täysin uusia, aika loppui kesken. Ensimmäisen tietokonetunnin aikana yhteiskirjoittaminen ja linkittäminen ei sujunut halutulla tavalla. Lapsille ei selkeästi jäänyt käsitystä verkon hypermediallisesta luonteesta ja keinoista, joilla siinä voi itse toimia. Tästä syystä päätettiin järjestää vielä yksi pajakerta, jonka aikana työstettiin valmiiden html-lomakkeiden pohjalta pienet nettisivut.

Lasten oma nettisivu – http://seikkailu.remiksi.net/
Jokainen oppilas avasi valmiiksi luodun html-sivupohjan omalla koneellaan notepad++ ohjelmalla ja tallensi sen luokan yhteiselle verkkokovalevylle .html tiedostomuodossa. Näin ”sivupohjat” olivat valmiiksi samassa kansiorakenteessa, johon luotiin myös kuvat –kansio (tähän siirrettiin lasten valmiiksi tekemät kuvat jpg/gif/png-muodossa). Lasten tehtävänä oli keksiä omalle sivulleen otsikko, lyhyt teksti, linkittää kuva sivulle sekä luoda muutama linkki kavereiden tekemille sivuille.

vilina-nalletKoska aikaa oli rajoitetusti ja lähes jokaisella oppilaalla oli teknisiä kysymyksiä sivuihin liittyen, sivujen sisällöt jäivät kehittäminen hieman.  Kolmannen pajakerran päätteeksi luokka oli lopulta tehnyt omat pienet verkkosivut ja jokainen oppilas oli päässyt kokeilemaan kuvankäsittelyä ja yhteisen sivuston luomista html-tageilla.

kai-yonkarhuTyöpajassa oli paljon uutta asiaa  jokaiselle oppilaalle, ja hypermediatuotannon eri työvaiheet vaativat aikaa.  Pajakokonaisuus olikin liian laaja käytettävään aikaan ja ryhmäkokoon nähden ja tulokset jäivät luonnosmaisiksi.  Toisaalta paja tarjosi rungon ”tee-se-itse” multimediatuotannolle ja joukon harjoitteita, joilla luokassa tai yksin voidaan ottaa haltuun yhteissuunnittelua, kuvien tuottamista ja verkkorakenteita.

Viimeisellä pajakerralla oppilaat kertoivat, ottaneensa aiempien tuntien työvälineitä ja sovelluksia kotona harrastuskäyttöön. Erityisen suosittua oli ollut kuvankäsittely sekä työpajan yhteydessä esitelty musiikkiohjelma, joilla lapset kertoivat työskennelleensä itsenäisesti.

Hypermediaseikkailu 2015 -työpaja koostui seuraavista harjoitteista:

  1. Yhteiskirjoittaminen Etherpad
  2. Hakutehtävä Flickr
  3. Kuvamuokkaus
  4. HTML-minitehtävä

Julkaisimme (siirsimme remiksi-palvelimelle) lopulta niiden lasten kuvat ja sivut, joilla oli julkaisulupa. Siirtovaiheessa tehtiin sivujen rakenteisiin tarkastuksia, korjattiin viallisia html-tageja sekä varmistettiin, että linkit ohjaavat julkaisuluvallisen kaverin tiedostoon.

CC-kuvahaku Flickristä

Flickr hakunäkymä ja CC-lisenssit
Klikkaamalla kuvaa näet sen isompana

Tehtävänä on löytää kuvia, joita saa käyttää omassa luovassa työskentelyssä. Tavoitteena on tunnistaa creative commons -kuvien tekijänoikeussymboleita, ja tutustua Flickr-  kuvanjakamisalustan toimintoihin. Samalla opitaan loogisia työtapoja liittyen tiedostojen tallentamiseen ja arkistointiin omalle koneelle.

1. Yhdessä oppiminen on helpompaa

Lapsia pyydetään menemään (pareittain) koneille, ja etsimään sivulle www.flickr.com/search (Flickr-kuvanjakamispalvelun hakusivu).

2. Muokataan hakuikkunan asetuksia

Vasemmassa yläreunassa on ”Any licences” -valikko, josta voi painamalla vaihtaa itselleen sopivan lisenssin.  Käyttämällä ”All creative commons” -valintaa hakutuloksiin suodattuvat vain CC-lisensoidut kuvat.

3. Sitten etsimään!

Etsi tarvitsemasi kuva (esim. tausta, vartalo ja pää kollaasiin eri kuvalähteistä).

Kirjoita hakukenttään:

esimerkiksi ELÄIN, ILOINEN, IHMINEN tms. päihin ja vartaloihin liittyvä hakusana, jonka haluat hahmollesi.

Saatko muokata kuvaa ja käyttää sitä edelleen?Avoimet lisenssit

Tarkista alla olevista symboleista miten kuvaa voi käyttää. Saatko muokata kuvaa, ja käyttää sitä edelleen?

4. Tallentaminen ja nimeäminen

Tallenna kuva koneelle omaan kansioon tai pilvipalveluun. Nimeä se, ja kirjoita nimikenttään otsikon lisäksi myös TEKIJÄN NIMI JA KUVAAN LIITTYVÄN LISENSSIN TUNNUS, esim (CC BY-NC-SA 2.0). Kuvatiedoston nimeksi voi tulla esimerkiksi: musta-lehma-CC-BY_tekijannimi_NC-SA-2_0

Miksi näin vaikea nimi kuvalle? Jos tallennat omaa työskentelyä varten paljon kuvia verkosta, ei alkuperäisten kuvien tekijöitä ja oikeuksia voi mitenkään muistaa. Liittämällä tekijä- ja oikeustiedot kuvan nimeen helpotat siis omaa työskentelyä. (Huom! Klikkaamalla tallennettua kuvaa hiiren oikealla napilla löydät kuvien metatiedot. Tekijänoikeudet yms. voi merkitä myös näihin tietoihin, jolloin voi lisätä helposti mukaan myös sivuosoitteen/linkin, mistä alkuperäisen kuvan latasi.)

Mikä on Flickr?

Wikipedian mukaan: Flickr on valokuvien ja videoiden jakamiseen erikoistunut yhteisöpalvelusivusto, joka perustettiin helmikuussa 2004. Sivustolla voi jakaa omia kuviaan ja videoita.

Ilmaisten käyttäjien toimintoja on monilla tavoin rajoitettu, esimerkiksi käyttäjän kuvasivulla näkyy vain 200 viimeksi ladattua kuvaa. Vuosimaksun maksaneet käyttäjät voivat ladata Flickriin rajattoman määrän kuvia. Kuvien on kuitenkin oltava alle 10 megatavun kokoisia. Flickr on mainittu yhtenä esimerkkinä Web 2.0:sta.

Lataa pieni opas avoimiin lisensseihin: Avoimet lisenssit PDF

Katso lisätietoa, miten hakukoneet toimivat YLE:n uutisista.

Kuvankäsittely

Kuvaaja rajaa kamerallaan palan todellisuudesta.

Kuvaaja rajaa kamerallaan palan todellisuudesta.

Jokaiseen visuaaliseen mediaan tehdään ja käsitellään kuvia eri keinoin. Ensimmäinen käsittely tapahtuu kuvan tallentamisen vaiheessa, jolloin kuvaaja valitsee kameransa asetukset, rajaa kuvan haluamaansa sommitelmaan. Muita vaikuttavia tekijöitä ovat esimerkiksi valaistus ja linssi, jonka tarkennusalue terävöittää vain osan kuvasta muun jäädessä vähemmälle huomiolle. Digitaalisessa kuvaamisessa olennaista on myös pikselikoko, joka määrittelee kuvan resoluution. Tämä vaikuttaa kuvan painokelpoisuuteen sekä miten suurena kuvan voi esittää sen pikselöitymättä sähköisessä mediassa.

Kuvan muodostumisen rakenteellisten perusteiden lisäksi sitä on mahdollista muokata erilaisin kuvankäsittelyohjelmin. Monissa ohjelmissa on toimintoja, jotka simuloivat entisaikojen pimiötyöskentelyn toimintoja, mutta digitaalinen kuvamuokkaus on tuonut aivan uusia tapoja tuottaa kuvia, jotka voi esimerkiksi piirtää suoraan koneella.

 

Kuvankäsittelyohjelmistot

Kuvankäsittelyohjelmissa on niin paljon toimintoja, että niiden osaaminen vaatii melkoista ammattilaisuutta, mutta Remiksi -harjoitteessa esitellään muutaman helpon ja hauskan toiminnon, jonka pienetkin lapset pystyvät ottamaan haltuun vaivatta.

Kuvankäsittelyohjelmia on lukuisia erilaisia, mutta niiden perustoiminnallisuudet ovat hyvin samanlaiset ja usein ohjelmistot muistuttavat toisiaan myös käyttöliittymältään. Käytetystä ohjelmistosta huolimatta päästään lähes samaan lopputulokseen. Remiksi-pajoissa valitsimme käyttöön ilmaisen, verkkopalvelimilla toimivan Sumopaint-ohjelmiston. Ilmainen, verkossa toimiva ohjelmisto ei ole riippuvainen koulujen laitekannasta ja lapset voivat jatkaa työskentelyä sen parissa myös kotona.

Kolme vinkkiä kuvankäsittelyyn lasten kanssa

 

Kuvan käsittelyssä hyödynnetään tasoja (layers). "Silmä päällä" on taso aktiivinen.

Kuvan käsittelyssä hyödynnetään tasoja (layers). ”Silmä päällä” on taso aktiivinen.

1.  Työskentele tasoilla (layer)

Kuvankäsittelyssä kaikkea työskentelyä helpottaa tasojen (layer) käyttö. Niitä voi ajatella kalvoiksi, joille tulee kuvia ja aina päälimmäinen näkyy, ellei ole läpäisevä. Kuva voi läpäistä joko osittain (peittävyys/opacity 0-100%) tai tasossa voi olla ”reikiä”, jolloin kaikki sen alla oleva näkyy. HUOM! Muista aina tarkistaa, millä tasolla työskentelet, jottei tule säädettyä väärää tasoa tai esimerkiksi kumittaminen ei tunnu onnistuvan.

Sumopaint-ohjelmassa tasot löytyvät oikeasta alakulmasta, jossa voit luoda uusia tasoja, poistaa edellisiä ja vaihtaa tasojen järjestystä. Jos tasot eivät näy/mahdu ruudulle, niin saat ne näkymään pienentämällä ”mainokset” ja ”värivalitsin” laatikot niiden otsikon viereisestä kolmiosta.  Myös ohjelman yläreunassa on  Tasot -valikko, jossa on samoja toiminnallisuuksia. Sumopaintin kokeiluversiossa on rajattu määrä tasoja käytössä (6 kpl).

Tason peittävyyttä voi muokata myös siten, että sen avulla vaikutetaan alemman tason sävyihin (esim. tummennus/vaalennus/väritys). Tämä ominaisuus on jokaiselle tasolle omansa ja se löytyy ”peittävyys” valitsimen vierestä. Lähtökohtaisesti se on asettunut ”normaali” tilaan. Näitä ominaisuuksia kannattaa kokeilla ihan rohkeasti, koska ne voi aina palauttaa ”normaali”-tilaan.

2. Rajaa – leikkaa – liimaa

Lassotyökalu on yksi tapa rajata.

Lassotyökalu on yksi tapa rajata.

Lasten on helppo hahmottaa toimintoja, jotka vastaavat käsin tehtäviä kuvistöitä. Siksi esimerkiksi leikkaaminen ja liittäminen yhteen on helppoa. Kun liität kuvat ”yhteen”, niin laita ne kuitenkin eri tasoille – ennen liitä/paste komentoa luo uusi taso ja varmista, että se on aktiivinen. Näin pystyt liikuttamaan ja vaikuttamaan (pienentämään, suurentamaan, vaihtamaan värejä jne.) erillisiin kuvakerroksiin ja vaikka luomaan näiden tasojen avulla kuvia gif-animaatioon.

Rajaaminen onnistuu useammalla eri työvälineellä. Työkaluista etsitään kulloisenkiin tarkoitukseen sopiva valintatyökalu (lasso tai suorakulmiovalitsin). Valintatyökaluissa on hieman erilaisia toiminnallisuuksia, joita pystyy säätämään, kun aktivoi valintatyökalun ja katsoo sen jälkeen ohjelman yläreunan asetuksista. Näitä erilaisia asetuksia kannattaa kokeilla, koska niillä usein pystyy helpottamaan valinnan muodon tai rajaustyökalun käytön kanssa.

Kun rajaus on piirretty/aktivoitu kuvaan, voidaan se tallentaa ”kopioi” toiminnolla (ctrl+c) koneen välimuistiin (tarkista, että kopioit oikealta tasolta). Välimuistista voit liittää (ctrl+v) valitun alueen/kuvan ohjelman sisällä kuvasta ja tasosta toiseen. Voit liittää kuvia niin monta kuin haluta aina siihen saakka, kunnes olet tehnyt uuden valinnan.

Jos olet liittänyt kuvan muutoin tyhjälle tasolle ja haluat kopioida sen myöhemmin uudestaan, niin aktivoi taso ja valitse koko sen sisältö (joko rajaustyökalulla tai ctrl+a näppäinyhdistelmällä). Koska tason taustalla ei ole muuta, niin näin saat näppärästi monistettua tämän tason kuvaa.

Nuoli- tai käsityökalulla voit liikuttaa erillisen tason sisältöjä. Tällöin kuvan voi uudelleen kohdentaa ja ”vapaa muunnos” -työkalulla voi tason sisältöä suurentaa, pienentää taikka kääntää.

3. Piirrä ja kirjoita

KUVANKASITTELY-POLLOT-piirra

Kuvaan voi kirjoittaa tai piirtää erilaisin työkaluin. Muista työskennellä tasoilla!

Kuvan päälle piirtäminen on usein hauskaa. Kun piirretään erillisille tasolle, voidaan siitä helpommin kumittaa virheitä. Kannattaa myös kokeilla kynän tai siveltimen peittävyyden (arvo 0-100%) muuttamista. Näin kuvaa voi värittää läpinäkyvästi/kerroksellisesti. Piirretyille ja kirjoitetuille tasolle voi käyttää kaikkia tasoille tyypillisiä ominaisuuksia esimerkiksi peittävyydenvalintaa.

Kun kirjoitat kuvan päälle, se menee monissa ohjelmissa automaattisesti omalle tasolleen. Sumopaintissa tämä pitää kuitenkin erikseen valita ja tekstin jälkikäteinen muokkaus on hieman kankeampaa. Lapsille voi vinkata, että kirjoittavat haluamansa tekstin ensiksi toisessa ohjelmassa ja valitsevat sen sieltä koneen välimuistiin (ctrl+c) sekä liittävät sen kuvan päälle omalle tasolleen. Kun tekstityökalu on aktiivinen voi silloin sen fontteja, kirjaisinkokoa, väriä jne muokata.

 

MUISTILISTA

  • Muista tallentaa joka välissä! Mitä isompaa kuvaa työstät, sitä tärkeämpää on kuvan tallentaminen tiheästi. Useimmissa kuvankäsittelyohjelmissa on oma ”työstövaiheen” tallennusformaatti. Sumopaint-ohjelmassa se on .sumo ja esimerkiksi Photoshopissa .psd. Nämä tiedostot pitävät sisällään tasot, kun esimerkiksi tallennusmuodot .jpg ja .gif yhdistävät tasot yhdeksi kuvaksi. Ohjelmien omat työskentelytiedostot eivät yleensä aukea muilla ohjelmilla. Verkkoselaimet eivät osaa tulkita kuvankäsittelyohjelmien työskentelytiedostoja vaan esittävät kuvia .jpg, .gif ja .png muodoista. Lisää aiheesta löytyy wikipediasta: Kuvatiedostomuodot
  • Useimmissa kuvankäsittelyohjelmissa voi peruttaa tehtyjä asioita peru/undo (crtl+z) -komennolla. Lapsille tästä vinkkaaminen on tärkeää, jotta he voivat perua mahdollisesti virheellisiä toimintojaan.
  • Pohdi jo ennen tunnin alkua valmiiksi, mistä oppilaat hankkivat käsiteltävät kuvat ja suunnittele, minne tiedostot tallennetaan työskentelyn eri vaiheissa ja lopuksi (linkki!).

 

On Off On -työpaja Pitäjämäellä

Kuvahaun tuloksia.

On Off On -työpaja, Pitäjänmäen ala-aste 4 -luokka 4.-19.5.2015

On Off On -työpajassa Anni Puolakka tutustutti lapsia siihen, miten verkko ja digitaalisen kulttuurin mahdollisuudet muokkaavat ajatteluamme. Nettiä ja ”kädet savessa” työskentelyä yhdistävän pajan kesto oli kolme kaksoistuntia (3 x 90min). Lapset ohjattiin työpajan läpi tehtäväpolkua, jossa keskityttiin yhteen osatehtävään kerrallaan ja monia työvaiheita sisältänyt prosessi pysyi ohjaajan hallussa.

Työpajan kulku

Ensimmäisellä tunnilla oppilaat ohjattiin ideoimaan mindmap-tekniikalla otuksia ja erilaisia maailmoja. Syntyneiden ideoiden pohjalta lapset tekivät verkossa kuvahakuja, joiden tuloksia he käyttivät omien veistosten pohjaideana. Teknisten haasteiden takia prosessi ei sujunut tarvittavan nopeasti kaikilla lapsilla (varattu 90 minuuttia aikaa) ja osan savityöt jätettiin märkinä odottamaan jatkotyöstöä seuraavaan kertaan.

Taustojen askartelua.

Toisella kerralla lapset maalasivat savihahmojaan ja rakensivat kollaasin tulostamistaan ideakuvista ja askartelutarvikkeista. Tämän päivän päätteeksi hahmot kuvattiin niitä varten rakennetuissa kollaasi-taustoissa kolmannen kerran digitaalista työstämistä varten.

Kolmannella kerralla lapset työstivät teoskuviaan Sumopaintilla. Tässä vaiheessa lapsilla oli taiteelliset vapaudet rakentaa kuvista vaikka kokonaan uusia kuvia ja maailmoja. Osa käytti kuvankäsittelyn lukuisia mahdollisuuksia hyödykseen, osalle riitti esimerkiksi oman valokuvan digitaalinen kehystäminen.

Valmis, näytteille asetettu teos.

Lopulliset digitaaliset teokset tulostettiin ja vietiin koulun ruokalan näyttelytilaan esiteltäväksi koko koululle. Samaan tilaan laitettiin esille myös oppilaiden työskentelyprosessin aikaisempia vaiheita, joissa aikaisempi ajattelu ja teosten prosessimaisuus tulivat esille.

Kokemuksia ja opittua

”Prosessitaiteellinen” työpaja havainnollisti, miten ajatuksemme ovat jatkuvassa vuorovaikutuksessa ympäristömme kanssa – ympäristön jonka saumattomaksi osaksi netti on kasvanut. Märän saven ja koulujen jähmeän tietotekniikkaympäristön välillä tasapainotteleva paja oli varsin kokeellinen, mutta synnytti hienoja tuloksia. Anni Puolakan mielestä

Pajan kulussa merkityksellistä ja toimivaa oli samojen aiheiden ja kuvien kuljettaminen välineestä ja työympäristöstä toiseen. Prosessin aikana monet kuvat muuttuivat radikaalisti, kun ne vietiin askartelupöydältä digitaaliseen tilaan… Tulokset olivat kiehtovia ja oppilaat tuntuivat olevan niistä ylpeitä. Työpajassa syntyi monia toisistaan poikkeavia, visuaalisia maailmoja, joissa näkyi oppilaiden henkilökohtaiset otteet ja persoonat.

-> Oppimateriaali: On-Off-On -ohje

sofia-mustekalat1 Sampo- Pärinät Nemo-Super BOSS Lumnijen norsutyö aatos_lihansyjä eino3 Fiia-yksisarvinen tomi-mörkö PINJA-HÄMIS kelly mariella-lisko-robotti matilda-Tähtisade oskari_mörkö2 Jesper Bänäz_hämähäkki

 

Remix-kollaasit -työpaja Kalliossa

Remix-kollaasipaja, Kallion ala-asteen 6K-luokka 13.-21.4.2015

 

Auringonkukka Viivi ja Jade
Kuvaa klikkaamalla näet animaation

Maria Candia ja kuvahaun sekä -muokkauksen ohjeita

Googlen kuvahaun tulosjoukko

Kissakotka Petteri
Kuvaa klikkaamalla näet animaation

MagicVideo
Kuvaa klikkaamalla näet animaation

Trollihylje – Arttu ja
Kuvaa klikkaamalla näet animaation

Omput
Kuvaa klikkaamalla näet animaation

Näkymä gif-makerista

Maria Candia opasti Remix kollaasit -työpajassa kuvien uusiokäyttöön remix-animaation keinoin. Työpajan kesto oli kolme 90-minuuttista oppituntia.

Työpajan kulku

Kuvien käytön tekijänoikeuksiin tutustuttiin jo intro-tunnilla 13.4. Creative Commons –kuvahaku tehtävän muodossa. Oppilaat tallensivat koulun kovalevylle itselleen CC-lisensoituja kuvia itseään kiinnostavista aiheista. Ohjeeksi annettiin, että kuvan tallennusvaiheessa pitää tiedostonimeen merkitä alkuperäisen kuvan jakaneen tekijän lisenssi ja nimi. Kuvan tiedostonimi saattoi siis näyttää vaikka tällaiselta: metsamaisema_ville_rantanen_CC-BY-NC.jpg

Seuraavalla työpajatunnilla päästiin suoraan käsiksi tehtävään, kun jokaisella oli tallennettuna koneelleen hahmoja ja maisemakuvia, joiden lisenssit sallivat niiden käytön. Kuvat tuotiin Sumopaint-ohjelman pilveen työstettäväksi. Oppilaille annettiin ohjeeksi työstää jokaista kuvan osaa omalla kerroksella/layerilla, ja he leikkasivat ja liimasivat kuvia näytöllä parityönä. Ensimmäisen muokkaustunnin lopuksi kuvat tallennettiin .sumo-tiedostomuodossa koulun kovalevyille oppilaiden omiin kansioihin.

Toisella varsinaisella työpajatunnilla kuvat siirrettiin taas pilvipalvelimelle työstettäväksi. Tällä kertaa rakennettiin animaatiovaikutelmaa tallentamalla kuvista versioista joiden välillä oli tapahtunut liike tai muu muutos. Yhdessä kuvassa pyöri silmät, toisessa heiluivat siivet. Kuvat tallennettiin takaisin koulun kovalevylle.

Tämän jälkeen kuvat  siirrettiin varsinaiseen gif -animaatio-ohjelmaan animaation tapahtumien järjestyksessä. Animaatio-ohjelmasta kuvat tallennettiin taas koulun koneille. Lopuksi gif-animaatiot kerättiin yhdelle ulkoiselle kovalevylle ja katsottiin yhdessä luokan datataululta. Jokainen sai vuorollaan esitellä hieman fantasiamaailmaansa ja jokaisesta kuvasta voi hyvin sanoa, että niissä oli yhdistelmä kokeilemisen iloa ja onnistumisen riemua.

Kokemuksia ja opittua

Eri työvaiheissa sattui kaikenlaisia havereita kuvien työstämisen kanssa. Sumopaint-ohjelman ilmaiskäyttöversiossa ei valitettavasti voi olla kuin kuusi kerrosta, joten tämä rajoitti osan lasten luovuutta. Oikeissa tiedostomuodoissa tallentaminen omalle koneelle tuotti myös haasteita, koska osa lapsista on niin nopeita ja kokeilevia, että eivät jaksa kuunnella pitkiä ohjeita. Toisaalta kerran pieleen tallennettua tehty tuplatyö tuotti varmasti kantapään kautta oppimista, jolla oikea prosessi löytyi.

Vaikka Maria työpajan aluksi esitteli työskentelytapojaan ja näytti koko prosessin tiiviisti, vaikutti siltä, että lopullinen tavoite jäi osalle epäselväksi. Heille oli helpompaa noudattaa ohjeita vaihe vaiheelta ja jättää oma kokeileminen välistä.  Samalla he kulkivat mukana hieman ”sokkoina”, mutta kun valmiit animaatiot saatiin lopulta kaikkien nähtäville, olivat kaikki ilmeisen ylpeitä omista harjoitteistaan. Tuloksista innostuivat myös luokan opettaja ja pajan vetänyt taiteilija:

Olin ajatellut, että ehditään kaikki ainakin yhdessä tehdä yksi still-kuvakollaasi per ryhmä, mutta kävikin niin, että KAIKKI saivat valmiiksi myös gif-animaation, jonka oli tarkoitus olla lisätehtävänä nopeimmille!

->Oppimateriaali: Remix-kollaasit ja animaatiot

Anni Puolakka – On Off On

matildan-teoksen-kerroksia

Matildan harjoituksen kerroksellisuutta

Anni Puolakan työpajan ideana on tehdä taidetta online- ja offline-tilojen välissä: kummastakin tilasta toisiinsa ammentaen. Tavoitteena on löytää omia tekemistapoja materiaalien ja tiedon runsauden keskellä, on-/offline-todellisuuksissa samanaikaisesti toimien. Työpajassa liikutaan näiden tilojen välissä välillä koneella, toisinaan käsin muovaten, samalla kumpikin toisiinsa vaikuttaen. Ensin käytetään netistä löytynyttä materiaalia fyysisen veistoksen tekemiseen ja sitten siirretään veistos verkkopohjaiseen kuvanmuokkaukseen, jossa materiaali saa jälleen uuden muodon.

Puolakka kertoo pajastaan:

 Työpaja on inspiroitunut taiteilija-kirjoittaja Hito Steyerlin ajatuksista: hänen mukaansa kuvia ei tule enää käsittää todellista maailmaa esittävinä asioina – representaatoina – vaan energiaa ja materiaalia sisältävinä verkostojen solmukohtina, jotka vaeltavat välineestä toiseen ja muokkaavat ihmisiä, maisemia, politiikkaa ja sosiaalisia järjestelmiä.

anniAnni Puolakka on monialainen taiteilija, joka työskentelee tällä hetkellä esitysten, installaatioiden ja videoiden parissa. Hän toimii usein yhdessä muiden taiteilijoiden kanssa ja kuuluu Vibes-nimiseen kollektiiviin – monet hänen työnsä käsittelevät kollektiivisuutta niin ihmisten kuin muidenkin olentojen välillä. Taiteen lisäksi hän tekee opetustyötä.