Photoshop – Kreiranje web sajta (I deo)

U ovom i naredna dva priloga, upoznaฤ‡emo se sa moguฤ‡nostima Photoshop-a, verzije 6, u domenu podrลกke kreiranju web sajtova. Proฤ‡i ฤ‡emo korak po korak kroz proces razvoja jedne web stranice sa aspekta dizajna. Najbolji naฤin za savladavanje neke tematike je sigurno pristup „korak po korak“, zato ฤ‡emo ovom metodom kreirati fiktivni sajt neke firme, koji ฤ‡e sadrลพati dosta elemenata koje moลพete naฤ‡i i na stvarnim sajtovima. Pa da odmah preฤ‘emo sa reฤi na dela:

  • Kreiraฤ‡emo prvo osnovicu, izaberite meni „File> New“, veliฤina slike neka bude 640 x 600 piksela, a sadrลพaj pozadine neka bude pozadinska boja (Background Color). Kreiraฤ‡emo zatim i drugi (privremeni) fajl koji ฤ‡e sluลพiti kao osnovica za ispunu („filovanje“ – fill pattern). Napravite novi dokument veliฤine: 4 piksela ลกirine i samo 1 piksel visine. Prvi piksel obojite sivkastom bojom (RGB: 204, 204, 204), drugi piksel tamno sivom (RGB: 102, 102, 102), i treฤ‡i i ฤetvrti piksel isto sivom bojom ali druge nijanse (RGB: 153, 153, 153). Kod farbanja piksela, poveฤ‡ajte platno (canvas) viลกestrukim pritiskanjem kombinacije tastera „Ctrl+(+)“, do 1600% od osnovne veliฤine i zatim svaki piksel obojite alatkom „Pencil tool“ (po navedenoj ลกemi). Za svaki piksel kliknite u paleti alatki polje „Foreground Color“ i u dijalogu upiลกite triplet (RGB) boje.
  • Potom izaberite meni „Edit> Define Pattern“ i snimite ovaj mali dokument kao pattern (pattern – mustra, ลกara). Ovaj dokument vam viลกe neฤ‡e trebati, pa ga moลพete zatvoriti ili ga moลพete snimiti kako biste ga kasnije po potrebi menjali. Vratite se u naลก prvi dokument i pozovite prikaz lenjira, izborom menija „View> Show Rulers“. Napravite novi layer (sloj) izborom menija „Layer> New> Layer“, te proverite da na ovaj sloj nije primenjen nijedan stil, preko menija „Layer> Layer Style“.
Naredne korake ispratite u sledeฤ‡em prilogu.

Pratite Krstaricu na www.krstarica.com