Hvordan gjør jeg Roll knapper i Photoshop?

Rollover-knapper er de bildene du ser når du holder musen over mange webside knapper. Andre knapp stater kan ha sine egne bilder, inkludert klikket og funksjonshemmede stater. Making roll knapper i Photoshop skiller ditt program eller en webside fra andre medier. Den lar deg også lage knapper med interaktive figurer som er knyttet til programmets funksjon. For et spill som viser drager, for eksempel, kan du lage en knapp som normalt utseende er lukket øyet av en drage, og hvis roll utseende er åpnet drage øyet.

Bruksanvisning

1 Klikk på "File" -menyen er "Ny" -kommandoen, klikk på "Web" element fra "Preset" drop-down kontroll.

2 Klikk på verktøypaletten ikonet formet som et avrundet rektangel for å kjøre "Avrundet rektangel" verktøyet og klikk på fargekartet over lerretet. Klikk på en farge du ønsker på knappen fra paletten som vises.

3 Klikk mot venstre side av lerretet, og dra rett til å definere knappen. Slipp for å fullføre knappens form. Klikk på "Styles" element fra "Windows" menyen for å vise en palett med forhåndsinnstilte knappen stiler.

4 Hold musen over galleri av stilikoner, og klikk deretter på en av stilene navn som inneholder "normal". For eksempel, klikk på "Skrå normal" stil. Begrepet "normal" indikerer at stilen er for knappens aktivert, ikke-rollover tilstand.

5 Klikk på "T" ikonet i verktøypaletten til å kjøre "Text" -verktøyet, deretter drar over knappen for å definere en tekstboks. Skriv inn teksten du ønsker på knappen i tekstboksen, og klikk deretter på haken ikonet plassert over lerretet for å sluttføre tekst for tekstboksen.

6 Klikk på "Merge visible" kommando av "Lag" -menyen for å flette tekst og effekter til et enkelt bilde. Klikk på "Duplicate" kommandoen fra "Layer" menyen for å kopiere på knappen for roll staten.

7 Følg instruksjonene fra trinn 4 for å bruke en knapp stil til kopien av knappen. Men klikker en stil som har navnet inneholder "mouse" i stedet for "normal". For eksempel, klikk på "Skrå mouse" 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 som heter inkluderer "mousedown" i stedet for "normal". For eksempel, klikk på "Skrå mousedown" stil. Dette vil være utseendet på knappen mens musen er over det og blir klikket.

9 Klikk på "File" menyen "Save for Web" kommandoen, og klikk deretter på "4-up" -kategorien for å vise fire bilder som viser forskjellige bildekvaliteter for knappen du valgte. Klikk på et bilde som har kvalitet du synes er akseptabel, 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 normale. For eksempel "rollover.gif." Klikk "Lagre" for å lagre roll knappen.

11 Følg instruksjonene fra trinn 8 for å skjule roll knappens lag og avsløre normal knappens lag. Følg instruksjonene fra trinn 9 og 10 for å redde en normal knapp med et navn som "normal.gif" eller "enabled.gif."