Hvis du har Photoshop , kan du lage dine egne knapper for dine websider , selv om du har liten erfaring med programvaren . En vanlig form for knapper er avrundet rektangel . Beveling og prege denne form kan gjøre det skiller seg ut på websiden med en tredimensjonal effekt . En nøkkel til å designe knapper er å opprettholde konsistens i form, størrelse, fonter og farger for alle knappene . Lagre Photoshop-dokumentet for å bruke første knappen som en mal for andre. Instruksjoner 
 en 
 Åpen Photoshop og velg " New " fra " File "-menyen . Skriv inn størrelsen på knappen , for eksempel 400 x 120 piksler. 
 2 
 Velg " Avrundet rektangel Tool" i Verktøy- panelet . Type " 12 px " inn i "Radius "-feltet i Options Bar. Dette tallet bestemmer hvor runde hjørnene blir. 
 3 
 Klikk på "Set forgrunnsfarge " i Verktøy- panelet . Velg den fargen du vil fra paletten og klikk " OK ". 
 4 
 Dra verktøyet over lerretet for å lage en avrundet rektangel i den fargen du har valgt. 
 5 
 Klikk på " Layer "-menyen , velg " Layer Style, " og klikk på " Bevel og preg . " Klikk "OK". Dette vil gi knappen en tredimensjonal effekt . 
 6 
 Velg " Horizontal Type Tool" fra Verktøy Panel . Dra verktøyet over knappen for å opprette en tekstboks . Skriv inn ordene du vil skal vises på knappen . 
 7 
 Marker teksten på knappen ved å trykke Ctrl og A på tastaturet. Deretter endre skrifttype, skriftstørrelse og farge som ønsket å bruke Character Panel . 
 8 
 Lagre arbeidet som en Photoshop-dokument med lagene intakt slik at du kan bruke denne knappen som en mal for lignende knapper . 
 9 
 Lagre knappen som en JPEG når du er fornøyd med arbeidet ditt . Klikk "Save for Web & Devices " fra " File "-menyen . Velg " JPEG " fra drop -down menyen . Deretter redusere kvaliteten av bildet for å redusere dets filstørrelsen. For knapper , kan du vanligvis redusere kvaliteten til 40 prosent eller lavere uten merkbart redusere bildekvaliteten .