Tässä tutoriaalissa luodaan yksinkertainen malliesimerkki, jonka kautta opit ymmärtämään toistuvan taustakuvion periaatteet. Tutoriaalissa on käytetty Photoshop-ohjelman CS3-versiota. Tutoriaali on vaikeustasoltaan keskitasoa ja vaatii Photoshop-ohjelman perusteiden hallitsemista.

1. Luodaan uusi pohja

Luo uusi Photoshop-pohja, jonka koko on 50px * 50px. Käytä esimerkin mukaisia asetuksia.

2. Tehdään taustakuvio

Luo suorakulmio työkalulla (rectangle tool) esimerkin mukaisesti ja luo siitä kopio monistamalla kerros (layer). Sijoita kopio alkuperäisen elementin alapuolelle.

Sijoita suorakulmiot 45-asteen kulmaan.

Huomioi, että linjojen tulee kohdata näissä kohdissa.

3. Luodaan taustakuviosta jatkuva elementti

Valitse päävalikosta Edit > Define Pattern. Anna taustakuviolle tarkennettu nimi.

4. Testataan kuvio käytännössä

Luo uusi kuva (älä sulje edellistä). Kuvan pikselikoolla ei ole merkitystä. Valitse background kerroslistasta. Tuplaklikkaa kerrosta, jonka jälkeen anna sille nimi ja klikkaa ok. Nyt voimme muokata kerrosta, joten tuplaklikkaa sitä uudelleen. Eteesi aukeaa valikko, josta voit editoida kerroksen tyylejä. Valitse Pattern Overlay > Pattern. Valitse listasta juuri luomasi kuvio ja klikkaa ok.

Lopullisen näkymän kuvassa pitäisi olla jotakuinkin tälläinen. Jos kuvassa on vääristymiä, lue kohta 2. uudelleen.

5. Jatkuvuuden periaate

Toistuvan taustakuvion rakenne perustuu elementtiin jota toistetaan kuvan vaaka- ja pystytasossa. Tästä syntyy jatkuva kuvio. Tämä logiikka on tärkeää ymmärtää taustakuvioita suunnitellessa. Voit testata kuviota isommalla kuva-alueella, kunnes se toimii täydellisesti.

6. Johtopäätös

Yksinkertaisen taustakuvion toteutus Photoshopissa on helppoa ja nopeaa. Se ei vaadi paljoa aikaa ja voit käyttää kuviota hyödyksi monessa tulevassa projektissa. Jos omaperäisyydellä ei ole merkitystä, Photoshop tarjoaa myös suuren määrän valmiita taustakuvia. Monimutkaisen kuvion toteutus on haastavampi prosessi ja vaatii hienosäätöä onnistuakseen. Tässäkin tapauksessa, kuten aina, harjoitus tekee mestarin.