WWW-grafiikka

Jos sinulla on omia kuvia mukana niin voit vuorollasi käydä skannaamassa ne luokkaan tuodulla skannerikoneella.

Jos sinulla ei ole omia kuvia joita voisit muokata niin tässä on muutama esimerkkikuva käsiteltäväksi. Valitse näistä mieleisesi ja talleta pikkukuvan taakse linkitetty iso png-versio editoitavaksi C:-asemalle MyTemp-hakemistoon. Jos sinulla on skannattuja kuvia U-asemalle niin kopioi ne MyTemp-hakemistoon, koska verkkolevyltä suurien kuvien editoiminen on hidasta. HUOM! Kuvat ovat erittäin suuria (2.6 - 4.4 megatavua).

Peikko, 3.3M Jääkarhu, 3.9M Tommi jäätiköllä, 4.1M
Nordkjosbotn, 2.6M Suojaväri on toisille elinehto ;), 4.4M Turvekattoisia mökkejä, 3.3M

Yritä muovata jostakin ylläolevasta kuvasta tai omasta kuvastasi hyvä WWW:hen sopiva versio Corel Photo-paintilla (Start|Programs|Corel Draw 9|Corel Photo-paint 9). Muista tallentaa kuva usein, mutta älä talleta alkuperäisen tiedoston päälle vaan uudelle nimelle!

Corel Photo-Paint 9

  1. Asento

    Varmista, että kuva on haluamassasi asennossa. Skannauksen jälkeen kuva saattaa hyvin usein olla ylösalaisin.

    1. Kuvaa voit helpoiten kääntää Image|Flip-toiminnolla. Kokeile. Edit|Undo-toiminnolla tai painamalla ctrl-z voit aina helposti perua kuvaan tekemäsi muutokset.
    2. Image|Rotate-toiminnolla voit kääntää kuvaa vapaasti haluamasi määrän.
  2. Rajaus

    Rajaa kuvasta käyttöösi vain tarvitsemasi alue.

    1. Valitse Photo-paintin vasemmassa reunassa olevista työkaluista käyttöösi Rectangle Mask Tool.
    2. Rajaa hiirellä kuvasta haluamasi alue
    3. Tee kuvan lopullinen rajaus Image|Crop|To Mask -valinnalla.
  3. Värien korjaaminen

    Korjaa kuvan värit oikeiksi tai muuten vain mieleisiksesi.

    1. Kokeile ensimmäiseksi Gamma-korjauksen vaikutusta kuvaan Image|Adjust|Gamma
    2. Tarvittaessa muokkaa kuvan kirkkautta, kontrastia ja intensiteettiä valinnalla Image|Adjust|Brightness-Contrast-Intensity
    3. Tarvittaessa muokkaa kuvan värisävyä, värikylläisyysyttä ja valoisuutta Image|Adjust|Hue/Saturation/Lightness-valinnalla
  4. Efektit

    Kuvankäsittelyohjelmissa on lukemattomia erilaisia efektityökaluja. Tärkeimpiä ovat terävöinti ja pehmennys. Erikoisempia efektejä voit kokeilla omalla ajallasi.

    Terävöinti

    Terävöinti tapahtuu valinnalla Effects|Sharpen|Sharpen

    Pehmennys

    Pehmennys tapahtuu valinnalla Effects|Blur|Soften. Kokeile myös muita Blur-valikon alta löytyviä työkaluja.
  5. Koko

    Jos et ole vielä kertaakaan tallettanut muokkaamaasi kuvaa niin talleta nyt!. Muuta nyt kuvan koko WWW-käyttöön sopivaksi. n. 600x400 pikseliä on hyvä maksimikoko kuvalle. Varmista siis ettei kuvasi korkeus ole suurempi kuin 600 pikseliä eikä leveys yli 400 pikseliä. Jos haluat käyttää isompia niin tee pienemmästä kuvasta linkki isompaan ja mahdollisesti varoita käyttäjää suurikokoisesta kuvasta.

    1. Kuvan kokoa voit muuttaa valinnalla Image|Resample
    2. Valitse käytettäviksi yksiköiksi pixels
    3. Muuta kuvan kokoa joko prosentteina tai pikseleinä sopivaksi
  6. Värimäärä

    Jos kyseessä on jokin muu kuin valokuva eli esimerkiksi piirros- tai kaavio-tyyppinen kuva niin kannattaa pudottaa kuvassa käytettävien värien määrä minimiin.

    Harmaasävykuvaksi muuttaminen tapahtuu valinnalla Image|Mode|Grayscale (8 bit).

    1. Tiettyyn värimäärään muuttaminen onnistuu valinnalla Image|Mode|Paletted (8 bit)
    2. Palette-valintaan valitse optimized
    3. Dithering-kohtaan valitse Ordered. Dithering tarkoittaa kadotettujen värisävyjen korvaamista muita värejä sekoittamalla. Voit kokeilla muitakin vaihtoehtoja kuin orderedia.
    4. Colors-kohtaan valitse haluamasi värimäärä. Vertaile alkuperäistä (engl. original) ja tulosta (engl. Result) ja valitse mahdollisimman vähäinen määrä värejä joilla kuva vielä näyttää hyvältä.
  7. Talletusformaatti

    WWW:ssä käytetään lähinnä kolmea kuvaformaattia eli jpg, gif ja png.

    1. Talleta alkuperäinen kuva grafiikkaohjelman omassa muodossa tai png-muodossa täysivärisenä ja -kokoisena versiona
    2. Muutettuasi kuvan värimäärän ja koon webbiin sopivaksi niin talleta kuva jossakin yllämainituista muodoissa valinnalla File|Export
    3. Valitse oikea formaatti kohtaa Save as type
    4. Formaatin valinnan jälkeen pääset muokkaamaan kuvan asetuksia. Tallettaessasi jpg-muodossa muista säätää kuvan pakkausteho mahdollisimman suureksi ilman, että kuvan laadussa on silminhavaittavaa heikentymistä

