maanantai 30. syyskuuta 2013

Tehtävä 7: Prezentaatio

Tutustutaan esitysmenetelmään nimeltä Prezi, tehdään sis prezentaatio.

Tee siis Prezentaatio Prezillä jostakin itse vapaasti valitsemastasi aiheesta niin, että seuraavat vaatimukset täyttyvät:

  1. Tee mahdollisimman hyvin jäsennetty ja järkevä esitys ajatellen, että joku voi lukea sitä kiinnostuneena esittelemästäsi aiheesta.
  2. Askelmia/Dioja pitää olla tarpeeksi, että esitys on järkevä ja jaottelu luonnollinen (10+)
    • Kerro historiaa, nykyisyyttä ja tulevaisuudenkuvia aiheesta.
  3. Liitä Preziin ainakin kolme (aiheeseen liittyvää) kuvaa ja niistä ainakin kaksi on eri "dioissa".
  4. Käytä Prezin tehostekeinoja, pyörimisiä/zoomaamisia yms.
  5. Ainakin kahta eri tekstityyliä.
  6. Liitä mukaan ainakin yksi youtube-video. (aiheeseen liittyvä)
  7. Tee ainakin yksi linkki asiaan liittyvälle sivustolle (kirjoita siis vain koko url-osoite)
  8. (Ainakin) Yhden dian tulee käsitellä sitä millaisia tietoteknisiä apukeinoja (web-palvelut, ohjelmat yms.) valitsemaasi aiheeseen liittyy.
  9. Sekä sitä millaisia ongelmia turvallisuuden tai tiedon laadun tai ohjelmiston huonon toiminnan takia voi seurata tai on jo seurannut
  10. Julkaise Prezentaatiosi blogissasi
    1. Tallennettuasi Prezentaatiosi ja poistuttuasi muokkaustilasta valitse "Share"
    2. Sitten "Embed"
    3. Valitse koko ja asetukset (oletusasetukset melko hyvät)
    4. Valitse "maalaamalla" kaikki koodi-ikkunassa oleva teksti ja kopioi se (ctrl+C tai hiiren oikean näppäimen valikon kautta)
    5. Mene Blogiisi kirjoittamaan uutta blogikirjoitusta.
    6. Naputtele muutamia rivinvaihtoja.
    7. Vaihda editointitilaksi "HTML".
    8. Tee yksi tyhjä rivi "<br />"-rivien väliin (paina enter jonkun tuollaisen rivin lopussa).
    9. Liitä kopioimasi koodi tyhjään väliin (ctrl+v).
    10. Vaihda blogin editointitilaksi "LUO" (Huomaa, että Prezentaatio ei toimi blogin editointitilassa).
  11. Kirjoita liittämäsi Prezentaation edelle saatesanat, joissa kerrot miksi valitsit kyseisen aiheen.
  12. Jaa taas blogikirjoituksesi opettajalle sähköpostitse. (Lukiessasi kirjoitustasi ylälaidan valikon kohdasta "lisää" löytyy ko. toiminto.)


maanantai 23. syyskuuta 2013

Tehtävä 6: Lisää GIF-animointia

Jatketaan vielä Sumopaintin ja Picasionin kanssa. Linkit ohjelmiin löytyvät aiemmista kirjoituksista.

Nyt tarkoituksena on etsiä kuva jossa on jokin katu-, kaupunki- yms. näkymä. Kenties jokin klassikkomaalaus. Keksi jotain! 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ä. Tee picasionin avulla GIF-animaatio, jossa tämä värillistä liikkuu mustavalko- tai seepiataustassa.
Tee jotain yllättävää ja kokeile kykyjäsi oikeasti.

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ä.

maanantai 16. syyskuuta 2013

Tehtävä 5. Gif-Animaatio

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ää :)

sunnuntai 8. syyskuuta 2013

Tehtävä 4. Lisää sumoilua.

Tehtävä

Tee uusi kuva Sumopaintilla siten että:

  1. Etsi jokin taustaksi sopiva kuvatus.
  2. Värjää tai oikeastaan "epävärjää" kuva mustavalkoiseksi, etsi toiminnoista tai oikeastaan alitoiminnoista vaihtoehto "saturate" ja valitse "desaturate", se muuttaa värit mustavalkoisiksi.
  3. Etsi jokin värillinen kuva, josta liität taas jonkin asian toiseen kuvaan (tuohon mustavalkoiseen)
    • Kokeile myös muuttaa tai ainakin editoida liitettävän kappaleen väritystä.
  4. Lisää blogiisi uusi artikkeli "Tehtävä 4: Sumopainia" ja liitä kirjoitukseen alkuperäiset työt ja lopputulos, sekä selityksenä mitä olet tehnyt.


Alla esimerkkinä tuotos, jossa olen tyttäreni kuvan muuttanut mustavalkoiseksi ja liittänyt hänen otsalleen leppäkertun, jonka värjäsin violetiksi.


maanantai 2. syyskuuta 2013

Tehtävä 3. KuvaSumoMuokkaus.

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

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ä
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. Huomaa, että muokkaustoimenpiteet kohdistuvat aina kulloinkin aktiivisena olevaan kuvatasoon (layer).
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 liitä tekstiin lopputuloksena saamasi muokattu kuva.