Do naลกeg prvog sajta uraฤenog uz pomoฤ Photoshop-a, ostalo je joลก samo nekoliko koraka:
- Sledi nam kreiranje dugmadi, ovo neฤe biti teลกko ukoliko veฤ imate neko iskustvo u koriลกฤenju Adobe Illustrator-a ili drugog paketa za rad sa vektorskom grafikom. Duplirajte sloj sa lukom tako ลกto ฤete prevuฤi sloj iznad dugmeta „Create New Layer“, a zatim izaberite meni „Layer> Layer Style> Clear Layer Style“ radi uklanjanja efekta senke sa kopiranog sloja. Sada ฤemo „iseฤi“ deo luka koji leลพi iznad linije menija i iskoristiฤemo ovo kao osnovu za dugmad. Alatkom „Direct Selection tool“ selektujte sve taฤke na putanji luka, osim one u donjem levom uglu, i prve desne taฤke, koju smo naknadno dodali. Potom paralelno prevucite putanju (path) drลพeฤi pritisnute tastere „Shift“ i „Alt“, pre nego ลกto otpustite taster miลกa, radi automatskog kreiranja kopije putanje. Spojite krajeve putanje uz pomoฤ alatke „Pen tool“, i koristeฤi „Convert Point tool“ podesite svaku sidrenu taฤku. Izmenite boju oblika u crnu preko menija „Layer> Change Layer Content> Solid Color“. Na kraju podesite vidljivost (osobinu Opacity) dugmadi, tako da ona dugmad koja su niลพe imaju veฤi stepen providnosti.
- Sa izabranom tekst alatkom kliknite tamo gde ลพelite da postavite natpis za dugmad i ukucajte tekst. Pre toga podesite foreground boju na belu, jer inaฤe ako se tekst nalazi iznad dugmadi, neฤe se uopลกte videti. Za rotaciju teksta izaberite „Edit> Free Transform“, a ukoliko je ova opcija „zasivljena“, prvo selektujte alatku „Move tool“. Uoฤiฤete tanku liniju u obliku pravougaonika koja okruลพuje ceo objekat. Prevlaฤenjem „ruฤica“ (mali kvadratiฤi) tekst moลพete skalirati i rotirati. Kada podesite ugao i poziciju teksta, pritisnite „Enter“. Kada ste zadovoljni sa tekstom, duplirajte ga dva puta i izmenite tekst.
- U poslednjem koraku preostalo nam je kreiranje navigacionih linija na vrhu i dnu stranice. Pomoฤu alatke „Rectangle tool“ kreirajte nekoliko oblika. Umesto efekta „ispupฤenja“, kod ove dugmadi primeniฤemo efekat „unutraลกnje senke“ (Inner Shadow effect) i dodaฤemo im odgovarajuฤi tekst. Kada zavrลกimo sa dugmadima, kreiraฤemo novi folder, odnosno novi skup slojeva (Layer Set), pa ฤemo tu prevuฤi sve navigacione elemente. Ova nova opcija grupisanja slojeva ne sluลพi samo boljoj organizaciji slojeva, veฤ vam omoguฤava i kopiranje viลกe slojeva odjednom. Selektujte skup slojeva vezanih za gornju navigacionu liniju i komandom „Layer> Duplicate Layer Set..“ duplirajte celu navigacionu liniju. Na kraju samo set prevucite na dno dokumenta i vi ste zavrลกili osnovni dizajn za vaลก novi sajt.
Pratite Krstaricu na www.krstarica.com