sunnuntai 30. syyskuuta 2012

Lisää kuvanmuokkausta (ja GIF-animointia)

Jatketaan vielä Sumopaintin ja mikäli aikaa jää, myös Picasionin kanssa. Linkit ohjelmiin löytyvät aiemmista kirjoituksista.

Nyt tarkoituksena on etsiä kuva jossa on jokin katu-, kaupunki- yms. näkymä. Kenties kävisi jokin klassikkomaalauskin. Keksi! Tallenna kuva omaan hakemistoosi ja laita myös linkki kuvan alkuperäiseen sijaintiin talteen. Ota kuva muokattavaksi Sumopaintilla. Tee kuvasta mustavalkoinen tai "seepia" eli yritä saada se näyttämään vanhalta kuvalta.
Sen jälkeen etsi jotakin sopivaa kuvaan liitettävää, jonka sitten liität kuvaan värillisenä. Mikäli aikaa jää tämän jälkeen, tee picasionin avulla GIF-animaatio, jossa jotain värillistä liikkuu mustavalkoisessa tai seepia-kuvassa.

Tee taas raportti blogiisi työskentelystäsi seuraavaan tapaan.

Etsin kuvahaulla katumaiseman. Löysin Nottinghamin Market Districtin kuvan.

http://www.geograph.org.uk/photo/1584966
Sitten etsin menninkäisen, tai siis St.Patrick's kulkueen, jossa nyt könötti menninkäishahmo.
http://tendenci.com/photos/sizes/medium-640/332/
Muokkasin Nottinghamin katukuvasta seepiasävyisen Sumopaintilla. Kulkuekuvasta leikkailin käyttööni menninkäisen. Jouduin kääntämään hahmon vapaalla käännöksellä toistepäin. Sen jälkeen sijoitin hahmon pubin ovensuuhun.
Viimeinen silaus oli, kun tein menninkäishahmon kädestä oman tasonsa lassovalinnalla ja leikkaa liitä toiminnoilla ja vapaa käännös-työkalulla laitoin menninkäisen käden liikkumaan. Muokatut kuvat talteen ja Picasioniin. Näin sain aikaan animaation pubista tervehtimään hyppäävästä menninkäisestä.

sunnuntai 23. syyskuuta 2012

Pikkuanimaatio

Edellisessä tehtävässä tarkoitus oli kokeilla kuvanmuokkausohjelmaa. Nyt kun SumoPaint alkaa olla tutunoloinen, voidaan siirtyä hieman eteenpäin.
Kokeillaanpa luoda pieni GIF-animaatio. Olette varmaan huomanneet erilaisilla verkkosivuilla pieniä animoituja kuvia. Tällaisen pienehkön animaation luominen on varsin yksinkertaista. Nämä animaatiot ovat siis GIF-tiedostomuotoon tallennettuja kuvasarjoja.
Ilmaiseksi ja vain verkkoselainta käyttäen pääsee tällaisen GIF-animaation luomista kokeilemaan esimerkiksi sivustolla http://picasion.com/.
Animaation luominen on aloitettava tekemällä esimerkiksi SumoPaint-ohjelmalla animaation kuvat, eli ruudut (frame). Tallennettuasi kuvankäsittelyohjelmalla kotihakemistoosi tarvittavan määrän ruutuja, voit siirtyä Picasionin pariin. Picasionissa "selaa"-napeilla (tai osoiteriviä klikkaamalla) pääset lisäämään ruudut animaatioosi, lisää osoiterivejä saat "add one more picture"-tekstiä klikkaamalla. Yhteen Picasionin GIF-animaatioon mahtuu 10 ruutua. Animaation koko (size) ja nopeus (speed) ovat myös valittavissa. Kaikki kuvat valittuasi ja muut tiedot asetettuasi napsauta "create animation" ja odottele hetki. Mikäli seuraavalla sivulla näkyvässä esikatselussa pyörivä animaatio kelpaa, voit tallentaa sen omaan hakemistoosi "Save this animation to your computer" valinnalla.
Tallennettuasi GIF-animaatiosi, luo blogiisi uusi kirjoitus, jossa esittelet animaatiosi ja liitä mukaan tietysti kyseinen animoitu GIF.
Minäpä muokkailin sitä viimetehtävän lammastani lisää :)
Jaapa taas valmis tekstisi myös minulle.

Kuvamuokkausta

Kokeilin vähän muokkailla kuvia :)

Hain googlen kuvahaulla kuvia susista ja lampaista. Muistin tietenkin valita hakuasetuksista etsittäväksi muokkausluvalla merkattuja kuvia. Näistä kuvista sitten valikoitui käyttööni muutama

  • http://www.public-domain-image.com/animals/sheep/slides/rocky-mountain-bighorn-sheep.html
  • http://www.public-domain-image.com/fauna-animals-public-domain-images-pictures/foxes-and-wolves-public-domain-images-pictures/gray-wolf-head-canis-lupus.jpg.html 
  • http://www.public-domain-image.com/fauna-animals-public-domain-images-pictures/foxes-and-wolves-public-domain-images-pictures/canis-rufus-red-wolf-mammal.jpg.htm
Käyttöön päätin ottaa Sumo Paint ohjelman, jota pystyin hyvin käyttämään, koska se toimii kokonaisuudessaan verkon yli, ilman että omalle koneelle tarvitsi asentaa mitään. Sumo paint löytyy osoitteesta http://www.sumopaint.com.

Hyvin nopeaan tahtiin nappasin toisesta susikuvasta silmän ja toisesta kielen. Nämä susimaiset ruumiinosat(?) sitten liitin vuorilampaalle saaden aikaan allaolevan kuvan sudesta lampaan vaatteissa.


Tehtävä
Nyt sinun tehtäväsi on ensiksikin luoda itsellesi tällainen Blogger-blogi osoitteessa http://www.blogger.com, anna blogin nimeksi jokin oman nimesi sisältävä nimi (esim. Markuksen Blogi), tämän kurssin blogin osoite on http://at92-sama2012.blogspot.fi/. Lähetä minulle sähköpostilla blogisi osoite. Blogin luomisen jälkeen etsi Internetistä jokin kuvakaksikko (tai useampikin kuva) joista yhtä pidät pohjana ja liität siihen muista kuvista joitain yksityiskohtia. Pyri tekemään mahdollisimman "aidon" näköistä jälkeä harjoitellen samalla Sumo paintin eri ominaisuuksia.
Muista tallentaa kuva omaan kansioosi, mutta tämän jälkeen luo omaan blogiisi julkaisu, jossa kerrot tämän tehtävänannon tapaan, mistä kuvista olet osia ottanut (mainiten myös lähdesivut) ja lopuksi liitä tekstiin lopputuloksena saamasi muokattu kuva.


Kurssin blogi luotu

Noniin.
Kurssin blogi luotu. Tänne sitten laittelen kurssin tehtäviä ja lisämateriaaleja sekä kenties vinkkisiä jatkossa.

Testimielessä liitetään tähän linkin sisältävä kuva...