I utformingen av nettsteder brukes ofte tredimensjonale navigasjonselementer. Slike knapper kan lages i grafikkredigeringsprogrammet Photoshop, og simulerer volumet ved hjelp av skygger og gradientfyll.
Nødvendig
Photoshop-program
Bruksanvisning
Trinn 1
Opprett et nytt dokument i en grafisk redaktør ved å bruke alternativet Ny fra Fil-menyen. Velg størrelsen på det nye dokumentet for å passe til knappen, og gjør bakgrunnen gjennomsiktig.
Steg 2
Aktiver det avrundede rektangelverktøyet. Hvis du vil ha en litt avrundet knapp, angir du Radius til en millimeter i verktøylternativlinjen. Tegn et avrundet rektangel ved hjelp av det valgte verktøyet. Den resulterende formen vil være grunnlaget for knappen.
Trinn 3
Høyreklikk på laget og velg alternativet Rasterize Layer. Last inn valget med alternativet Last valg fra Velg-menyen.
Trinn 4
Bruk Gradientverktøyet til å fylle knappen med en tofarget gradering, og velg en passende kombinasjon av farger fra forhåndsinnstillingene i gradientpaletten. Gradientstilen skal være lineær, velg den ved å klikke på Linear Gradient-knappen under hovedmenyen. Den øvre delen av knappen etter fylling skal være lettere enn den nedre.
Trinn 5
Bruk laget en stil. For å gjøre dette, bruk alternativet Blending Options fra hurtigmenyen. Velg Drop Shadow-fanen og skriv inn en verdi på hundre og tjue grader for Angle-parameteren. Sett størrelsesparameteren til tre piksler.
Trinn 6
I kategorien Indre skygge angir du den samme verdien for Angle-parameteren, og for størrelsen angir du verdien til fem piksler. Bruk stilen ved å trykke Enter.
Trinn 7
Lag en skygge for knappen. For å gjøre dette, klikk på Opprett et nytt lag-knapp og fyll det valgte området av det nye laget med svart. Velg Paint Bucket Tool for dette. Fjern markeringen med Ctrl + D.
Trinn 8
Bruk et Gaussian Blur-filter fra Blur-gruppen i Filter-menyen på det svarte rektangelet. Sett Radius til fire piksler. Dra skyggelaget under knappelaget og løft skyggen tre til fire piksler opp. For å gjøre dette må du aktivere Move Tool og flytte skyggen med markørknappene. Reduser opasiteten for dette laget til seksti prosent.
Trinn 9
Lag det aktive laget med knappen og last inn et utvalg fra det. Reduser valget med to piksler ved å bruke alternativet Kontrakt fra Endre-gruppen i Valg-menyen.
Trinn 10
Lag et nytt lag og fyll det resulterende utvalget med en lineær gradient fra hvitt til gjennomsiktig, slik at den hvite delen er nederst på knappen. Fjern merket for valget. Ved å bruke alternativet Free Transform fra Rediger-menyen, reduserer du området som dekkes av gradienten vertikalt. Bruk transformasjonen med Enter-tasten.
Trinn 11
Endre blandingsmodus for gradientlaget til Overlay. Dette kan gjøres ved å velge en modus fra rullegardinlisten på venstre side av stilpaletten. Reduser lagets opasitet til seksti prosent.
Trinn 12
Bruk det horisontale typeverktøyet til å skrive teksten som skal være på knappen.
Trinn 13
Samle alle lagene i en mappe ved å bruke alternativet Gruppelag fra Lag-menyen, og velg dem mens du holder nede Ctrl-tasten. Lagre knappen i en psd-fil ved hjelp av alternativet Lagre fra Fil-menyen.
