Hvordan Skjær en PSD

Adobe Photoshop CS5 Slice verktøy er ofte brukt til å bryte ned PSD fil Web mal design som vil bli konvertert til HTML som online oppsett. I de fleste tilfeller er Photoshop brukes til å utforme den fremdeles layout bakgrunn, knapper, bilder og tekstbokser, så vel som andre side komponenter og elementer. Den "Slice" verktøyet bidrar til å bringe side komponenter til liv så knapper og andre potensielle komponenter kan kuttes i enkelte ruter og gjort om til funksjonelle hyperkoblinger. Slicing en PSD krever bare presis, virtuell skjæring for å sikre nøyaktighet når PSD er flyttet til HTML-redigering plattform for koding. Virtual skjæring er akkurat som å dra og slippe alternativer, fordi alt du egentlig gjør er i kamper spesifiserte gjenstander i PSD design.

Bruksanvisning

1 Start Adobe Photoshop på datamaskinen.

2 Klikk på "File" alternativet øverst i programvinduet Adobe Photoshop på hovedverktøylinjen. Klikk "Open". Operativsystemets filområdet boks åpnes over programvinduet Photoshop.

3 Finn og velg PSD filen du ønsker å skjære. Klikk "Open" nederst i katalogen vinduet for å laste PSD-filen inn i Photoshop.

4 Klikk på "Vis" på hovedverktøylinjen. Gå til "Vis" og velg deretter "Guides."

5 Klikk på "View" -fanen igjen, og klikk deretter på "Snap" mot bunnen av listen for å aktivere "Snap" grid verktøy.

6 Se på hovedverktøylinjen på venstre side av programvinduet Photoshop. Klikk på firkanten ikonet og velg "Slice Tool" alternativet. Handlingen vil konvertere musepekeren til stykket verktøyet.

7 Begynn i øvre venstre hjørne av PSD layout. Dra musen over det første hjørnet av oppsettet.

8 Lag en firkant rundt det første bildet eller den regionen hvor layout bør kuttes og skilt for koding. (Trace de blå Snap retningslinjene hele bildet for å lage skiver så nøyaktig som mulig.)

9 Dra skive verktøyet over alle individuelle knapper og potensielle hyperkoblinger. Koble hver skiver firkantet til nøyaktig bryte PSD filen ned til potensielle Web elementer.

10 Klikk på "File" igjen. Velg "Save for Web og enheter" for å forhåndsvise hele skiver PSD.

11 Klikk på "Lagre" knappen nederst på "Lagre for Web og enheter" vinduet. En ny mappe opprettes for skiver PSD. Alle skiver objekter i PSD vil bli lagret som JPEG-filer, som kan brukes til HTML-koding.