Kuvankäsittelyn verkkokurssi

Transkriptio

1 Vantaan aikuislukio / Journalistiliitto -Freelanceosasto Kuvankäsittelyn verkkokurssi Tehtävä 12 Web-tallennus ja kuvagalleriat Photoshop sisältää muutamia osioita, jotka on tarkoitettu helpottamaan verkkoon kuvia tuottavien valokuvaajien tai kuvankäsittelijöiden elämää. Verkkotallennus ja automaattiset kuvasivustojen pohjakaaviot tekevät verkkojulkaisusta melko helppoa, joskaan ei käytännössä aivan ongelmatonta. Oppikirjassa tätä aihetta käsitellään melko kattavasti sivuilla Tarkastellaan nyt ensin tallennusmahdollisuuksia. Avataan jokin kuva, vaikkapa tämä hallissa.jpg, näkymä Budabestin kauppahallista. Muukin kuva tietysti käy. Photoshopissa on erillinen toiminto verkkoon tarkoitettujen tiedostojen tallentamiseen. Valikko avautuu komennolla Tiedosto-Tallenna Webiä varten. Jos/kun talletetaan kuvatiedostoja jpg-muodossa, ei tämä toiminto tuo kovin paljon lisää verrattuna tavalliseen tallenna nimellä-komentoon. Lähinnä etu on siinä, että esikatselulla voi arvioida kuvan laatua eri jpg-pakkauksen asteilla. Seuraaavan sivun valikkokuvassa (niinkuin tietysti itse ohjelmankin valikossa) näkyvät jpgtallennuksen mahdollisuudet. Pakkausasteen voi valita laatu-kohdasta joko liukusäätimellä tai lukuja syöttämällä välillä (tallenna nimellä-valikossa sama alue on 0-12) ja samalla voi tarkkailla tiedostokokoa, modemilinjan siirtoaikaa ja kuvan laatua esikatseluikkunasta.

2 jpg-pakkauksen aste valitaan tästä: pieni numero vastaa pientä tiedostoa ja heikkolaatuista kuvaa, 10 parasta Sumennus häivyttää jpg-pakkauksen jälkiä ja pienentää hiukan tiedostoa - samalla myös epäterävöittää Progressiivisuuskohtaan nökö, niin kuva saadaan latautumaan vaiheittain Web-tallennus sisältää myös mahdollisuuden kuvan koon muuttamiseen. Valikko oikealla on samanlainen kuin komennolla Kuvakuvan koko saatava, eikä eroa juurikaan käytännössä ole.

3 Tallennusmuoto valitaan tästä, useimmiten siis gif tai jpg Kuvan saa esim. eri laatuasetuksilla myös vierekkäin vertailua varten Tässä määritellään kuvan häviöllisyys, siis annetaanko pakkauksen huonontaa kuvan laatua. Nökö kohtaan lomitus saa kuvan latautumaan vaiheittain - isoille kuville joskus katsojaystävällinen vaihtoehto Paletista valittu/valitut värit saadaan muuttumaan läpinäkyviksi klikkaamalla tästä Web-kohdistus vähentää värejä kohti Windowsoletuspalettia, kun arvoja suurennetaan Nökö tähän, niin kuvassa voi olla läpinäkyviä kohtia; läpinäkyväksi muutettavat värit määritellään erikseen Kuten aikaisemmissakin tehtävissä on todettu, voidaan verkkokäyttöön tarkoitettu kuva tallettaa myös gif-muotoisena. 256-värinen kuva soveltuu valokuvien esittämiseen huonosti, mutta piirrosten ja muun grafiikan tapauksessa gif-tiedosto on yleensä paljon pienempi ja nopeammin latautuva. Lisäksi gif-kuvien värejä voidaan määritellä läpinäkyviksi. Klikkaamalla väritaulukosta jonkin värin ruutua (useampia saa valittua pitämällä Ctrl alhaalla) ja sitten alareunan läpinäkyvyysikonia, saadaan kyseiset värit muuttumaan läpinäkyväksi alueeksi. Tässä on yksinkertaisin tapa tehdä muita kuin suorakaiteen muotoisia kuvia; tausta voidaan määritellä läpinäkyväksi edellyttäen että se poikkeaa väriltään muusta kuvasta.

