Bruke Adobe Photoshop , kan du lage intrikate nettsteder og web -elementer . Ikke bare kan du lage knapper for nettstedet ditt, men du kan opprette knapp mouseover effekter. Da sammen med JavaScript-kode , vil knappen endre på utseendet når brukeren kjører sin markøren over den. Photoshop inneholder et antall filtre og effekter for dette formålet. En knapp rollover er mer interessant å se på og gir en mer interaktiv opplevelse for nettstedet besøkende . Instruksjoner
en
Åpne Adobe Photoshop . Når Photoshop åpnes, trykker du på " File" på menylinjen og velg " New". Velg en størrelse til knappen . En populær størrelse for web knapper er 88 piksler x 31 piksler. Type det inn i størrelsen boksen og trykk " OK ".
2
Lag knappen. Utseendet for knappen er helt opp til deg . Prøv å fylle bakgrunnen i en solid farge ved å klikke "Rediger" og velge "Fyll ". Plukk en bakgrunnsfarge i fargen boksen og klikk " OK . " Prøv å klikke på " Layer Styles "-knappen i lagpaletten og velg en effekt å plassere på knappen .
3
Klikk på " Text" -knappen på verktøylinjen . Denne knappen ser ut som bokstaven " T." Aktiver teksten verktøyet ved å klikke på lerretet . Skriv inn teksten du vil ha på knappen , velg en skrifttype ved hjelp av drop- down menyen og trykk på haken i baren på toppen av vinduet .
4
Klikk på "File " i menyen bar og velg " Lagre for Web . " Velg " JPEG Medium" fra første drop- down menyen og klikk på "Lagre "-knappen . I det neste vinduet , skriver du navnet på knappen filen du ønsker, velg et sted å lagre den i og trykk på " Lagre"-knappen .
5
Klikk på "File " i Photoshop menylinjen og velg " New". Lag en ny fil med samme dimensjoner som den første knappen du har gjort.
6
Opprett en ny knapp . Dette er hva knappen vil se ut når betrakteren ruller over det , så bærer det i tankene når du utformer det. Det er ofte mindre distraherende for å gjøre den nye knappen lik den første, men med et ekstra element som en skygge eller en pil som peker på det .
7
Klikk på " File" og velg "Lagre for Web . " Velg "JPEG Medium , " klikk " Lagre " og lagre -knappen på samme sted som den første knappen . Plukk et filnavn som skiller denne knappen fra den første , og lagre filen ved å klikke på "Lagre "-knappen .