Lag tilpasset profesjonell webknapp i Photoshop CS6

Hvis du vet Photoshop Du vil vite at denne kraftige redaktøren lar deg lage og bruke et mylder av effekter, skyggelegging, farger, stier … dette oversetter til et bredt spekter av muligheter for å kunne endre innholdet i individuelle bilder eller lag.

Takket være mulighetene som tilbys av verktøyene i Adobe Photoshop, er ideen om at vi kan lage noe selv fra bunnen av inkludert. Photoshop har allerede lastet inn elementer, men vi kan tilpasse eller finne dem. Hvis du har et nettsted eller lignende, kan dagens opplæring være nyttig.

I denne opplæringen ser vi to måter å designe din egen knapp på, manuelt å lage din egen stil eller automatisk med forhåndsdefinerte stiler.

1. Lag en profesjonell knapp med tilpasset stil i Photoshop


Med denne metoden vil vi lage en stil manuelt med vår egen stil.

Trinn 1
Det første du må gjøre er å lage en avrundet rektangelform som blir vår knapp. For å gjøre dette, går vi til verktøyvinduet og velger formen Avrundet rektangel.

Steg 2
I laget av den opprettede formen klikker vi på den og velger Fusjonsalternativer.

Trinn 3
Nå introduserer vi noen verdier som ligner på de du ser på bildet. Først i effekten av Avfasning og lettelse.

FORSTØRRE

Trinn 4
Skriv inn verdiene du ser nedenfor Slipp skygge

FORSTØRRE

Trinn 5
Som du kan se, ville vi allerede ha laget vår knapp. Det skal bemerkes at hovedfargen endres som på annen måte ved å dobbeltklikke på laget.

Trinn 6
For å beholde vår stil, gå til Fusjonsalternativer som i trinn 3 og 4. Velg nå alternativet Ny stil under Ok og Avbryt. Merk av i boksene for å lagre effektene, gi et navn og lagre den nye stilen.

Trinn 7
Hvis du nå går til kategorien Stiler, vil du se at det er din tilpassede stil for å kunne bruke hvilken som helst form fra nå av.

2. Lag en profesjonell knapp med en forhåndsinnstilt stil i Photoshop


Hvis du ikke har tid til å lage en stil manuelt, inneholder Photoshop allerede forhåndsdefinerte stiler som enkelt kan brukes på våre former.

Trinn 1
Stilvinduet vises vanligvis som standard, men hvis det ikke vises, gå til Vindu - Stiler og klikk på det for å aktivere vinduet.

Steg 2
Nå i vinduet Stiler klikker du på den tre-stripete menyen som vises.

Trinn 3
Velg alternativet Nettstiler og legg til.

Trinn 4
Nå er det bare å velge stilen du liker best og bruke den på formen din. Du kan legge til en hvilken som helst kategori av visninger i forrige trinn.

Hvis du har blitt sittende fast i et hvilket som helst trinn, her er videoopplæringen for å se hvordan du designer din profesjonelle knapp manuelt og automatisk.

Stilene i Photoshop er veldig nyttige å bruke i våre design siden det unngår at vi må konfigurere det hver gang vi ønsker å bruke den samme effekten. På denne måten vil vi alltid ha en personlig lagret stil.

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave