PHOTOSHOP TUTORIJALI Izrezivanje sliica web layouta za web stranicu U ovom tutorijalu smo nauili kako napraviti web

layout. A u ovom tutorijalu emo nauiti kako taj layout izrezati na male sliice za dizajn web stranice. Koristit emo ovaj layout iz onog tutorijala. Otvorite u Photoshopu eljeni web layout. Pritisnite na tipkovnici Ctrl+R i pojavit e se Ruleri.

Zatim pozicionirajte kursur mia na gornji Ruler i drei klik iz njega povucite guide. To vam izgleda kao nekakva svijetlo plava crta. Zatim iz lijevog rulera povucite dva guide-a da to izgleda ovako:

Ovo bijelo u sredini e biti, kao i sve ostalo izrezane slike. Ali kod metanja slika kao dizajn web

stranice tu veliku bijelu sliku emo maknuti, obojati pozadinu bijelom bojom i tu emo pisati tekst. Zatim napravite isto to za tipke u meniju.

Primjetite da sada vie neemo dobiti samo jednu veliku bijelu sliku u sredini, nego vie manjih. No neka vas to ne zabrinjava, svjedno emo ih sve izbaciti jer nam ne trebaju. Jo moete vi organizirati sliice kako vama pae, ovo je bio za primjer pa ja neu sve potrebne sliice pravit (npr. gore za linkove je isto potrebno). Kada ste sve napravili, kliknite na File -> Jump to -> ImageReady ili klinite na ovo:

Ista slika iz photoshopa pojavit e se u ImageReady-u. Kliknite na Slices -> Create Slices from Guides. Zatim idite na File -> Save Optimized As -> napiite ime vae web stranice i obavezno oznaite da bude HTML and Images

Zatim idite u folder gdje ste to usnimili, otvorite html datoteku i vidjet ete da su slike posloene u tablice tako da tvore dizajn web stranice. Ako niste previe vjeti u HTML-u otvorite tu HTML datoteku u Dreamweaveru. Zatim ovako gdje god vidite sliku sa isto bijelom pozadinom kliknite na nju i pritisnite tiku Del (ili Delete) na tipkovnici.

Zatim ovako oznaite te elije (tako da drite pritisnutu lijevu tipku mita i vuete prema dolje).

Kada ste tako oznaili elije idite na Modify -> Table -> Merge Cells i eto vam mjesto za pisanje teksta na vaoj web stranici. Sada znate princip po kojem to radi, ostalo preputam vama. Zabavite se, prilagodite sliice svom dizajnu. Ukoliko imate bilo kakvih pitanja pitajte na forumu