4 Web-valokuvagalleria Toiminto tekee, niinkuin nimestäkin voi arvailla, verkkosivuston kansion kuvista. Verkon lisäksi syntyvää sivustoa voi tietysti katsella offlinetilassa omalta koneeltaan tai vaikkapa tallettaa sen CD-levylle jaeltavaksi asiakkaille tai tuttaville. Näyttävänä ja helppokäyttöisenä kokonaisuutena galleria on olennaisesti tyyl ikkäämpi tapa esitellä kuvia mahdolliselle asiakkaallekin kuin pelkkä kuvakansio levyllä. Selaaminen ja kuvien löytäminen on nopeaa. Tarvittava selainohjelmahan on käytännössä kaikissa tietokoneissa. Valinta Tietosto - Automatisoi - Web-valokuvagalleria avaa valintaikkunan. Käytössä on muutamia sivumalleja, jotka valitaan kohdasta Tyylit. Mallisivu näkyy oikealla esikatseluikkunassa. Valintaikkunassa voidaan määritellä myös sähköpostisoite yhteydenottoja varten. Asetukset-kohdasta löytyy paljonkin vaihtoehtoja: Mainoskuva pitää sisällään valikon, jossa sivulle annetaan otsikko, ja sivulle voi tulla myös kuvaajan nimi, päivämäärä ja yhteystiedot. Kuten arvata saattaa, tämä on suunnattu kuvia myyvän kuvaajan tarpeisiin. Suuret kuvat tarkoittaa pikkukuvista avautuvien suurempien ominaisuuksia. Tässä kohtaa kuvien kokoa, reunaviivaa, otsikoita ja jpg-pakkauksen määrää voidaan säätää. Miniatyyrit tarkoittaa albumisivun kuvakkeiden (thumbnails) ominaisuuksia. Koko, sarake- ja rivimäärä, mahdollinen reunus ja kuvateksti määritellään valikon vaihtoehdoista. Kuvateksti voi taas olla tiedostonimi tai jotakin tiedoston tiedoista. Muokkaa värit osassa määritellään html-sivun keskeiset värit, siis pohjan, tekstin, otsikoiden ja linkkien värit. Suojaus pitää sisällään mahdollisuuden liittää jokaiseen kuvaan tekstinpätkä, jonka tarkoitus on vaikeuttaa kuvan luvatonta käyttöä. Tekstin voi kirjoittaa tässä, tai sitten taas lukea siihen jotakin tiedoston tiedoista. Lisäksi voidaan valita tekstin paikka ja asento, siis missä kulmassa se on kuvaan nähden. Hankaluus on taas siinä, että luvattoman käytön lisäksi teksti vaikeuttaa luvallistakin katselua. Kansiot-kohdassa valitaan kansio, jonka kuvista sivusto tehdään. Sivustoon käytetään aina kaikki kansion kuvat, alikansioineen, jos kyseinen ruutu on raksittu. Kuvat tulevat sivulle siinä järjestyksessä, missä ne kansiossa ovat, joten niiden järjestykseen voi tässä vaiheessa vaikuttaa nimeämällä ne sopivasti. (Tässä vaiheessa tarkoitti siis ennen sivuston luomista...) Samassa kohdassa on paikka myös kohdekansion valinnalle. Kohteeksi kannattaa tehdä etukäteen tyhjä kansio. Valokuvagalleria koostuu suuresta määrästä tiedostoja, jotka jaotellaan alikansioihin: miniatyyrit yhteen, html-sivut yhteen, ja pääkansioon jää vielä sivun aloitustiedosto. Kun/jos tämä kokonaisuus sitten siirretään verkkopalvelimelle (tai vaikkapa CD-levylle), on elämä paljon helpompaa, kun voi siirtää koko kansion sisällön tarvitsematta valikoida mukaan tulevia tiedostoja ja kansioita suuremmasta joukosta. Galleria on automaattisena toimintona helppokäyttöinen, ja sivuista tulee ammattimaisen näköisiä. Toisaalta Photoshopin tyylipohjat ovat tietysti helposti tunnistettavia, eivätkä tosiaan mitenkään persoonallisia. Niillä homma kuitenkin tulee helpommin tehtyä. Valmiit sivut ovat tietysti tavallisia htmltiedostoja, joten niiden muokkamista osaava voi aina muokata niitä persoonallisemmiksi halunsa mukaan. Tyylipohjia voi lisäksi tehdä omiakin. Tarkastelemalla valmiita pohjasivuja näkee, minkälaisia ne ovat. Millä hyvänsä html-editorilla (Esim. Dreamveawer, FrontPage) voi tehdä oman vastaavan ja tallettaa sen samaan kansioon muiden kanssa. Silloin se on käytettävissä samoin kuin alkuperäisetkin.

5 Tähän pantu nökö mahdollistaa kuvien koon muuttamisen. Valikkoja on erikseen pikkukuville ja isoille kuville. Tästä rajataan kuvien korkeus, leveys tai molemmat annettuun kokoon Käytettävien kuvien ja valmiiden sivujen kansioiden valinta Tyylisivun valinta, esikatselu oikealla

6 Pystysuora diaesitys-tyyli vaihtaa oletusarvoisesti kuvaa 10 sekunnin välein. Ja sitten ne tehtävät... Tämän osion tehtävistä selviääkin (yllätys, yllätys...) tavanomaista helpommalla. Valokuvagallerian eri muotoja on syytä kokeilla, mutta kurssin suorituksen kannalta riittää, että toimintoa on käyttänyt johonkin. 1) Etsi jokin sopiva oma kuvasi tai käytä varakuvia; tallenna kuva web-tallennusta käyttäen jpg-muotoisena kokoon 400x300 pikseliä rajattuna käyttäen laatua 80 2) tallenna sama kuva gif-muotoisena (häviötön) ja 3) tee kolmesta kuvasta valokuvagalleria jotakin Photoshopin tyylipohjaa käyttäen. Käytä omia kuviasi tai sitten kurssin aikana kertyneitä kuvia. Lähetä kuvat, siis yksi gif ja yksi jpg ja sitten vielä tekemäsi galleriasivun aloitustiedosto, jonka nimi on indeksi.htm (saat toki lähettää ne kolme kuvaakin, jos haluat) tavalliseen tapaan osoitteeseen ja valmistaudu vastaanottamaan onnitteluja kurssin menestyksekkäästä suorittamisesta, jos kaikki edellisetkin tehtävät on jo suoritettu!