Izradite prilagođeni profesionalni gumb za web u Photoshopu CS6

Ako znaš Photoshop Znat ćete da vam ovaj moćni uređivač omogućuje stvaranje i korištenje bezbroj efekata, zasjenjivanja, boja, putanja … to se prevodi u širok raspon mogućnosti za izmjenu sadržaja pojedinih slika ili slojeva.

Zahvaljujući mogućnostima koje nude alati u Adobe Photoshopu, uključena je ideja da sami možemo stvoriti nešto od nule. Photoshop već dolazi s učitanim elementima, ali ih možemo prilagoditi ili izmisliti. Ako imate web stranicu ili slično, današnji vodič može biti od pomoći.

U ovom ćemo vodiču vidjeti dva načina za dizajniranje vlastitog gumba, ručno stvaranje vlastitog stila ili automatski s unaprijed definiranim stilovima.

1. Izradite profesionalni gumb s prilagođenim stilom u Photoshopu


Ovom metodom ručno ćemo stvoriti stil vlastitim stilom.

Korak 1
Prvo što trebate učiniti je stvoriti zaobljeni oblik pravokutnika koji će postati naš gumb. Da bismo to učinili, idemo u prozor alata i odabiremo oblik Zaobljeni pravokutnik.

Korak 2
Unutar sloja stvorenog oblika kliknemo na njega i odaberemo Mogućnosti spajanja.

Korak 3
Sada uvodimo neke vrijednosti slične onima koje vidite na slici. Prvo u učinku Ukosnica i reljef.

POVEĆAJTE

Korak 4
Unesite vrijednosti koje vidite ispod u Sjena

POVEĆAJTE

Korak 5
Kao što vidite, već bismo stvorili naš gumb. Valja napomenuti da se glavna boja mijenja na bilo koji drugi način dvostrukim klikom na sloj.

Korak 6
Da biste zadržali naš stil, idite na Mogućnosti spajanja kao u koracima 3 i 4. Sada odaberite opciju za Novi stil pod U redu i Odustani. Potvrdite okvire za spremanje efekata, dajte ime i spremite svoj novi stil.

Korak 7
Ako sada odete na karticu stilovi, vidjet ćete da postoji vaš prilagođeni stil koji se od sada može primijeniti na bilo koji oblik.

2. Izradite profesionalni gumb s unaprijed postavljenim stilom u Photoshopu


Ako nemate vremena za ručno stvaranje stila, Photoshop već uključuje unaprijed definirane stilove koji se lako mogu primijeniti na naše oblike.

Korak 1
Prozor Stilovi obično se prikazuje prema zadanim postavkama, ali u slučaju da se ne pojavi, idite na Window - Styles i kliknite na njega da biste aktivirali prozor.

Korak 2
Sada u prozoru Stilovi kliknite izbornik s tri pruge koji će se pojaviti.

Korak 3
Odaberite opciju Web stilovi, a zatim dodajte.

Korak 4
Sada samo morate odabrati stil koji vam se najviše sviđa i primijeniti ga na svoj oblik. U prethodnom koraku možete dodati bilo koju kategoriju prikaza.

Ako ste zapeli u bilo kojem koraku, evo video vodiča s kojim ćete vidjeti kako ručno i automatski dizajnirati svoj profesionalni gumb.

Stilovi u Photoshopu doista su korisni za primjenu u našim dizajnom jer izbjegava da ga moramo konfigurirati svaki put kad želimo primijeniti isti učinak. Na taj način uvijek ćemo imati osobni spremljeni stil.

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

wave wave wave wave wave