En rollover er en effekt der anvendes på et billede på en webside for at omdanne billedet, når en mus ruller eller svæver over det. Dette er ofte brugt til at lave knapper eller menuer skifter farve , men kan bruges på ethvert billede . Ved hjælp af Photoshop , kan du skære et billede i skiver og derefter ændre en skive , så kun den del af billedet ændringer i rollover , såsom at gøre ord forekommer på bunden, eller ændre farven på blot ét element i billedet. Når skiverne er skabt , vil du nødt til at placere den relevante JavaScript-kode ind på websiden til at skabe rollover-effekt ved hjælp af en web- design software eller HTML -editor . Instruktioner
1
Launch Photoshop og vælg "Åbn " fra menuen Filer. Naviger til et billede, du vil bruge til rollover og klik på " Åbn ". Klik på " Slice Tool " i værktøjskassen. Hvis du ikke kan se den, klik og hold " Crop Tool " eller " Slice Select Tool " for at afsløre den.
2
Beslut hvor du ønsker rollover-effekt til at blive vist . Bemærk, at Slice Tool kun skaber rektangulære skiver, og at yderligere skiver vil blive oprettet fra den resterende billede. For eksempel, hvis du vælger den øverste halvdel af et billede som rollover skive vil den anden halvdel af billedet også være en skive . Hvis du skærer en firkant i midten af billedet , er fire andre skiver oprettet, den ene over din skive , en nedenfor og en på hver side.
3
Træk Slice Tool over område, du ønsker for rollover . Billedet er skåret i skiver , med et nummer i øverste venstre hjørne.
4
Klik og hold " Slice Tool " i værktøjskassen , og klik derefter på " Slice Select Tool ". Dobbeltklik på Slice , du har foretaget i trin 3 for at åbne Slice vinduet Indstillinger. Type " Rollover " i navnet og klik "OK". Dobbeltklik på hver af de andre skiver til at give dem passende navne, som " Top ", " Venstre ", " center ", " Right " og " Bottom . "
5
Tryk på" F7 "for at afsløre panelet Lag. Træk " Background Layer " i panelet Lag på " Nyt lag "-knappen nederst i panelet. Foretag de ønskede ændringer til billedet at ændre " Rollover " slice . Du kan skrive tekst over den skive , tegne en figur eller indsætte et andet billede. Du kan føje effekter eller billedfiler justeringer , der ændrer hele billedet. Ændringer af andre skiver vil ikke blive gemt .
6
Klik på "Gem til web og enheder " under menuen Filer. Gem billedet på dit foretrukne format - mest sandsynligt JPEG eller GIF - og klik Hver af skiverne gemmes med det navn, du gav dem som et separat billede i en mappe kaldet
< "Gem". "Image ". br > 7.
Træk " Background Copy" lag i panelet Lag på "Trash "-knappen i bunden af panelet , samt eventuelle andre lag , du kan have oprettet tilføje effekter eller tekst , så du har kun den oprindelige " baggrund" lag tilbage.
8
Dobbeltklik på " Rollover " slice med Slice Selection Tool og ændre navnet til "Original ". Klik på "OK".
< br > 9
Klik på " Gem eller web og enheder " fra menuen Filer. Brug samme filformat og samme destinationsmappe , som du gjorde i trin 6 . Klik på " Gem". En dialogboks åbnes advarer dig, at de andre skiver vil blive erstattet . Det er de versioner, du ønsker at gemme , så klik på " OK".
10
Brug en Web design software til at sætte billederne sammen på et websted. Du har nu alle de skiver med "Original" slice at samle det oprindelige billede og " Rollover " slice til brug i rollover-effekt på websiden .