Izrada vlastite web stranice uvijek započinje razvojem skice i budućim dizajnom, 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 izrezivanja slike dizajna web stranice izravno utječe na daljnji uspjeh izgleda i pravilno postavljanje grafičkih datoteka na poslužitelj.
Upute
Korak 1
Otvorite stvoreni dizajn u Photoshopu, koji je solidna slika željene razlučivosti. 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 mjesto - ove crte na slici će biti zelene. Jednodijelni raspored pažljivo podijelite na strukturne elemente željene veličine i količine.
3. korak
Razmislite kako ćete izrezati sliku - u njoj ne smije biti previše pojedinačnih elemenata. Da biste stvorili vodilice, postavite kursor na gornje ravnalo iznad slike, kliknite lijevu tipku miša i povucite vodilicu prema dolje. Otpustite tipku miša.
4. korak
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 prikazanog 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" na izborniku Datoteka i odaberite JPEG format. U prozoru za spremanje odaberite "Svi fragmenti".
7. korak
Nakon zasebnog spremanja izrezanih fragmenata slike, spremite sve vizualne elemente dizajna stranice - blokove teksta, gumbe, crte itd.
