Z vzorcem s poševnimi črtami bomo naredili zanimiv gumb, ki bo pritegnil še tako neopreznega obiskovalca vaše spletne strani. Da bomo dobili končni efekt bomo pravokotniku dodali več Layer Stylov, najpomembnejši pa bo zagotovo Pattern Overlay.

1. Ustvarite nov dokument v Photoshopu. Moj bo velikosti 200x160. Ozadje sem s Paint Bucket Toolom pobarval na temno sivo (#f2f2f2).

2. V orodjarni izberite Rounded Rectangle Tool in razpotegnite svoj gumb. Radius nastavite na 5px.

3. Gumbu sedaj dodajte Layer Style: Inner Shadow, Outer Glow, Bevel and Emboss + Contour, Gradient Overlay in Pattern Overlay. Meni: Layer > Layer Style > ...

Za Pattern Overlay boste potrebovali spodnji vzorec. Vzorec odprite v Photoshopu, pojdite v meni in izberite Edit > Define Pattern. Poimenujte ga in shranite. Nato začnite dodajati Layer Style.

4. Sedaj bomo dodali še besedilo. V orodjarni izberite Type Tool in napišite besedo, ki bo v gumbu. V mojem primeru beseda Domov. Nastavitve pisave si lahko ogledate spodaj.

5. Tekstu dodajte še Stroke in Outer Glow.

6. In to je naš photoshop gumb.