Kako Napraviti Gumbe Za Web Stranicu U Photoshopu

Sadržaj:

Kako Napraviti Gumbe Za Web Stranicu U Photoshopu
Kako Napraviti Gumbe Za Web Stranicu U Photoshopu
Anonim

Jednostavna navigacija je ključ za stvaranje web stranice ugodnom za posjetu i atraktivnom kako za vlasnika tako i za posjetitelje na mreži. Elementi izbornika i navigacije trebali bi biti jasni, lijepi i sažeti, a dobra je ideja stvoriti atraktivne gumbe za svoju web stranicu u grafičkom uređivaču Adobe Photoshop. To nije teško učiniti.

Kako napraviti gumbe za web stranicu u Photoshopu
Kako napraviti gumbe za web stranicu u Photoshopu

Instrukcije

Korak 1

Stvorite novi dokument i na alatnoj traci odaberite Alat za zaobljeni pravokutnik. Nacrtajte uski zaobljeni pravokutnik, a zatim odaberite Alat za eliptičnu oznaku iz okvira s alatima i na lijevoj strani pravokutnika nacrtajte krug koji prekriva njegove ivice i prelazi ga.

Korak 2

Desnom tipkom miša kliknite sloj pravokutnika i odaberite opciju Rasterize Layer, a zatim u središtu odabira ponovno kliknite i odaberite opciju Layer via Cut iz kontekstnog izbornika kako biste kopirali odabir na novi sloj.

Korak 3

Otvorite izbornik postavki sloja i na kartici Drop Shadow postavite način miješanja na Normalno, neprozirnost na 23% i udaljenost na 3 piksela. Na kartici Prekrivanje boja postavite željenu boju u načinu miješanja Normalno i prozirnosti na 100%. Trebali biste imati dvobojnu sliku.

Korak 4

Ponovno odaberite Elliptical Marquee Tool iz okvira s alatima i nacrtajte krug unutar lijevog odabira boja. Kliknite Izbriši. Nakon toga prenesite odabir na novi sloj i ispunite ga bilo kojom bojom.

Korak 5

Ponovo otvorite izbornik Layer Style i prilagodite karticu Gradient Overlay u bilo kojoj boji koja odgovara shemi boja vaše web lokacije. Postavite radijalni stil na gradijent. Zatim na kartici Stroke postavite težinu poteza na 2 piksela, vanjski položaj putanje i neprozirnost na 30%. Odaberite punjenje gradijenta za potez. Kliknite OK.

Korak 6

U okviru s alatima odaberite četku s bijelom bojom, prilagodite je tako da bude mekana, a promjer četke je 10 piksela. U gornjem desnom dijelu kruga koji ste naslikali nacrtajte točku da biste nacrtali isticanje.

Korak 7

Zatim odaberite sloj glavnim dijelom gumba i u izborniku Layer Style postavite parametar Inner Shadow s načinom Multiply Blending Mode i Opacity od 33%. Postavite linearni gradijent sa neprozirnošću od 25%. Vaše je dugme spremno - preostaje mu samo dodati natpis.

Preporučuje se: