? Rollover knapper er de bildene du ser når du holder musen over mange websider knapper. Andre knapp stater kan ha sine egne bilder, inkludert de klikket og funksjonshemmede stater. Å gjøre rollover-knapper i Photoshop skiller ditt program eller webside fra andre medier . Den lar deg også lage knapper med interaktive figurer som er relatert til programmets funksjon. For et spill som skildrer drager , for eksempel kan du lage en knapp som normalt utseende er lukket øyet av en drage , og hvis rollover utseende er åpnet drage øyet. Instruksjoner
en
Klikk på " File" -menyen er " New "-kommandoen , og klikk deretter på " Web" element fra "Preset " drop -down kontroll.
2
Klikk verktøypaletten symbolet formet som et avrundet rektangel til å kjøre " avrundet rektangel "-verktøyet, klikk deretter på fargepaletten over lerretet . Klikk på en farge du ønsker for knappen fra paletten som vises.
3
Klikk mot venstre side av lerretet , deretter dra rett til å definere knappen. Slipp å fullføre knapp form. Klikk på " stiler" element fra "Windows "-menyen for å vise en palett med forhåndsinnstilte knappen stiler .
4
Hold musen over galleriet av stil ikoner , og klikk deretter en av stilene hvis navn inneholder "normal ". For eksempel , klikk på " Skrå normal" stil. Begrepet "normal " indikerer at stilen er for knappen er aktivert , ikke- rollover stat .
5
Klikk på " T "-ikonet på verktøypaletten for å kjøre "Text "-verktøyet , og dra over knappen for å definere en tekstboks . Skriv inn teksten du vil bruke for knapp i tekstboksen , og klikk deretter hakemerkeikonet plassert over lerretet for å sluttføre teksten for tekstboksen .
6
Klikk på " Merge visible "-kommandoen i "Lag"- menyen for å flette tekst og effekter til ett enkelt bilde . Klikk på " Duplicate "-kommandoen fra " lag" -menyen for å kopiere på knappen for overrullingstilstand .
7
Følg instruksjonene fra trinn 4 for å bruke en knapp stil til kopien av knappen . Men klikker en stil hvis navn inneholder " mouseover " i stedet for "normal . " For eksempel , klikk på " Skrå mouseover " stil . Dette vil være utseendet på knappen når brukeren passerer musen over det
8
Følg instruksjonene fra trinn 4 for å bruke en knapp stil til kopien av knappen . Men klikker en stil hvis navn inneholder " mousedown " i stedet for "normal . " For eksempel , klikk på " Skrå mousedown " stil . Dette vil være utseendet på knappen mens musen er over den og blir klikket .
9
Klikk på " File" -menyen er " Save for Web "-kommandoen , og klikk deretter på " 4 -up "-kategorien til å se fire bilder som viser forskjellige bilde kvaliteter for knappen du valgte . Klikk et bilde hvis kvaliteten du finner akseptabelt, og hvis teksten under bildet inneholder filtypen " GIF ". Knappene er vanligvis i GIF -format, i stor grad fordi de vanligvis krever lite disk minne.
10
Klikk "Lagre" for å åpne " Lagre optimalisert " dialogboksen . Skriv inn et navn i " Name" tekstboksen som viser bildet er rollover -knappen , ikke den vanlige. For eksempel " rollover.gif . " Klikk "Lagre" for å lagre rollover -knappen.
11
Følg instruksjonene fra trinn 8 for å skjule rollover knappen er lag og avsløre en normal knapp er lag . Følg instruksjonene fra trinn 9 og 10 for å redde en normal knapp med et navn som " normal.gif " eller " enabled.gif . "