Hvordan lage Glanset Web 2.0 Knapper

Web 2.0-stil er lyse, fet og blank. Når utforme nettsteder i denne stilen, er det fornuftig å lage en knapp med disse attributtene. Web 2.0 knapper starte med et avrundet rektangel gitt en lys gradient. Trikset for å legge glans til knappene er å legge et vanlig hvitt lag over knappen og slå sin opacity ned. Når du har opprettet knappen, klippe det ut fra paletten og lagre det i PNG-format, som er et flott format for webgrafikk som trenger åpenhet.

Bruksanvisning

1 Start en grafisk redigering program som Photoshop eller GIMP. Opprett en ny fil stor nok til å holde knappen med et par hundre piksler ekstra plass. Bruk en form verktøy for å tegne et rektangel i alle farger på lerret. Bruk et avrundet rektangel verktøyet hvis man er tilgjengelig for deg.

2 Dobbeltklikk på forgrunnsfargen i fargepaletten og velger en lys farge. Velg en litt lysere nyanse for bakgrunnsfarge. Klikk på "Magic Wand" velgeren verktøyet på den tomme plassen på lerretet, og gå til "Velg" og "Inverse" for å velge bare din knapp. Velg gradient verktøyet, klikk på en side av knappen og dra gradient til toppen av knappen mens du holder "Shift" på tastaturet.

3 Lag et nytt lag, og bruk markeringsverktøy til å velge den øverste halvdelen av knappen. Fyll ut dette med hvit farge med maling bøtte verktøyet. Endre tettheten av laget til 15 prosent.

4 Velg tekstverktøyet, og klikk på markøren på knappen. Skriv inn teksten, merker du den og velger en font. Bruk hvit tekst på knappen. Klikk og dra teksten til å justere det med knappen når du er ferdig å skrive inn teksten.

5 Bruk "Magic Wand" for å velge det hvite området rundt knappen og inverse utvalg å velge bare på knappen igjen. Beskjære knappen og lagre det ved hjelp av PNG-format med åpenhet slått på.