Jeste li sastavili originalni izgled s grafičkim elementima i želite li napraviti raspored? Prvo morate naučiti kako izrezati raspored tako da svaki grafički element bude naknadno na pravom mjestu u sredini, vrhu ili dnu stranice.
Upute
Korak 1
Pri odabiru tehnika za rezanje izgleda, imajte na umu da svaki dizajner izgleda koristi svoje metode rezanja prilikom rada s PSD izgledima. Stoga u prvoj fazi odaberite samo najjednostavnije tehnike, koje uključuju rezanje stvorenog izgleda s grafikom na komade, što je prikladno za početnike. Prvo u mislima prvo zamislite na koje ćete dijelove dijeliti svoj raspored, razmislite o svakom od njegovih zasebnih dijelova, a tek onda prijeđite na tehnički dio samog postupka. Zapamtite da je izgled PSD-a podijeljen na "dijelove", ovisno o njegovoj složenosti, dijeleći ga na zasebne elemente. Štoviše, svaki grafički element mora biti neovisan o svim ostalim pojedinostima.
Korak 2
Kada odlučujete kako izrezati izgled zaglavljem koje se sastoji od gumba, zasebnog pozadinskog sloja i slojeva teksta, imajte na umu da se u ovom slučaju cijelo zaglavlje ne može izrezati kao slika. U takvoj je situaciji bolje izrezati na slike zasebno sve slojeve teksta, svaki gumb, kao i pozadinski sloj zaglavlja. Drugo, rezanje rasporeda pretpostavlja da dizajner izgleda izvodi radnje u sljedećem slijedu. Ako je tekst samo dio ukrasa, upotrijebite ga prije HTML / CSS izgleda.
3. korak
Prvo otvorite sam izgled u Photoshopu tako da se ploča slojeva pojavi s desne strane, što se smatra okosnicom potrebnom za pokretanje izgleda. U slučaju da se na sve slike može kliknuti, otvorite verziju izgleda u punoj razlučivosti. Zatim rasporedite sve grafičke elemente tako da izgledaju isto kao u HTML formatu, pa spremite svaki izraženi grafički element u željeni format: GIF,.
4. korak
Da biste odabrali potrebni grafički element, upotrijebite alat kao što je Rectangular Marquee Tool koji omogućuje označavanje odabranog područja isprekidanom crtom. Nakon toga, obrežite ostatak izgleda na točkasti element pomoću izbornika Slika> Izreži. Da biste se riješili nepotrebnih pozadinskih slojeva, primijenite gradijentno ispunjenje, isključujući vidljivost pozadinskih slojeva. Zatim obrežite kutove odabranog dijela, a zatim držite prozirnim sve ostale slojeve.
