A rollover er en effekt som brukes på et bilde på en webside for å forandre bildet når en mus ruller eller svever over det. Dette er ofte brukt til å lage knapper eller menyer endrer farge , men kan brukes på alle image . Ved hjelp av Photoshop , kan du klippe et bilde i skiver , deretter endre en skive slik at bare den delen av bildet endres i rollover , som gjør ordene vises på bunnen, eller endre fargen på bare ett element i bildet. Når skivene er opprettet , må du plassere riktig JavaScript -kode i websiden for å lage rollover effekt , ved hjelp av en web- design software eller HTML editor. Instruksjoner
en

Launch Photoshop og velg "Open" fra Fil-menyen . Naviger til et bilde du vil bruke for rollover og klikk " Åpne ". Klikk på " Slice Tool" i verktøykassa . Hvis du ikke kan se det, klikk og hold "Crop Tool" eller " Slice Select Tool " for å avsløre den.
2

Bestem hvor du vil at rollover effekten skal vises. Merk at Slice Tool bare skaper rektangulære skiver og at flere stykker vil bli opprettet fra den gjenværende bildet. For eksempel, hvis du velger den øverste halvdelen av et bilde som rollover skive , vil den andre halvparten av bildet også være en skive. Hvis du kutter en firkant i midten av bildet , er fire andre skiver opprettet , en over din del , en under og en på hver side.
3

Dra Slice Tool over området du vil bruke for velt. Bildet er kuttet i skiver , med en rekke øverst i venstre hjørne .
4

Klikk og hold " Slice Tool" i verktøykassa , klikk deretter på " Slice Select Tool. " Dobbeltklikk Slice du gjorde i trinn 3 for å åpne Slice alternativer-vinduet. Type " Rollover " i navnet feltet og klikk "OK". Dobbeltklikk hver av de andre skivene til å gi dem passende navn , som "Top ", " Venstre ", "Center ", " Right" og " Bottom . "
5

Trykk" F7 "for å avsløre Layers Panel . Dra " Background Layer " i Layers Panel på "Nytt lag "-knappen nederst i panelet. Gjør eventuelle endringer du vil at bildet skal endre " Rollover " skive. Du kan skrive tekst over stykket , tegne en figur, eller sette inn et annet bilde . Du kan legge til effekter eller bilde justeringer som endrer hele bildet . Endringer i andre sektorer vil ikke bli lagret .
6

Klikk "Save for Web og enheter " under Fil-menyen. Lagre bildet i ønsket format - mest sannsynlig JPEG eller GIF - og klikk Hver av sektorene er lagret med navnet du ga dem som et eget bilde i en mappe som heter
< "Lagre". "Image ". br > 7

Dra " Background Copy " lag i Lag- panelet på "Trash "-knappen nederst i panelet , samt eventuelle andre lag du har laget legge til effekter eller tekst , slik at du bare har den opprinnelige " Background" igjen .
8

Dobbeltklikk på " Rollover " skive med Slice Selection Tool og endre navnet til "Original . " Klikk "OK".

9

Klikk på " Lagre eller Web & Devices " fra Fil-menyen . Bruk samme filformat og samme destinasjon mappe som du gjorde i trinn 6 . Klikk på " Lagre". En dialogboks åpnes advarer deg om at de andre sektorene vil bli erstattet . Dette er den versjonen du ønsker å lagre, så klikker du på " OK ".
10

Bruk hvilken som helst Web design software for å sette bildene sammen på et webområde . Du har nå alle skivene med "Original" slice å montere det originale bildet og " Rollover " slice å bruke i rollover effekt på websiden.