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 i preko mobilne aplikacije za Android i iPhone.