ALT web design ALT web designPhotoshop Tutorials

STAKLENI GUMB besplatni photoshop tutorial

Filed under: Buttons  |  Tags: , , ,
1. korak

STAKLENI GUMB 01

Napravite novi dokument (File -> New) i u njemu kreirajte novi sloj (layer). Odaberite alat Rounded Rectangle Tool (zaobljeni pravokutnik) s radijusom 5px, nacrtajte oblik gumba i ispunite ga bojom.

2. korak

STAKLENI GUMB 02

Alatom Magic Wand (čarobni štapić) odaberite ispunu, idite na Select -> Modify -> Contract i suzite selekciju za 2 pixela.

3. korak

STAKLENI GUMB 03

Napravite novi sloj (layer). Odaberite bijelu kao boju prednjeg plana (foreground color). U gradient palette namjestite ispunu na Foreground to Transparent. Kliknite i povucite od vrha odabranog područja i, držeći tipku SHIFT kako bi linija bila ravna, povucite do dna gumba.

4. korak

STAKLENI GUMB 04

Namjestite prozirnost (opacity) sloja (layera) na 90%.

5. korak
STAKLENI GUMB 05
Napravite još jedan novi sloj (layer). Izaberite boju ispune kao boju prednjeg plana (foreground color). U gradient palette namjestite ispunu na Foreground to Transparent. Kliknite i povucite od dna odabranog područja i, držeći tipku SHIFT, povucite ravnu liniju do sredine gumba. Poništite selekciju (deselect).

6. korak
STAKLENI GUMB 06
Namjestite layer mode na color dodge, a prozirnost (opacity) na 60%.

7. korak

STAKLENI GUMB 07

Dodajte tekst na gumb.

Leave a Reply