Četvrti u nizu tutoriala iz serija web2.0 je izrada gumba za web stranice. Ovim, također jednostavnim tutorialom, ću vas naučiti kako napraviti lijep, ali istovremeno i jednostavan, gumb koji možete koristiti, npr. kao gumb za submit.
Prvo otvorite novi dokument veličine 125x50 piksela sa tamnosivom podlogom (#555555). Stvorite novi layer i nazovite ga "gumb". Nakon toga odaberite Rounded Rectangle Tool, podesite mu Radius na 5px, i nacrtajte gumb.
Zatim kliknite desnom tipkom miša na layer "gumb" i odaberite Blending Options. Odaberite postavke kao na slikama – boje korištene u gradientu su #570c87(tamnija) i #8e19d8(svjetlija).
Nakon što ste primijenili postavke, stvorite novi layer i nazovite ga "gradient". Kliknite lijevom tipkom miša na layer "gumb" istovremeno držeći tipku Ctrl. Selekciju koja se pojavila ispunite koristeći gradient Foreground to Transparent, pazeći da je foreground color bijela boja, a da je aktivan layer "gradient". Promijenite layeru "gradient" opacity na 60%.
Gumb je gotov, sada mu još samo dodajte tekst po želji. Moj krajnji rezultat je ovo:
više na pcchip.hr