Som du kompilere flere HTML- sider for å lede besøkende til din online domene, gi dem en enkel måte å komme seg rundt med klikkbare knappene. Selv førstegangsbrukere vil vite at å klikke på en knapp tar dem et annet sted , men med Photoshop , kan du lage en skreddersydd opplevelse for disse klikkene . Dra nytte av Adobe Photoshop CS5 er knapp -creation designprosessen for å lage knapper som gjør din HTML side skiller seg ut . Instruksjoner
en

Åpne Photoshop CS5 , klikker du på "File "-menyen og klikk " Ny". Angi navnet på knappen , for eksempel " HelpButton ", eller din foretrukne filnavnet i " Name" boks . Skriv inn mål på knappen i " Bredde" og "Høyde " boksene , ved hjelp av piksler eller tommer per nettstedets krav. Klikk på " Bakgrunn Innhold "-menyen og velg "Transparent . " Klikk "OK"- knappen for å åpne knappen for å lage lerret.
2

Klikk markøren inn i midten av den fargede firkanten nederst av " Verktøy"- panelet på venstre side av skjermen . Velg en farge for knappen, og klikk "OK".
3

Høyreklikk et ikon av en linje , grå sirkel , grå firkant eller grå stjerne nær bunnen av "Verktøy " panelet på venstre side av skjermen . Velg " Avrundet rektangel Tool" eller " Ellipse Tool" for knapp form .
4

Plasser markøren i øvre venstre hjørne av grått sjakkbrett lerretet. Klikk og hold nede venstre museknapp , flytt deretter markøren til nedre høyre hjørne . Pass på å ikke dra ut i det grå Photoshop skrivebord. Knappen figuren vises på lerretet .
5

Dobbeltklikk på Layer 1 linje i " Layers " palett . Når " Layer Style"- vinduet åpnes, klikker du på " Drop Shadow " sjekkheftet . Dette er valgfritt , men gir på knappen en mer hevet utseende , noe som kan bidra til å veilede besøkende til HTML-side . Klikk " OK " for å lukke vinduet .
6

Klikk på " T "-ikonet på "Verktøy" -panelet . Velg en skrifttype , tekststørrelse og farge fra verktøylinjen øverst på skjermen. For farge , velg en som vil skille seg ut mot den valgte knappen bakgrunnen, for eksempel en hvit hvis knappen er mørkt .
7

Klikk på knappen og skriver inn knappen teksten , for eksempel " Hjelp" eller "Start". Dra teksten på plass i midten av knappen .
8

Høyreklikk den nye teksten lag i " Layers " palett . Velg " merge visible . "
9

Klikk på "File "-menyen og velg " Lagre som". Klikk på " Format "-menyen og velg " PNG " eller " GIF ", som vil holde knappens bakgrunnen er gjennomsiktig , som kreves for HTML-sider . Klikk på " Lagre"-knappen .