In this tutorial ćemo stvoriti web gumba. Ovo je vrlo jednostavan i vrlo učinkovit udžbenik, tako da sve što trebate je Adobe Photoshop za stvaranje ovaj efekt. Nadam se da ćete uživati ovaj udžbenik.

Kako kreirati web Dugme u Photoshopu

Korak # 1

Otvorite Photoshop i napravite novi dokument, moje je 550px × 125px s bijelom pozadinom.

Korak # 2

Ispunite boja u pozadini sloju, moja boja je # 3A3A3A.

Korak # 3

Odaberite Zaobljeni pravokutnik Alat i stvoriti gumb, moje je Radius 7px, width: 156px a visina: 38px..

Korak # 4

Sada ćemo primijeniti neki efekt

Gradient Overlay

Styling Button duplo-kliknite na gumb Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti Utjecaj vertikalne Gradient za svoj gumb. Zatim kliknite na Color Gradient na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 9E4C45 boju, a zatim dvokliknite na pravo-boja-stop i unesite vrijednost # EA8484 boju.

Drop Shadow

Sljedeća primjenjuju sloj Drop Shadow stil. Držite Angle na 120o, nego mijenjanje vrijednosti Ispuna, Udaljenost i veličina. Ja izabrati za postavljanje neprozirnosti na 23%, Udaljenost pri 1px Veličina i na 9px.

Korak # 5

Odaberite Horizontal Type Tool i upišite tekst na pročelju.

Mi ćemo primijeniti neki efekt za tekst.

Color Overlay

Dvaput kliknite na tekst sloj je umanjena sličica u Layers panel za otvaranje dijaloškog okvira Stilovi Layer. Prvo ćemo primijeniti boju prekriti, ja izabrati boju # 0D0D0E

Drop Shadow

Na kraju ćemo primijeniti Drop Shadow, najprije promijenite opciju Blending Normalno. Promjena Shadow Color zadani # FFFFFF. Držite Angle na 120o, nego mijenjanje vrijednosti Ispuna, Udaljenost i veličina. Ja izabrati za postavljanje neprozirnosti na 32% i na 1px Udaljenost i veličina na 1px.

Final Preview

Neka nam kako da ovaj udžbenik može biti još bolje? Ako ste pronašli neki drugi Photoshop tutorial koji želite podijeliti s nama, slobodno nam javite ako stavite u komentar.

ako želite dobiti više inspiracije od nas, molimo vas da razmislite o Prijavom na naš feed RSS ili putem e-pošte.

Varalica pod: Freebies, Photoshop, Tutoriali by admin