Kaaviokuvat

Tallenna jompikumpi seuraavista kaaviokuvista.

Esimerkkikaavio 1 Esimerkkikaavio 2

Vähennä kuvan värimäärä mahdollisimman pieneksi ja tallenna kuva GIF-muodossa. Tallennusvaiheessa Photo-paint antaa mahdollisuuden määritellä kuvan taustaväri läpinäkyväksi.

Muuta selaimesi oletustaustaväri esimerkiksi harmaaksi. Avaa selaimella äsken tallettamasi kuva ja varmista, että taustaväri näkyy läpi.

Mustavalkokuvat

Mustavalkokuvat tulevat monesti aivan vahingossa talletettua turhan monen värin paletilla ja vievät siten turhaan tilaa. Kopioi seuraava kuva. Vähennä värimäärä kahteen. Talleta kuva gif-muodossa ja taustaväri määriteltynä läpinäkyväksi.

Muuta selaimesi oletustaustaväri esimerkiksi harmaaksi. Avaa selaimella äsken tallettamasi kuva ja varmista, että taustaväri näkyy läpi.

Mustavalkoinen kuva

Kuvakaappaus

Hyvin usein tarvitsee kaapata talteen jonkin tietyn ohjelman ikkuna tai koko näyttö. Tämä onnistuu windowsissa hyvin helposti. Paina Print Screen -näppäintä niin windows kaappaa koko näkyvän näyttöalueen leikepöydälle. Voit liittää kaapatun kuvan käsiteltäväksesi Photo-paintiin aivan normaaliin tapaan leikepöydältä (Edit|Paste|New Document tai File|New from Clipboard). Pelkästään aktiivisen ikkunan voit kaapata painamalla Alt + Print Screen. Kokeile!

Photopaint-ohjeita

Yleisiä kikkoja


http://appro.mit.jyu.fi/2000/syksy/tietoverkot/demot/demo6/index.html
© Tommi Lahtonen ()<URL: http://www.iki.fi/hazor/>
19.10.2000 14:37:48