Koti Julkaisu

RSS

Toistuva taustakuva Photoshopilla

Toistuva taustakuva Photoshopilla
Julkaistu 01.11.2009 Kommentoi , ,

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.

tutoriaali_taustakuvio_kuva1

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.

tutoriaali_taustakuvio_kuva2-a

Sijoita suorakulmiot 45-asteen kulmaan.

tutoriaali_taustakuvio_kuva2-b

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

tutoriaali_taustakuvio_kuva3

3. Luodaan taustakuviosta jatkuva elementti

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

tutoriaali_taustakuvio_kuva4

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.

tutoriaali_taustakuvio_kuva6a

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

tutoriaali_taustakuvio_kuva6

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.

Kirjoittajaprofiili Tämä julkaisu on Gfx.fi ylläpidon kirjoittama. Tarkemmat tiedot ja yhteyslomakkeen löydät Info-sivulta.
Kirjoittaja Gfx ylläpito Twitter

Kommentit

Ei yhtään kommenttia vielä.

Nimi *
Sähköposti *
URL
Kommentti *

Uudet jäsenet

tawillia8u1
Liittyi 21 tuntia sitten
taiseva8d8
Liittyi 3 päivää sitten
wmwkjyfoz
Liittyi 6 päivää sitten
Smithfxb
Liittyi viikko sitten
lnacg55sq
Liittyi yli viikko sitten

Julkaisuarkisto

Yhteistyössä

Haluatko yhteistyöhön? Ota yhteyttä.