Kako Izraditi Gumbe Za Web Stranicu U Photoshopu

Sadržaj:

Kako Izraditi Gumbe Za Web Stranicu U Photoshopu
Kako Izraditi Gumbe Za Web Stranicu U Photoshopu

Video: Kako Izraditi Gumbe Za Web Stranicu U Photoshopu

Video: Kako Izraditi Gumbe Za Web Stranicu U Photoshopu
Video: Дизайн Сайта в Photoshop (Как нарисовать?) Урок по Шагам. 2024, Travanj
Anonim

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

Kako izraditi gumbe za web stranicu u Photoshopu
Kako izraditi gumbe za web stranicu u Photoshopu

Upute

Korak 1

Stvorite novi dokument i na alatnoj traci odaberite Alat za zaobljeni pravokutnik. Nacrtajte uski zaobljeni pravokutnik, a zatim iz okvira s alatima odaberite Elliptical Marquee Tool i na lijevoj strani pravokutnika nacrtajte krug koji prekriva njegove rubove i nadilazi ga.

Korak 2

Desnom tipkom miša kliknite sloj pravokutnika i odaberite opciju Rasteriziraj sloj, a zatim u središtu odabira ponovno kliknite i na kontekstnom izborniku odaberite opciju Sloj putem izreza kako biste kopirali odabir na novi sloj.

3. korak

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 sliku u dvije boje.

4. korak

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

Ponovno otvorite izbornik Layer Style i prilagodite karticu Gradient Overlay u bilo kojoj boji koja odgovara shemi boja vašeg web mjesta. 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 ispunu gradijenta za potez. Kliknite U redu.

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.

7. korak

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 s neprozirnošću od 25%. Vaš je gumb spreman - preostaje mu samo dodati natpis.

Preporučeni: