Hvordan lage tilpasset grafikk i Photoshop for knapper

Hvis du har Photoshop, kan du lage dine egne knapper for dine websider, selv om du har lite erfaring med programvaren. En vanlig form for knapper er avrundet rektangel. Beveling og prege denne formen kan gjøre det skiller seg ut på websiden med en tredimensjonal effekt. En nøkkel til å designe knappene er å opprettholde konsistens i form, størrelse, fonter og farger for alle knappene. Lagre Photoshop-dokument for å bruke første knappen som en mal for andre.

Bruksanvisning

1 Åpne Photoshop og velg "New" fra "Fil" -menyen. Skriv inn størrelsen på knappen, for eksempel 400 x 120 piksler.

2 Velg "Avrundet rektangel Tool" i Verktøy-panelet. Skriv "12 px" inn i "Radius" -feltet i Options Bar. Dette tallet bestemmer hvor runde hjørnene vil bli.

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å "Skråkant og preg." Klikk på "OK". Dette vil gi knappen en tredimensjonal effekt.

6 Velg "Horizontal Type Tool" fra Verktøy Panel. Dra verktøyet over knappen for å lage 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 tegnpanelet.

8 Lagre arbeidet ditt 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 "Fil" -menyen. Velg "JPEG" fra rullegardinmenyen. Deretter reduserer kvaliteten av bildet for å redusere dets filstørrelsen. For knapper, kan du vanligvis redusere kvaliteten til 40 prosent eller lavere uten merkbart å redusere bildekvaliteten.