Stvaranje gumba za mobilna sučelja u Photoshopu CS6

Sadržaj
Ove su tipke vrlo popularne, posebno kada radimo na izradi dijelova za mobilna sučelja, poput iPhoneZapravo, upravo je ovaj uređaj ugradio ove vrste gumba koji izgledaju poput male sjajne plastične pločice na koju pogađa mali odraz svjetlosti.
Kako bismo izgradili ovu vrstu gumba, koristit ćemo se osnovnim tehnikama, poput pravokutnih oblika sa zaobljenim rubovima, korištenjem nagiba i upotrebom paleta boja za postizanje potrebnih efekata.
Prvo moramo započeti proces generiranjem osnovnog oblika našeg gumba, za to ćemo slijediti sljedeće korake.
1- Počnimo stvaranjem vektor u obliku pravokutnika sa zaobljenim rubovima iu izborniku slojeva primijenit ćemo učinak preklapajući gradijent:

2- Gradijent mora biti tamne boje u gornjem dijelu i varijacije iste boje, ali svjetlije u donjem dijelu, omjer može biti 80% tamno i a 20% jasnoće.
3- Sad moramo dupli sloj, za to možemo pritisnuti kombinaciju tipki CTRL + JTo činimo kako bismo mogli mijenjati gradijent u dupliciranom sloju, pa ćemo nakon dupliciranja dvaput kliknuti na efekt gradijenta.
4- Uredit ćemo gradijent postavljanjem njegove neprozirnosti na a 50% i promijenit ćemo boje u bijelu u pozadini, a najsvjetliji dio bit će proziran:
5- Sljedeći korak koji moramo učiniti je izbrisati sidra, za to ćemo odabrati točkasti alat, ideja je premjestiti reference dupliciranog sloja tako da pokriva samo oko trećinu platna.
6- Sada ćemo stvoriti zakrivljenost u donjem rubu dupliciranog sloja, za to ćemo koristiti alat odabir smjera a u središtu crte generiramo potrebno kretanje.
7- Kad se spremamo završiti, promijenit ćemo sloj i promijenit ćemo neprozirnost na približno 65%, a parametar punjenja o Ispunite ostavimo na 0 ovo će učiniti da se sve oblikuje.
8- Na kraju možemo dodati sliku ili tekst, pritom moramo postaviti malu sjenu tako da istakne element i možemo je povezati s gumbom:

Kao što vidimo, generirali smo gumb vrlo sličan onima koji se koriste u mobilnim sučeljima, oni nam daju upečatljiv i svjež izgled koji možemo ugraditi u svoje skice i prijedloge za mobilna sučelja, koriste se više od svega za predstavljanje aplikacija i Takvi elementi, a ne za osnovne radnje korisnika, međutim svatko može upotrijebiti svoju kreativnost kako bi dobio svoju poziciju.
Ovim smo završili ovaj vodič, kao što smo vidjeli da primjenjujemo nekoliko osnovnih tehnika za dobivanje konačnog rezultata. Treba napomenuti da što više vježbamo, bit ćemo brži i moći ćemo generirati te elemente s većom sigurnošću.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave