Izrada vlastite web stranice uvijek započinje izradom skice i budućeg dizajna, a sastavni dio tog razvoja je vizualizacija dizajna web stranice u Photoshopu i rezanje gotovog dizajna u blokove za sljedeći izgled. Mogućnost ispravnog rezanja slike dizajna web lokacije izravno utječe na daljnji uspjeh izgleda i pravilno postavljanje grafičkih datoteka na poslužitelj.
Instrukcije
Korak 1
Otvorite kreirani dizajn u Photoshopu, koji je solidna slika željene rezolucije. Na alatnoj traci u Photoshopu odaberite alat Slice. Privremeno isključite vidljivost svih slojeva teksta, polja za unos, ikona i sličnih elemenata.
Korak 2
Odabranim alatom nacrtajte vodilice duž kojih ćete izrezati stranicu - ove crte na slici će biti zelene. Jednodijelni raspored pažljivo podijelite na strukturne elemente željene veličine i količine.
Korak 3
Razmislite kako ćete izrezati sliku - u njoj ne bi trebalo biti previše pojedinačnih elemenata. Da biste kreirali vodilice, postavite kursor na gornje ravnalo preko slike, kliknite lijevu tipku miša i povucite vodilju prema dolje. Otpustite tipku miša.
Korak 4
Nakon što su postavljene sve vodilice (i vertikalne i vodoravne), prijeđite na rezanje izgleda.
Korak 5
Pomoću gore odabranog alata za rezanje izrežite izgled klikom lijeve tipke miša na početak svake smjernice i rastezanjem pojavljenog polja do veličine željenog predmeta koji želite izrezati. Otpustite lijevu tipku miša tako da se u lijevom kutu izrezanog fragmenta pojavi serijski broj.
Korak 6
Prilagodite granice fragmenata ručnim istezanjem. Da biste spremili izrezane dijelove ukupne slike, kliknite opciju "Spremi za web stranice" u izborniku Datoteka i odaberite JPEG format. U prozoru za spremanje odaberite "Svi fragmenti".
Korak 7
Nakon odvojenog spremanja izrezanih fragmenata slike, spremite sve vizualne elemente dizajna stranice - blokove teksta, dugmad, crte itd.
