Hvordan lage en tilpasset knapp i Photoshop

Lag avanserte knapper for nettstedet ditt ved hjelp av Photoshop, den fremste grafikkprogram.

Bruksanvisning

Opprette Blank Button

1 Begynn Photoshop og lage en ny bildefil som måler 100 piksler bred og 40 piksler høy. Sett oppløsningen til 72 piksler per tomme og modus til RGB farge.

2 Velg Paint Bucket verktøy til høyre. Maling bøtte verktøyet ligner en skråstilt bøtte med maling helle fra den.

3 Klikk på den øverste paletten plassen fra verktøylinjen og velger en farge for knappen. Klikk på OK.

4 Velg alternativene fra Paint Bucket Options-menyen. Prøv Normal og en tetthet på 45 prosent.

5 Klikk på firkanten markeringsverktøyet fra Verktøy-menyen. Fra Marquee Options vinduet velger Rectangular for formen, med uttoning sett på 0.

6 Bruk markeringsverktøyet til å "tegne" et rektangel inne knappen, danner en grense.

7 Fra Velg menyen velger Inverse. Dette velger området innenfor rektangelet.

8 Klikk på bildemenyen og velg Juster, så lysstyrke / kontrast. Juster lysstyrken til '10, forlater Contrast knappen satt til 0. Klikk på OK.

9 Trykk på kontrollen og h for å se den nye knappen.

10 Klikk på markeringsverktøyet igjen og trekke et rektangel like utenfor den første. Invers det som i trinn 7 og justere lysstyrken til '20. Dette fades ut knappekantene.

11 Lagre knappen som en GIF-fil.

Legge til tekst Button

12 Åpne knappen filen og klikk på tekstverktøyet til venstre. Klikk på den øverste paletten torget og velge en tekstfarge.

1. 3 Klikk på knappen. I tekstverktøyet dialogboksen velger font, størrelse, attributter og posisjon.

14 Skriv inn teksten i boksen, og klikk OK. Dra utvalget å sentrere den på-knappen eller trykk Slett for å fjerne det.

15 Bruk Lagre som for å lagre knappen under et nytt navn.

Hint

  • Lagre-knappen under et nytt navn for å holde den tomme knappen som en mal for videre arbeid.
  • Bruk en vanlig, medium font for lesbarhet.
  • Sørg for at skriftfarge i kontrast med knappen farge. Bruk mørke (helst sort) fonter for lettere knapper og lysere skrifter for mørkere knapper.